*{box-sizing:border-box}html{background:#080808;color:#f7f2e7;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body{margin:0;background:radial-gradient(circle at 50% -15%,#2b2209 0,#0b0b0b 36%,#080808 70%);min-height:100vh}.topbar{height:72px;border-bottom:1px solid #332b16;background:rgba(8,8,8,.92);display:flex;align-items:center;justify-content:space-between;padding:0 max(18px,env(safe-area-inset-left));position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.brand{display:flex;gap:11px;align-items:center;color:#fff;text-decoration:none}.brand-mark{width:39px;height:39px;border:1px solid #6f5917;border-radius:12px;display:grid;place-items:center;background:#16130b}.brand strong{display:block;font-size:16px}.brand small{display:block;color:#a9a49a;font-size:11px;margin-top:2px}.shell{width:min(100%,860px);margin:0 auto;padding:20px 16px 70px}.hero{border:1px solid #5d4a17;border-radius:22px;padding:24px;background:linear-gradient(145deg,#15130d,#0f0f0f);display:flex;justify-content:space-between;gap:16px;box-shadow:0 20px 50px rgba(0,0,0,.28)}.hero h1,.auth-card h1{font-size:clamp(25px,6vw,38px);margin:7px 0 7px}.hero p,.muted{color:#aaa59c;margin:0;line-height:1.55}.eyebrow{font-weight:800;letter-spacing:.08em;color:#ffbf19;font-size:12px}.hero-badge{align-self:flex-start;background:#ffbf19;color:#100d04;padding:8px 10px;border-radius:10px;font-weight:900;font-size:11px;white-space:nowrap}.search-card{margin:14px 0}.search-card input,.form input,.form select,.form textarea,.reply-form textarea{width:100%;background:#121212;border:1px solid #39352c;color:#fff;border-radius:14px;padding:15px;font:inherit;outline:none}.search-card input:focus,.form input:focus,.form select:focus,.form textarea:focus,.reply-form textarea:focus{border-color:#c89719;box-shadow:0 0 0 3px rgba(255,191,25,.08)}.actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.action-card{background:#121212;border:1px solid #383224;color:#fff;padding:18px;border-radius:18px;text-align:left;cursor:pointer}.action-card:hover{border-color:#806719}.action-card .icon{display:grid;place-items:center;width:36px;height:36px;background:#201b0c;border:1px solid #614d15;border-radius:11px;color:#ffc62b;margin-bottom:12px}.action-card strong,.action-card small{display:block}.action-card small{color:#979188;margin-top:4px}.panel,.auth-card{margin-top:14px;background:#111;border:1px solid #342f24;border-radius:22px;padding:20px}.auth-card{max-width:620px;margin:50px auto 0}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.panel h2,.auth-card h2{margin:5px 0 0;font-size:20px}.faq-list details,.public-help details{border-top:1px solid #2d2a23;padding:15px 0}.faq-list summary,.public-help summary{cursor:pointer;font-weight:750}.faq-list p,.public-help p{color:#a9a49b;line-height:1.55;margin-bottom:0}.primary,.ghost{border-radius:13px;padding:13px 17px;font-weight:900;border:1px solid #ffbf19;cursor:pointer;text-decoration:none;display:inline-flex;justify-content:center;align-items:center}.primary{background:#ffbf19;color:#0b0b0b}.ghost{background:#111;color:#f4f0e7}.small{padding:9px 12px;font-size:12px}.wide{width:100%;margin-top:12px}.notice{padding:13px;border-radius:12px;background:#17150f;border:1px solid #5a4816;color:#ddd4bf;margin:14px 0}.notice.error{border-color:#71312b;background:#1b100f;color:#ffb4ac}.public-help{margin-top:24px}.form{display:grid;gap:14px}.form label{font-weight:750;font-size:13px;color:#d9d3c7}.form input,.form select,.form textarea{margin-top:7px;font-weight:500}.optional{font-weight:500;color:#8d887f}.form-note{color:#928c82;font-size:12px}.ticket-list{display:grid;gap:10px}.ticket-row{border:1px solid #373128;background:#151412;border-radius:16px;padding:14px;cursor:pointer}.ticket-row:hover{border-color:#866b1b}.ticket-top{display:flex;justify-content:space-between;gap:12px}.ticket-row strong{display:block}.ticket-row small{color:#938d84}.ticket-preview{color:#aaa39a;font-size:13px;margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status{font-size:10px;font-weight:900;text-transform:uppercase;padding:5px 8px;border-radius:999px;background:#272216;color:#f2c54a;height:max-content}.status.resolved,.status.closed{background:#202020;color:#aaa}.unread{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;background:#ffbf19;color:#111;border-radius:999px;font-weight:900;font-size:10px}.ticket-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px;color:#a19b92;font-size:12px}.conversation{height:min(54vh,520px);overflow:auto;border:1px solid #302c24;background:#0b0b0b;border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:10px}.message{max-width:82%;padding:11px 13px;border-radius:15px;line-height:1.48;font-size:14px;white-space:pre-wrap}.message.player{align-self:flex-end;background:#33280b;border:1px solid #6d5615}.message.support{align-self:flex-start;background:#181818;border:1px solid #303030}.message small{display:block;color:#8e887e;font-size:10px;margin-top:6px}.reply-form{display:grid;grid-template-columns:1fr auto;gap:9px;margin-top:12px}.reply-form .primary{margin:0}.resolved-note{margin-top:12px;padding:12px;border:1px solid #393939;border-radius:12px;color:#9d9890}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#f3ead4;color:#111;padding:12px 16px;border-radius:12px;font-weight:800;box-shadow:0 12px 40px rgba(0,0,0,.45);z-index:50;max-width:min(90vw,560px)}.loading{color:#999;padding:20px;text-align:center}.hidden{display:none!important}footer{text-align:center;color:#6f6b64;font-size:11px;padding:0 16px 30px}@media(max-width:520px){.topbar{height:64px}.shell{padding:14px 12px 60px}.hero{padding:19px}.hero-badge{display:none}.actions-grid{gap:9px}.action-card{padding:15px}.panel{padding:16px}.reply-form{grid-template-columns:1fr}.message{max-width:90%}}

/* LUDOPANDA_WEB_SUPPORT_CENTER_BACKEND_V1_2 */
.top-actions{display:flex;align-items:center;gap:8px}
.return-hint{color:#777168;font-size:11px;line-height:1.5;text-align:center;margin:9px 0 0}
.pandabot-launch{margin:14px 0 0}
.pandabot-card{
  width:100%;display:flex;align-items:center;gap:14px;text-align:left;cursor:pointer;
  padding:16px 17px;border-radius:18px;border:1px solid #68551b;color:#fff;
  background:radial-gradient(circle at 86% 15%,rgba(255,191,25,.14),transparent 34%),linear-gradient(145deg,#19160d,#111);
  box-shadow:0 14px 34px rgba(0,0,0,.18)
}
.pandabot-card:hover{border-color:#b48a18}
.panda-avatar{width:45px;height:45px;border-radius:14px;background:#201a08;border:1px solid #6d5614;display:grid;place-items:center;font-size:24px;flex:0 0 auto}
.panda-copy{min-width:0;flex:1}
.panda-copy strong,.panda-copy small{display:block}
.panda-copy strong{font-size:16px}
.panda-copy small{font-size:11px;color:#a29b8e;margin-top:3px}
.panda-online{font-size:9px;font-weight:950;letter-spacing:.08em;color:#71df8a;border:1px solid rgba(113,223,138,.25);background:rgba(113,223,138,.07);padding:6px 8px;border-radius:999px}
.panel-subtitle{color:#918b82;font-size:12px;line-height:1.55;margin:6px 0 0}
.pandabot-status{display:flex;align-items:center;gap:7px;color:#8fbc98;font-size:11px;font-weight:800;margin:-3px 0 11px}
.pandabot-status span{width:7px;height:7px;border-radius:50%;background:#63d87f;box-shadow:0 0 10px rgba(99,216,127,.65)}
.pandabot-conversation{
  height:min(48vh,470px);overflow:auto;border:1px solid #302b21;background:#090909;
  border-radius:16px;padding:13px;display:flex;flex-direction:column;gap:10px
}
.panda-message{max-width:87%;padding:11px 13px;border-radius:15px;line-height:1.5;font-size:14px;white-space:pre-wrap}
.panda-message.assistant{align-self:flex-start;background:#181818;border:1px solid #34312b}
.panda-message.user{align-self:flex-end;background:#33280b;border:1px solid #6d5615}
.panda-message-name{font-size:10px;color:#ffc52b;font-weight:900;margin-bottom:5px}
.pandabot-quick{display:flex;gap:7px;overflow-x:auto;padding:10px 0 4px;scrollbar-width:none}
.pandabot-quick::-webkit-scrollbar{display:none}
.pandabot-quick button{white-space:nowrap;border:1px solid #3e3624;background:#15130e;color:#d7d0c2;border-radius:999px;padding:8px 10px;font-size:11px;cursor:pointer}
.pandabot-quick button:hover{border-color:#8f711a}
.pandabot-form{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:9px}
.pandabot-form input{width:100%;background:#121212;border:1px solid #39352c;color:#fff;border-radius:14px;padding:14px;font:inherit;outline:none}
.pandabot-form input:focus{border-color:#c89719;box-shadow:0 0 0 3px rgba(255,191,25,.08)}
.pandabot-form .primary{margin:0}
@media(max-width:560px){
  .top-actions{gap:5px}
  .top-actions .small{padding:8px 9px;font-size:10px}
  .pandabot-form{grid-template-columns:1fr}
  .panda-online{display:none}
}