:root{--ink:#182128;--paper:#f1eadc;--cream:#fbf7ed;--red:#c64343;--blue:#2879a8;--muted:#7f7a6e;--shadow:0 18px 50px #1b1b1820}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;min-height:100vh}.noise{position:fixed;inset:0;opacity:.22;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E")}header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,72px);border-bottom:1px solid #2c2b2715}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--ink);font-weight:800;letter-spacing:.04em}.brand span{display:grid;place-items:center;width:38px;height:38px;background:var(--ink);color:var(--cream);border-radius:10px}.room-badge,.eyebrow{font-size:12px;font-weight:850;letter-spacing:.16em}.room-badge{padding:9px 13px;border:1px solid #2b29233b;border-radius:99px}.hidden{display:none!important}main{width:min(1320px,92vw);margin:auto}.lobby{min-height:calc(100vh - 76px);display:grid;grid-template-columns:1.25fr .75fr;gap:8vw;align-items:center}.hero h1{font-family:Georgia,serif;font-size:clamp(52px,7vw,104px);line-height:.91;letter-spacing:-.055em;margin:20px 0}.hero h1 em{color:var(--red);font-weight:400}.hero>p:last-child{color:var(--muted);font-size:19px}.lobby-card,.created-card{background:var(--cream);padding:36px;border-radius:22px;box-shadow:var(--shadow);border:1px solid white}.primary,.secondary{border:0;border-radius:10px;padding:14px 18px;font:inherit;font-weight:800;cursor:pointer}.primary{background:var(--ink);color:white}.secondary{background:transparent;border:1px solid #28282150;color:var(--ink)}.lobby-card>button,.lobby-card form button{width:100%}.divider{text-align:center;border-bottom:1px solid #bbb4a4;margin:28px 0;height:8px}.divider span{background:var(--cream);padding:0 10px;color:var(--muted);font-size:12px}label{display:block;font-size:12px;font-weight:800;margin:15px 0 7px}input{width:100%;padding:13px 14px;border:1px solid #aaa392;border-radius:9px;background:white;font:inherit;outline:none}input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2879a822}.created{min-height:calc(100vh - 76px);display:grid;place-items:center}.created-card{width:min(680px,96%)}.created-card h2{font-family:Georgia,serif;font-size:72px;letter-spacing:.16em;margin:10px 0 15px}.copy-link{width:100%;display:grid;grid-template-columns:140px 1fr auto;text-align:left;align-items:center;gap:12px;border:1px solid #c9c1b1;background:white;border-radius:10px;padding:12px;margin:10px 0;cursor:pointer}.copy-link small{overflow:hidden;text-overflow:ellipsis;color:var(--muted)}.created-card>.primary{margin-top:15px;width:100%}.game{padding:34px 0 70px}.game-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.game-top h2{font-family:Georgia,serif;font-size:clamp(32px,5vw,60px);margin:5px 0}.score{display:grid;grid-template-columns:auto auto auto;gap:6px 9px;align-items:center}.red-dot,.blue-dot{width:11px;height:11px;border-radius:50%}.red-dot{background:var(--red)}.blue-dot{background:var(--blue)}.score span:nth-of-type(2),.score span:nth-of-type(4){color:var(--muted);font-size:12px}.spy-panel{background:#171f26;padding:15px;border-radius:14px;margin-bottom:18px}.spy-panel form{display:grid;grid-template-columns:1fr 100px 150px;gap:10px}.board{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.card{aspect-ratio:1.6;border:1px solid #d5cbbb;border-radius:12px;background:var(--cream);color:var(--ink);box-shadow:0 4px 0 #d2c8b7;padding:8px;cursor:pointer;font-weight:850;font-size:clamp(13px,1.5vw,20px);letter-spacing:.04em;transition:.15s}.card:not(:disabled):hover{transform:translateY(-3px);box-shadow:0 7px 0 #c7bcaa}.card small{display:block;text-transform:uppercase;font-size:9px;margin-top:5px}.key-red{border:3px solid var(--red);background:#f3dada}.key-blue{border:3px solid var(--blue);background:#d7e9f1}.key-neutral{border:3px solid #b7aa8f}.key-assassin{border:3px solid #161a1d;background:#d8d5cd}.revealed{color:white;box-shadow:none;opacity:.85}.revealed.red{background:var(--red)}.revealed.blue{background:var(--blue)}.revealed.neutral{background:#9a8f76}.revealed.assassin{background:#121619}.under-board{display:flex;align-items:center;gap:18px;margin:20px 0}aside{margin-top:32px;border-top:1px solid #b9b09f;padding-top:20px;max-width:760px}.event{display:flex;justify-content:space-between;padding:10px 12px;border-left:3px solid #aaa;border-bottom:1px solid #d4ccbc}.event.red{border-left-color:var(--red)}.event.blue{border-left-color:var(--blue)}.event time{color:var(--muted);font-size:12px}#toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:#151b20;color:white;padding:12px 18px;border-radius:9px;opacity:0;pointer-events:none;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:800px){.lobby{grid-template-columns:1fr;padding:50px 0}.hero h1{font-size:55px}.game-top{align-items:start;flex-direction:column}.score{margin-top:15px}.board{gap:7px}.card{aspect-ratio:1.1;font-size:11px;border-radius:8px}.spy-panel form{grid-template-columns:1fr 70px}.spy-panel button{grid-column:1/-1}.created-card h2{font-size:45px}.copy-link{grid-template-columns:1fr auto}.copy-link small{display:none}}@media(max-width:480px){main{width:95vw}.board{gap:5px}.card{padding:3px;font-size:9px;letter-spacing:0}.lobby-card,.created-card{padding:24px}.hero h1{font-size:46px}}