:root{color-scheme:dark;--bg:#0b191e;--panel:#12282e;--line:#30454a;--gold:#e3be78;--text:#f1eee6;--muted:#a9b8b8;--danger:#ed8991;font-family:Arial,sans-serif;font-size:16px;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 45% 0,#213b3d 0,transparent 60%),var(--bg);min-height:100vh}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;background:#21383e;color:var(--text);border:1px solid #496067;border-radius:5px;padding:11px 15px;transition:background .15s,transform .15s}button:hover:not(:disabled){background:#304c51;transform:translateY(-1px)}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--gold);color:#15252b;border-color:var(--gold);font-weight:700}button.danger{color:#ffbac0;border-color:#90565e;background:#432b32}button.ghost{background:transparent}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #a8e3e0;outline-offset:3px}input,select{width:100%;background:#0c1d22;border:1px solid #4d6266;border-radius:4px;color:var(--text);padding:12px;min-height:46px}label{display:block;color:var(--muted);font-size:.875rem;margin:14px 0 7px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,serif;font-weight:400}h2{font-size:2rem}h3{font-size:1.3rem}a{color:var(--gold)}body>header{min-height:72px;padding:12px 28px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;background:#0b191ee8}.header-actions{display:flex;gap:8px;margin-left:auto}.header-actions button{font-size:.875rem;padding:9px 12px}.local-brand{letter-spacing:2px;font-weight:bold;text-decoration:none}.kg-navigation~.local-brand{display:none}main{max-width:1650px;margin:auto;padding:28px}.eyebrow{color:var(--gold);font-size:.75rem;letter-spacing:3px;font-weight:bold;text-transform:uppercase;margin-bottom:12px}.muted{color:var(--muted)}.small{font-size:.875rem}.intro{display:grid;grid-template-columns:minmax(300px,540px) minmax(300px,480px);justify-content:center;gap:65px;align-items:center;min-height:calc(100vh - 150px)}.cover{width:100%;border:1px solid #796440;box-shadow:0 24px 70px #0008;border-radius:8px}.intro h1{font-size:5.5rem;letter-spacing:12px;margin-bottom:8px;line-height:1}.intro .lead{font-size:1.15rem;line-height:1.6;max-width:420px;color:#ccd6d4}.mode-buttons{display:grid;gap:12px;margin:22px 0}.mode-buttons button{text-align:left;padding:18px}.mode-buttons strong{display:block;font-size:1.05rem}.mode-buttons span{display:block;font-size:.875rem;margin-top:6px;opacity:.8}.join-row{display:flex;gap:10px}.join-row input{text-transform:uppercase;letter-spacing:2px}.topline{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.topline h1{font-size:2.5rem;letter-spacing:3px;margin:0}.case-id{font: .8rem monospace;letter-spacing:1px;color:var(--muted)}.players{display:flex;gap:10px;flex-wrap:wrap}.player{display:flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid var(--line);border-radius:5px;background:#11262b;font-size:.875rem}.player.active{border-color:var(--gold);box-shadow:inset 0 -2px var(--gold)}.player.out{opacity:.5}.dot{display:inline-block;width:11px;height:11px;border-radius:50%;background:var(--color);box-shadow:0 0 0 2px #0005;flex-shrink:0}.game-grid{display:grid;grid-template-columns:minmax(440px,1fr) 340px;gap:24px}.board-wrap{border:1px solid #69756b;padding:15px;background:#1e383c;border-radius:8px;box-shadow:0 16px 50px #0005}.board-head{display:flex;justify-content:space-between;gap:10px;font-size:.75rem;color:#c7ccbd;letter-spacing:2px;padding:0 3px 13px}.board{display:block;width:100%;aspect-ratio:1}.hall-cell{fill:#253f43;stroke:#456066;stroke-width:.3}.hall-cell.reachable{fill:#506554;stroke:#e2c788;stroke-width:1}.room{fill:#152c31;stroke:#9d956e;stroke-width:1}.room.reachable{fill:#344c40;stroke:#e3be78;stroke-width:2}.map-hit{cursor:pointer}.map-hit:focus{outline:none;stroke:#fff;stroke-width:2}.room-label{fill:#e4d9b9;font:12px Georgia,serif;pointer-events:none}.room-meta{fill:#9fae9f;font:7px Arial,sans-serif;letter-spacing:1px;pointer-events:none}.map-token{stroke:#071319;stroke-width:2;pointer-events:none}.map-initial{fill:#101b21;font:700 8px Arial,sans-serif;pointer-events:none}.door{stroke:#e3be78;stroke-width:3;pointer-events:none}.board-legend{display:flex;justify-content:space-between;gap:12px;padding-top:12px;color:#becbc5;font-size:.875rem}.sidebar{display:flex;flex-direction:column;gap:17px}.panel{border:1px solid var(--line);border-radius:7px;background:var(--panel);padding:21px}.panel h3{margin-bottom:12px}.phase{color:var(--gold);font-size:.75rem;letter-spacing:2px;margin-bottom:12px;text-transform:uppercase}.turn-title{font-size:1.8rem;margin:0 0 10px}.panel p{line-height:1.5}.stack{display:grid;gap:10px}.dice{font-size:2.5rem;line-height:1.1;letter-spacing:8px;color:var(--gold);margin:12px 0}.hand{display:grid;gap:8px}.hand-card{padding:10px 12px;border:1px solid #5d6659;background:linear-gradient(110deg,#35413b,#1f302e);border-radius:4px;font-family:Georgia,serif}.hand-card small{display:block;font: .65rem Arial,sans-serif;letter-spacing:2px;color:#c7b997;margin-bottom:4px}.notebook-row{display:grid;grid-template-columns:1fr 36px;gap:6px;align-items:center;min-height:33px;font-size:.875rem}.notebook-row button{padding:3px;min-height:28px;font: .9rem Georgia,serif;color:var(--gold)}.notebook-row.known{color:#95a7a5}.notebook-row.known span{text-decoration:line-through}.notebook-row.known button{color:#91bfae}.notebook-group{border-top:1px solid var(--line);padding:10px 0 6px;margin:10px 0 0}.notebook-group h4{font-size:.7rem;text-transform:uppercase;letter-spacing:2px;color:var(--gold);margin:0 0 8px}.evidence{margin-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:24px}.log{max-height:240px;overflow:auto;display:flex;flex-direction:column;gap:10px;font-size:.875rem;line-height:1.5}.log p{margin:0;padding-bottom:8px;border-bottom:1px solid #ffffff0c}.evidence .panel{min-width:0}.lobby{max-width:750px;margin:40px auto}.lobby h1{font-size:3.5rem}.lobby-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.seat{padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:6px}.seat strong{display:block;margin:12px 0 6px}.seat span{font-size:.875rem}.invite{background:#0e1d22;padding:18px;border:1px dashed #84754f;display:flex;justify-content:space-between;gap:10px;align-items:center}.invite strong{font:1.8rem monospace;letter-spacing:4px}dialog{background:#142a30;color:var(--text);border:1px solid #908365;border-radius:9px;width:min(530px,calc(100% - 32px));padding:28px;max-height:90vh;overflow:auto;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#020b10cc;backdrop-filter:blur(5px)}.dialog-heading{display:flex;justify-content:space-between;align-items:start;gap:20px}.dialog-heading h2{margin-bottom:15px}.dialog-heading button{padding:3px 10px;font-size:1.4rem}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}dialog li{line-height:1.6;margin:10px 0}#notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:calc(100% - 30px);z-index:100;background:#e3be78;color:#11252a;border-radius:6px;padding:12px 20px;box-shadow:0 8px 30px #0008;display:none}.end-banner{background:#384435;border:1px solid var(--gold);padding:24px;margin-bottom:22px;border-radius:7px}.end-banner h2{margin-bottom:10px}.bad{color:var(--danger)}.room-shortcuts{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.room-shortcuts button{font-size:.875rem;padding:7px 9px}details summary{cursor:pointer;color:var(--gold);font-size:.875rem}.mobile-notebook{margin:0}.online-status{font-size:.75rem;color:#91bfae}.disconnect{color:#ffbd95}.screen-reader{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1400px){.game-grid{grid-template-columns:minmax(440px,1fr) 380px}.board-wrap{max-width:850px}}
@media(max-width:1000px){main{padding:20px}.game-grid{grid-template-columns:minmax(350px,1fr) 290px;gap:16px}.panel{padding:16px}.intro{gap:30px}.players{gap:5px}.player{padding:7px}.player .small{display:none}.topline{align-items:start}.board-wrap{padding:9px}.room-label{font-size:11px}}
@media(max-width:760px){body>header{padding:10px 14px;flex-wrap:wrap}main{padding:16px}.intro{grid-template-columns:1fr;gap:24px;max-width:480px;margin:auto;padding-bottom:24px}.intro .cover{max-width:260px;justify-self:center}.intro h1{font-size:3.3rem}.intro .lead{font-size:1rem}.topline{flex-direction:column}.players{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.player{font-size:.75rem;min-width:0}.player span:last-child{overflow:hidden;text-overflow:ellipsis}.game-grid{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:1fr 1fr}.turn-panel{grid-column:1/-1;grid-row:1}.notebook-panel{grid-column:1/-1}.evidence{grid-template-columns:1fr;gap:16px}.board-head{font-size:.65rem;letter-spacing:1px}.board-legend{font-size:.75rem}.panel{padding:17px}.hand-panel{grid-column:1/-1}.hand{grid-template-columns:repeat(3,1fr)}.hand-card{font-size:.875rem;padding:10px}.lobby{margin:10px auto}.lobby-grid{gap:8px}.seat{padding:14px}.invite{flex-wrap:wrap}.header-actions{gap:5px}.header-actions button{font-size:.75rem}.kg-current{display:none!important}.notebook-columns{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.notebook-group:last-child{grid-column:1/-1}.notebook-group:last-child .notebook-items{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}