.auth-card,.shell{--bg:#0b0a14;--panel:#13111f;--raise:#1d1830;--line:#2a2540;--line2:#3b3560;--text:#f2f0fa;--muted:#a7a2c2;--accent:#d6197a}.shell{display:flex;min-height:100vh;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;line-height:1.5}.shell a{color:var(--muted);text-decoration:none}.shell a:hover{color:var(--text)}.shell h1,.shell h2{margin:0}.shell h1{font-size:1.5rem}.auth-card input,.shell input,.shell select,.shell textarea{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:9px 12px;font:inherit}.shell textarea{width:100%;box-sizing:border-box;resize:vertical}.auth-card button,.shell button{border-radius:10px;border:1px solid var(--line2);background:transparent;color:var(--text);padding:9px 16px;font:inherit;cursor:pointer}.shell button:hover:not(:disabled){background:var(--raise)}.auth-card button:disabled,.shell button:disabled{opacity:.5;cursor:not-allowed}.auth-card button.primary,.shell button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.auth-card :focus-visible,.shell :focus-visible{outline:2px solid #29d8ff;outline-offset:2px}.muted{color:var(--muted)}.side{width:220px;flex:none;box-sizing:border-box;padding:24px 16px;border-right:1px solid var(--line);background:#0f0d1a;display:flex;flex-direction:column;gap:24px;position:-webkit-sticky;position:sticky;top:0;height:100vh}.brand{font-weight:700;letter-spacing:.14em;font-size:15px;padding:0 10px}.brand b{color:var(--accent)}.brand small{display:block;letter-spacing:0;font-weight:400;font-size:12px;color:var(--muted)}.nav{flex-direction:column;gap:4px}.nav,.nav a{display:flex}.nav a{align-items:center;gap:10px;padding:10px;border-radius:8px}.nav a:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--line2)}.nav a.on{background:var(--raise);color:var(--text);font-weight:600}.nav a.on:before{background:var(--accent)}.me{margin-top:auto;display:grid;grid-gap:12px;gap:12px;padding:12px;border:1px solid var(--line);border-radius:12px}.me-top{display:flex;align-items:center;gap:10px;min-width:0}.me-id{display:grid;min-width:0;line-height:1.3}.me-id small,.me-id strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.me small{color:var(--muted);font-size:12px}.me-game{display:grid;grid-gap:6px;gap:6px;padding-top:12px;border-top:1px solid var(--line)}.me-game-row{display:flex;gap:6px}.me-game-row input{flex:1 1;min-width:0;padding:7px 10px}.me-game-row button,.me-linked button{flex:none;padding:7px 12px}.me-linked{display:flex;align-items:center;justify-content:space-between;gap:8px}.me-linked span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.me-msg{overflow-wrap:anywhere}.me-signout{width:100%}.content{flex:1 1;min-width:980px}.topbar{align-items:center;gap:16px;padding:20px 28px;border-bottom:1px solid var(--line)}.chips,.topbar{display:flex;flex-wrap:wrap}.chips{gap:8px}.shell button.chip{border-radius:999px;padding:6px 14px}.shell button.chip.on{background:var(--text);color:var(--bg);border-color:var(--text);font-weight:600}.search{margin-left:auto;width:260px}.split{display:flex;min-height:calc(100vh - 77px)}.list{flex:none;padding:16px;display:flex;flex-direction:column;gap:10px}.card{display:block;width:100%;text-align:left;padding:14px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--text)}.shell button.card{border-radius:12px;padding:14px}.card.sel{background:var(--raise);border-color:var(--accent)}.card.dim{border-style:dashed}.row-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.sub{margin-top:4px;color:var(--muted)}.pill,.sub{font-size:12px}.pill{padding:2px 10px;border-radius:999px;white-space:nowrap}.pill.open{background:#10331f;color:#6ee7a8}.pill.review{background:#3a2a05;color:#ffd166}.pill.done{background:#1f2937;color:#cbd5e1}.detail{flex:1 1;min-width:0;padding:24px 28px;display:grid;grid-gap:20px;gap:20px;align-content:start}.infocards{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.info,.panel{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:12px 14px}.panel{padding:16px}.info small{display:block;font-size:12px;color:var(--muted)}.info strong{overflow-wrap:anywhere}.claimbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.evgrid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin-top:8px}.ev{border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:8px;overflow:hidden}.ev img,.ev video{max-width:100%;max-height:180px;border-radius:6px;display:block}.ev pre{margin:0;white-space:pre-wrap;font-size:12px;max-height:180px;overflow:auto}.judg-title{font-size:18px;font-weight:700}.judg-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin-top:10px}.shell button.jbtn{padding:12px 10px;border-radius:10px;font-weight:500}.shell button.jbtn.approve{border-color:#2fbf86;background:#0f2a22;color:#e6fff4}.shell button.jbtn.reject{border-color:#e0568f;background:#2a1020;color:#ffe3ee}.shell button.jbtn.neutral{border-color:#7c86a2;background:#1a1f2e;color:#e5e9f5}.shell button.jbtn.picked{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.timeline{display:grid;grid-gap:10px;gap:10px}.tl-reply{border-left:3px solid var(--accent);padding-left:10px}.tl-note{border-left:3px dashed #d9a400;padding-left:10px}.tl-note p,.tl-reply p{margin:2px 0 0;white-space:pre-wrap}.tl-event{font-size:12px;color:var(--muted)}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:20px;background:#0b0a14}.auth-card{width:100%;max-width:380px;display:grid;grid-gap:14px;gap:14px;padding:28px;border:1px solid var(--line);border-radius:16px;background:var(--panel);color:var(--text);font-family:Inter,system-ui,sans-serif}.auth-card h1{margin:0;font-size:1.4rem}.auth-card input{width:100%;box-sizing:border-box}body:has(.shell),html:has(.shell){overflow-x:auto}.shell{min-width:1200px}.side{flex:0 0 220px}.split{min-width:980px;flex-direction:row}.list{width:340px;flex:0 0 340px;border-right:1px solid var(--line);border-bottom:0}.evgrid,.infocards,.judg-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.queue-tabs{display:flex;align-items:center;gap:8px}.shell button.queue-tab{border-radius:999px;padding:7px 18px;border-color:var(--line2);color:var(--muted)}.shell button.queue-tab.on{background:var(--raise);border-color:var(--accent);color:var(--text);font-weight:700}.demo-page{padding:26px 28px 40px;display:grid;grid-gap:18px;gap:18px}.demo-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:18px;border-bottom:1px solid var(--line)}.demo-header p{max-width:760px;margin-top:6px;color:var(--muted)}.demo-eyebrow{color:#e78ab9;font-size:11px;font-weight:800;letter-spacing:.16em}.demo-generate{white-space:nowrap}.demo-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.demo-stats>div{display:grid;grid-gap:4px;gap:4px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.demo-meta small,.demo-stats small{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.07em}.demo-stats strong{font-size:19px}.demo-message{padding:11px 14px;border:1px solid #3b3560;border-radius:10px;background:#171329;color:#f2d9e8}.demo-empty{padding:34px;border:1px dashed var(--line2);border-radius:14px;background:var(--panel)}.demo-empty p{margin-top:5px;color:var(--muted)}.demo-layout{display:grid;grid-template-columns:420px minmax(0,1fr);min-height:620px;border:1px solid var(--line);border-radius:14px;overflow:hidden}.demo-list{display:flex;flex-direction:column;gap:8px;padding:12px;border-right:1px solid var(--line);background:#0f0d1a;max-height:calc(100vh - 270px);overflow:auto}.shell button.demo-row{width:100%;text-align:left;padding:13px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.shell button.demo-row.selected{border-color:var(--accent);background:var(--raise)}.demo-row-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.demo-row-top strong{line-height:1.35}.demo-player{margin-top:6px;color:var(--text)}.demo-player span,.demo-row-bottom{color:var(--muted)}.demo-row-bottom{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:8px;font-size:11px}.demo-status{display:inline-flex;align-items:center;flex:none;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:700}.demo-status.open{color:#7ce6ad;background:#123222}.demo-status.closed{color:#c4c9d3;background:#252a36}.demo-detail{min-width:0;padding:24px;display:grid;align-content:start;grid-gap:20px;gap:20px}.demo-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.demo-detail-head h2{margin-top:5px;font-size:21px;line-height:1.3}.demo-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.demo-meta>div{display:grid;grid-gap:3px;gap:3px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--panel);min-width:0}.demo-meta strong{overflow-wrap:anywhere}.demo-message-card{padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.demo-message-card small{color:#e78ab9;font-size:11px;font-weight:800;letter-spacing:.12em}.demo-message-card p{margin-top:10px;white-space:pre-wrap;line-height:1.8}.demo-closebar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:4px}.demo-closed-note{padding:12px 14px;border-radius:10px;background:#171d29;color:#cbd5e1}body:has(.complaints-page),html:has(.complaints-page){height:100%;overflow:hidden}body:has(.complaints-page){min-height:0}.shell:has(.complaints-page){height:100dvh;min-height:0;overflow:hidden}.shell:has(.complaints-page)>.content{height:100dvh;display:flex;flex-direction:column}.complaints-page{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.complaints-page>.topbar{flex:0 0 auto}.complaints-page>.split{flex:1 1 auto;min-height:0;height:0;overflow:hidden}.complaints-page .list{overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable}.complaints-page .detail,.complaints-page .list{min-height:0;height:100%;overscroll-behavior:contain}.complaints-page .detail{overflow:hidden}.shell:has(.complaints-page)>.side{min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-gutter:stable}.complaints-page .detail,.complaints-page .list{height:100%;overscroll-behavior-y:contain;touch-action:pan-y}.complaints-page .detail{overflow-y:auto;scrollbar-gutter:stable}body:has(.shell),html:has(.shell){height:100%;min-height:0;overflow:hidden}.shell{overflow:hidden;align-items:stretch}.shell,.shell>.side{height:100dvh;min-height:0;max-height:100dvh}.shell>.side{position:relative;top:auto;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;flex:0 0 220px}.shell>.content{height:100dvh;min-height:0;overflow-x:auto;overflow-y:auto;overscroll-behavior-y:contain}.shell:has(.complaints-page)>.content{min-width:980px;min-height:0;overflow:hidden}.complaints-page,.complaints-page>.split{min-height:0}.complaints-page .split{flex:1 1;height:auto;min-height:0;overflow:hidden;align-items:stretch}.complaints-page .detail,.complaints-page .list{min-height:0;max-height:100%;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y pinch-zoom}.complaints-page .detail{flex:1 1;height:auto;overflow-y:scroll;overflow-x:hidden;overscroll-behavior-y:contain;padding-bottom:max(28px,env(safe-area-inset-bottom))}.complaints-page .list{overflow-y:scroll}.complaints-page .detail,.complaints-page .list,.shell:has(.complaints-page)>.side{touch-action:pan-x pan-y pinch-zoom}@media (pointer:coarse){body:has(.complaints-page),html:has(.complaints-page){height:auto;min-height:100%;overflow-x:auto;overflow-y:auto;touch-action:pan-x pan-y pinch-zoom}body:has(.complaints-page){min-height:100dvh}.shell:has(.complaints-page){width:max-content;min-width:1200px;height:auto;min-height:100dvh;max-height:none;overflow:visible}.shell:has(.complaints-page)>.side{position:relative;top:auto;height:auto;min-height:100dvh;max-height:none;overflow:visible;overscroll-behavior:auto}.shell:has(.complaints-page)>.content{height:auto;min-height:100dvh;overflow:visible}.complaints-page{height:auto;min-height:100dvh;overflow:visible}.complaints-page .split,.complaints-page>.split{flex:1 0 auto;height:auto;min-height:calc(100dvh - 77px);overflow:visible;align-items:stretch}.complaints-page .detail,.complaints-page .list{height:auto;max-height:none;overflow:visible;overscroll-behavior:auto;-webkit-overflow-scrolling:auto;touch-action:pan-x pan-y pinch-zoom}.complaints-page .list{flex:0 0 340px}.complaints-page .detail{flex:1 0;padding-bottom:max(28px,env(safe-area-inset-bottom))}.complaints-page .ev pre{max-height:none;overflow:visible}}@media (pointer:coarse){body:has(.shell),html:has(.shell){height:auto;min-height:100%;overflow-x:auto;overflow-y:auto;touch-action:pan-x pan-y pinch-zoom}body:has(.shell){min-height:100dvh}.shell{width:max-content;min-width:1200px}.shell,.shell>.side{height:auto;min-height:100dvh;max-height:none;overflow:visible}.shell>.side{position:relative;top:auto;overscroll-behavior:auto}.shell>.content{height:auto;min-height:100dvh;overflow:visible}}