*{box-sizing:border-box;margin:0}body{background:#101418;color:#d8dee5;font:16px/1.55 system-ui,sans-serif}main{max-width:760px;margin:0 auto;padding:2rem 1.25rem 4rem}h1{font-size:1.6rem;letter-spacing:.01em}h2{font-size:1.1rem;margin-bottom:.5rem}a{color:#6ab7ff}p{margin:.6rem 0}ul{padding-left:1.3rem}li{margin:.35rem 0}.tagline{color:#8b98a5;font-style:italic}.home h2{margin-top:1.6rem}.stamp{font:700 .72rem/1 ui-monospace,monospace;letter-spacing:.12em;color:#e05555;border:1px solid #e05555;display:inline-block;padding:.35rem .6rem;margin-bottom:1rem}.blurb{color:#8b98a5;margin-bottom:1.5rem}.card{background:#171d24;border:1px solid #2a3540;border-radius:6px;padding:1rem 1.2rem;margin:1rem 0}.card .subtitle{color:#8b98a5;font-size:.9rem;margin-top:-.3rem}.card dl{display:grid;grid-template-columns:max-content 1fr;gap:.25rem 1rem;margin-top:.6rem}.card dt{color:#8b98a5;font-size:.85rem;text-transform:uppercase;letter-spacing:.04em;padding-top:.1rem}.card dd{margin:0}.card .note{margin-top:.8rem;padding:.5rem .8rem;background:#1f2831;border-left:3px solid #e0b455;font-size:.92rem}.board header{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.timer{font:700 2.4rem/1 ui-monospace,monospace;color:#55e08a}.timer.urgent{color:#e05555;animation:blink 1s step-end infinite}.timer.dead{color:#e05555;animation:none}@keyframes blink{50%{opacity:.3}}.brief{margin:1.2rem 0}button.primary{background:#e05555;color:#fff;border:0;border-radius:6px;padding:.7rem 1.4rem;font-size:1rem;font-weight:700;cursor:pointer}button.primary:disabled{opacity:.4;cursor:not-allowed}.sar{background:#171d24;border:1px solid #2a3540;border-radius:6px;padding:1.2rem;margin-top:1rem}.sar label{display:block;margin:.9rem 0}.sar label span{display:block;font-size:.85rem;color:#8b98a5;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.25rem}.sar select{width:100%;padding:.55rem;background:#101418;color:#d8dee5;border:1px solid #2a3540;border-radius:4px;font-size:1rem}.result{margin-top:1.5rem}.win{color:#55e08a}.lose{color:#e05555}.verdict{list-style:none;padding:0;margin:.8rem 0}.verdict .ok{color:#55e08a}.verdict .bad{color:#e05555}.debrief{margin-top:1.2rem;background:#171d24;border:1px solid #2a3540;border-radius:6px;padding:1rem 1.2rem}.debrief summary{cursor:pointer;font-weight:700}.error{color:#e05555}main.board{max-width:1080px}.boardbar{position:sticky;top:0;z-index:5;background:#101418;border-bottom:1px solid #2a3540;padding:.5rem 0}.clockgroup{display:flex;align-items:center;gap:.8rem}.timer.paused{color:#8b98a5;animation:none}button.ghost{background:none;color:#8b98a5;border:1px solid #2a3540;border-radius:6px;padding:.4rem .9rem;font-size:.9rem;cursor:pointer}button.ghost:hover{color:#d8dee5;border-color:#8b98a5}.briefbox{margin:1rem 0}.briefbox summary{cursor:pointer;font-weight:700}.briefbox p{color:#b8c2cc}.playgrid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:start;margin-top:1rem}@media(max-width:800px){.playgrid{grid-template-columns:1fr}}.panel{background:#171d24;border:1px solid #2a3540;border-radius:6px;padding:1rem 1.2rem}.hint-line{color:#8b98a5;font-size:.85rem}.corkwrap{margin-top:1rem}.corkboard{position:relative;overflow:hidden;border:10px solid #4c3826;border-radius:8px;background:radial-gradient(#00000012 12%,transparent 13%) 0 0 / 22px 22px,radial-gradient(#ffffff08 10%,transparent 11%) 11px 11px / 22px 22px,linear-gradient(#94714e,#7d5f40);box-shadow:inset 0 0 40px #0005}.pincard{position:absolute;width:140px;padding:.9rem .5rem .5rem;background:#ede7d8;color:#2b2b2b;border-radius:3px;box-shadow:2px 3px 8px #0006;transform:rotate(var(--rot));text-align:center;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.pincard.dragging{cursor:grabbing;z-index:4;box-shadow:4px 8px 16px #0008}.pincard .mug{width:76px;margin:0 auto}.pincard .mug svg{display:block;width:100%;height:auto;border:1px solid #00000022}.pincard .pname{font-weight:700;font-size:.82rem;line-height:1.2;margin-top:.35rem}.pincard .pkind{color:#6b6558;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}.pincard.suspect{outline:3px solid #e0b455}.pincard.cleared{filter:grayscale(1);opacity:.7}.pincard.suspect:after,.pincard.cleared:after{position:absolute;top:34%;left:50%;transform:translate(-50%) rotate(-14deg);font:800 .78rem/1 ui-monospace,monospace;letter-spacing:.1em;padding:.15rem .4rem;border:2px solid;background:#ede7d8ee}.pincard.suspect:after{content:"SUSPECT";color:#b03a2e;border-color:#b03a2e}.pincard.cleared:after{content:"CLEARED";color:#2e7d4f;border-color:#2e7d4f}.pin{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:none;border:0;font-size:1.15rem;cursor:pointer;filter:drop-shadow(1px 2px 2px #00000088)}.pin.armed{transform:translate(-50%) scale(1.45);filter:drop-shadow(0 0 6px #ffd97a)}.strings{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}.strings path{stroke:#c0392b;stroke-width:2.5;fill:none;pointer-events:stroke;cursor:pointer;filter:drop-shadow(0 2px 2px #00000066)}.notes{width:100%;min-height:140px;background:#101418;color:#d8dee5;border:1px solid #2a3540;border-radius:4px;padding:.6rem;font:.95rem/1.5 ui-monospace,monospace;resize:vertical}.board .sar{background:none;border:0;padding:0;margin:0}.hintbox{margin-top:1.4rem;border-top:1px solid #2a3540;padding-top:1rem}.revealed-hint{background:#1f2831;border-left:3px solid #e0b455;padding:.5rem .8rem;font-size:.92rem}.scoreline{color:#8b98a5;font-size:.9rem}