:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#16343c;background:#f5f7f7;font-synthesis:none;--teal:#177e7a;--ink:#16343c;--line:#e2e9e8;--muted:#718488}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button,a{ -webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #61c8bf;outline-offset:3px}button{transition:background .15s,transform .15s}a{color:inherit;text-decoration:none}button:active{transform:translateY(1px)}h1,h2,p{margin:0}h1,h2{letter-spacing:-.035em}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.15em;color:var(--muted)}.muted{color:var(--muted);line-height:1.6}.primary{border:0;background:var(--teal);color:white;border-radius:9px;padding:12px 19px;font-weight:650;font-size:13px;display:inline-flex;gap:24px;align-items:center;justify-content:center}.primary:hover{background:#126660}.secondary{border:1px solid #d7e1df;border-radius:8px;background:white;padding:10px 15px;color:#3e5a5e;font-size:12px}.text-button{background:none;border:0;color:var(--teal);font-size:12px;font-weight:600;padding:10px}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fcfdfb}.login-card{padding:15vh 12%;max-width:680px}.brand-icon{width:44px;height:44px;background:#d7f1e9;border-radius:13px;display:inline-grid;place-items:center;font-size:36px;font-weight:500;line-height:1;color:#197e76}.login-card>.brand-icon{display:block;text-align:center;margin-bottom:60px}.login-card h1{font-size:clamp(38px,4.5vw,65px);line-height:1.1;margin:18px 0 25px}.login-card p{max-width:340px;line-height:1.7;color:var(--muted);font-size:15px}.login-card .primary{margin:36px 0 16px}.login-card #setup{font-size:12px}.secure{display:block;font-size:11px;color:#819191;margin-top:35px}.login-art{background:#113b43;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:60px;color:#e6f2e7}.orb{position:absolute;border:1px solid #4e7f78;border-radius:50%;width:540px;height:540px;background:radial-gradient(circle at 30% 25%,#4c9b88,#153e47 68%);right:-120px;top:7%}.orb.two{width:240px;height:240px;left:15px;top:45%;background:radial-gradient(circle at 30% 25%,#85b8a0,#28655e 70%);opacity:.7}.ocean-lines{position:absolute;top:8%;left:15%;font-family:Georgia,serif;font-size:240px;line-height:.45;color:#83b8a0;transform:rotate(-20deg);opacity:.25}.login-quote{font-family:Georgia,serif;font-size:44px;line-height:1.2;z-index:1}.art-caption{font-size:10px;letter-spacing:.2em;margin-top:25px;z-index:1}.workspace{display:grid;grid-template-columns:228px 1fr;min-height:100vh}.sidebar{background:#fff;border-right:1px solid var(--line);padding:32px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:11px;padding:0 10px;font-size:16px;font-weight:750;letter-spacing:.13em}.brand .brand-icon{width:37px;height:37px;border-radius:10px;font-size:30px}.brand-sub{display:block;font-size:10px;letter-spacing:.01em;font-weight:400;margin-top:4px}.game-label{border:1px solid var(--line);border-radius:8px;padding:12px 10px;margin:38px 0 32px;display:flex;gap:7px;align-items:center;font-size:12px;font-weight:600}.game-dot,.tiny-dot,.live-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:#62a998}.environment{font-size:9px;font-weight:500;color:#9a7b37;background:#fbf3dd;padding:4px 6px;border-radius:4px;margin-left:auto}.nav-label{font-size:9px;letter-spacing:.12em;color:#8b9a9c;padding:0 12px;margin-bottom:12px}.nav{display:flex;align-items:center;width:100%;gap:10px;text-align:left;border:0;border-radius:8px;padding:13px 12px;font-size:12px;background:#eaf5f1;color:#277c71;font-weight:600}.nav>span:first-child{font-size:19px}.count{margin-left:auto;background:#d6eae2;padding:3px 6px;border-radius:5px;font-size:10px}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding:20px 4px 0;display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600}.avatar{background:#efe8dc;border-radius:50%;padding:10px;font-size:11px;color:#9c7d55}.sidebar-bottom small{display:block;margin-top:4px;font-size:9px;color:#899b9c;font-weight:400;max-width:110px;overflow:hidden;text-overflow:ellipsis}.sidebar-bottom button{margin-left:auto;background:transparent;border:0;font-size:19px;color:#78908e}main{padding:35px 35px 0;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center}.topbar h1{font-size:29px;margin-top:9px;display:flex;align-items:center;gap:12px}.live-dot{width:6px;height:6px}.summary{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:22px 0 28px}.summary>div>span{font-size:13px;font-weight:600}.summary p{font-size:11px;color:#819194;margin-top:7px}.summary-note{font-size:10px;color:#7e918c;display:flex;gap:7px;align-items:center;max-width:220px;line-height:1.5}.inbox-layout{display:grid;grid-template-columns:315px minmax(0,1fr);background:#fff;border:1px solid var(--line);border-radius:12px 12px 0 0;min-height:calc(100vh - 198px);overflow:hidden}.ticket-pane{border-right:1px solid var(--line);background:#fdfefd}.list-heading{display:flex;align-items:center;justify-content:space-between;padding:22px 18px;border-bottom:1px solid var(--line)}.list-heading h2{font-size:14px;letter-spacing:-.01em}.list-heading select{font-size:10px;border:1px solid var(--line);padding:7px 6px;background:#fff;color:#687f82;border-radius:6px;max-width:142px}.ticket{display:block;width:100%;border:0;border-bottom:1px solid #edf1ef;background:transparent;text-align:left;padding:22px 19px;position:relative}.ticket.selected{background:#eefaF5;box-shadow:inset 3px 0 #218a7c}.ticket:hover{background:#f0f8f5}.ticket .row{display:flex;justify-content:space-between;gap:7px;align-items:center}.ticket strong{font-size:12px;font-weight:650}.ticket time{font-size:9px;color:#8b9c9d}.ticket .ticket-player{font-size:10px;color:#819596;margin:9px 0 13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-pill{display:inline-block;font-size:9px;padding:5px 7px;border-radius:5px;background:#edf4f0;color:#477b69;white-space:nowrap}.status-pill.open{background:#fff1d8;color:#a47a2a}.status-pill.waiting_for_player{background:#edf2fb;color:#6685ad}.status-pill.resolved{background:#e8f4ed;color:#468466}.ticket-id{font-size:9px;color:#a1adad}.empty{min-height:500px;display:grid;place-content:center;text-align:center}.empty-icon{font-size:56px;color:#a6c2b9;margin-bottom:18px}.empty h2{font-size:18px}.empty p{font-size:12px;line-height:1.7;color:#8a9b9c;margin-top:12px}.conversation-pane{min-width:0}.thread-heading{display:flex;align-items:center;justify-content:space-between;padding:22px 26px 18px;gap:12px}.thread-heading h2{font-size:22px;margin-top:8px}.thread-heading .eyebrow{font-size:9px;letter-spacing:.1em}.player-strip{padding:17px 26px;background:#fafcfb;display:flex;justify-content:space-between;gap:15px;border-top:1px solid #edf1ef;border-bottom:1px solid #edf1ef}.player-strip small{display:block;font-size:8px;letter-spacing:.1em;color:#8c9e9e;margin-bottom:7px}.player-strip span,.copy-id{font-size:10px;color:#5e7b7b}.copy-id{border:0;background:transparent;padding:0;max-width:230px;word-break:break-all;text-align:left;font-family:monospace}.thread-actions{display:flex;align-items:center;justify-content:space-between;padding:13px 26px;border-bottom:1px solid #edf1ef}.gift-button{border:1px solid #ead8ad;background:#fff9ed;color:#a4813e;padding:8px 12px;border-radius:6px;font-size:11px;font-weight:650}.messages{padding:25px 26px 8px;max-height:480px;min-height:260px;overflow:auto}.message{max-width:85%;margin-bottom:20px}.message.support{margin-left:auto}.message .message-meta{display:flex;gap:9px;align-items:center;font-size:9px;color:#91a0a0;margin-bottom:7px}.message.support .message-meta{justify-content:flex-end}.message-meta strong{font-size:10px;color:#607e7a}.bubble{font-size:12px;line-height:1.7;white-space:pre-wrap;word-break:break-word;background:#f0f4f3;padding:14px 17px;border-radius:0 9px 9px 9px;color:#3c5a5d}.support .bubble{background:#edf7f2;border-radius:9px 0 9px 9px}.offers{padding:0 26px}.offer{border:1px solid #efdfb6;background:#fffaf0;border-radius:9px;padding:15px;margin:8px 0 15px;font-size:11px}.offer header{display:flex;justify-content:space-between;color:#9c7c3d;font-weight:650;margin-bottom:9px}.offer p{line-height:1.6;color:#617d78}.offer small{font-size:9px;color:#8f9a8f;display:block;margin-top:9px}.offer button{font-size:10px;padding:7px 0 0;background:none;border:0;color:#a56b55}.reply-composer{border-top:1px solid var(--line);padding:20px 26px}.reply-composer label{display:flex;justify-content:space-between;gap:10px;font-size:11px;font-weight:600}.reply-composer label span{font-size:9px;color:#8fa09e;font-weight:400}.reply-composer textarea{width:100%;border:1px solid #dce6e1;border-radius:8px;margin:12px 0;padding:14px;resize:vertical;font-size:12px;color:#345951;line-height:1.6;background:#fcfefd}.composer-bottom{display:flex;justify-content:space-between;align-items:center}.composer-bottom>span{font-size:9px;color:#9caaa7}.notice,.demo-banner{padding:12px 16px;border-radius:7px;margin-top:18px;font-size:12px;background:#fff0e6;color:#a06336;line-height:1.5}.demo-banner{background:#fff5cf;color:#8c7134;font-size:10px}dialog{border:1px solid #d8e3de;border-radius:16px;max-width:580px;width:calc(100% - 30px);padding:29px;color:var(--ink);box-shadow:0 24px 100px #183c3933}dialog::backdrop{background:#16343c66;backdrop-filter:blur(3px)}dialog header{display:flex;justify-content:space-between;align-items:center;gap:15px}dialog h2{font-size:25px;margin:8px 0 18px}.dialog-x{border:0;background:#eff4f1;border-radius:50%;font-size:23px;color:#637f77;width:31px;height:31px}dialog>.muted,dialog form>.muted{font-size:12px}.recipient{font-family:monospace;font-size:10px;background:#f1f6f3;padding:12px;border-radius:6px;margin:18px 0;word-break:break-all}.reward-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.reward-grid label{font-size:11px;color:#658678}.reward-grid input{width:100%;border:1px solid #dce5df;border-radius:7px;padding:11px;margin-top:7px;color:#2c5b4b;background:#fcfdfb}.field{display:block;font-size:12px;font-weight:600;margin-top:20px}.field>span{display:block;font-weight:400;font-size:10px;color:#91a298;margin-top:5px}.field textarea{display:block;resize:vertical;width:100%;border:1px solid #dce5df;border-radius:7px;padding:12px;font-size:12px;margin-top:10px;line-height:1.6;color:#426f60}dialog footer{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.confirmation{padding:15px;background:#eaf5ee;border:1px solid #a8d2bc;border-radius:8px;margin-top:20px;font-size:12px;line-height:1.8;white-space:pre-wrap}.field-error{color:#a93d36;padding:10px;font-size:12px}@media(max-width:1200px){main{padding:25px 22px 0}.workspace{grid-template-columns:190px 1fr}.inbox-layout{grid-template-columns:270px minmax(0,1fr)}.sidebar{padding:26px 12px}.summary-note{display:none}.player-strip{flex-wrap:wrap}.thread-heading{padding:20px}.messages,.reply-composer{padding:20px}}@media(max-width:880px){.workspace{grid-template-columns:1fr}.sidebar{position:static;height:auto;flex-direction:row;align-items:center;gap:20px;padding:15px}.sidebar .game-label{margin:0}.sidebar .nav,.sidebar .nav-label,.sidebar-bottom{display:none}.inbox-layout{grid-template-columns:230px minmax(0,1fr)}.topbar h1{font-size:24px}.login-art{display:none}.login{grid-template-columns:1fr}.login-card{margin:auto;width:100%}}@media(max-width:650px){main{padding:20px 12px 0}.inbox-layout{grid-template-columns:1fr}.tickets{display:flex;overflow:auto;max-height:180px}.ticket{min-width:220px;border-right:1px solid var(--line)}.ticket-pane{border-right:0;border-bottom:1px solid var(--line)}.list-heading{padding:12px 16px}.summary{padding:18px 0}.summary p{font-size:10px}.thread-heading h2{font-size:19px}.sidebar .game-label{display:none}.message{max-width:95%}.reward-grid{grid-template-columns:repeat(2,1fr)}.player-strip{padding:15px}.empty{min-height:250px}}

#privacy-nav{margin-top:8px;background:transparent;color:#496465}#privacy-nav.active{background:#eaf5f1;color:#277c71}.privacy-intro{padding:24px 0}.privacy-intro h2{font-size:22px}.privacy-intro p{font-size:12px;line-height:1.8;color:var(--muted);max-width:760px;margin-top:9px}.privacy-facts{margin:0;padding:22px 26px;background:#f8fbfa;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:20px}.privacy-facts>div:nth-child(n+3){grid-column:1 / -1}.privacy-facts dt{font-size:9px;letter-spacing:.06em;color:var(--muted);margin-bottom:7px}.privacy-facts dd{font-size:12px;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.privacy-body{padding:26px}.privacy-body h3{font-size:13px}.privacy-body>p{font-size:13px;line-height:1.8;margin-top:10px;white-space:pre-wrap;overflow-wrap:anywhere}.privacy-checklist{background:#fcf5e4;border:1px solid #eadfbe;border-radius:8px;padding:17px;margin:23px 0;color:#776039;font-size:11px;line-height:1.8}.privacy-checklist p{margin-top:9px}.privacy-audit{padding:16px 0;border-top:1px solid var(--line)}.privacy-audit strong{font-size:12px;display:block}.privacy-audit small{font-size:9px;color:var(--muted);display:block;margin-top:6px}.privacy-audit p{font-size:12px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:9px}.privacy-confirm{display:flex;gap:10px;align-items:flex-start;font-size:12px;line-height:1.8;margin:18px 0}.privacy-confirm input{margin-top:4px;flex-shrink:0;accent-color:var(--teal)}#privacy-review .field input,#privacy-review .field select{padding:11px;border:1px solid #cbd9d5;border-radius:8px;background:white;color:var(--ink);font-size:12px}.privacy-layout .thread-heading .eyebrow{font-size:9px;overflow-wrap:anywhere}.privacy-layout .ticket-player{overflow-wrap:anywhere}.privacy-layout .ticket-id{margin-top:8px}@media(max-width:1050px){.sidebar #inboxnav,.sidebar #privacy-nav{display:flex;width:auto;margin:0;padding:9px;font-size:10px}.sidebar{flex-wrap:wrap}.privacy-facts{grid-template-columns:1fr}.privacy-facts>div{grid-column:1 / -1}}

.privacy-danger{background:#fff6f1;border:1px solid #edc8b6;border-radius:8px;padding:20px;margin:25px 0}.privacy-danger h3{color:#9c3d2c}.privacy-danger p{font-size:12px;line-height:1.8;color:#7b5b4d;margin-top:12px}.danger-button{background:#a34232;border:0;border-radius:8px;color:white;padding:12px 18px;font-size:12px;font-weight:600}.danger-button:hover{background:#853428}.privacy-danger .field input{padding:11px;border:1px solid #d5b8a9;border-radius:8px;font-size:12px;color:var(--ink)}
