:root{--ink:#1D2233;--paper:#F2E8D5;--amber:#E9B44C;--red:#C94F4F;--sage:#7FA98F;--fog:#9A93A5;--white:#fffaf0;--shadow:rgba(14,16,26,.25)}*{box-sizing:border-box}html{background:var(--ink);color:var(--ink);font-family:Georgia,"Times New Roman",serif}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -15%,#3b4057 0,transparent 38%),linear-gradient(145deg,#171b2a,#252a3d);background-attachment:fixed}button{font:inherit}.topbar{height:86px;max-width:1060px;margin:auto;padding:14px 22px;display:flex;align-items:center;justify-content:space-between;color:var(--paper)}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;text-transform:uppercase;font:700 15px/1.05 ui-sans-serif,system-ui;letter-spacing:.16em}.brand b{color:var(--amber)}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border:2px solid var(--amber);border-radius:50%;font:34px/1 Georgia;transform:rotate(-18deg)}.case-meta{text-align:right;display:grid;grid-template-columns:auto auto;gap:0 7px;font:12px/1.4 ui-sans-serif,system-ui;text-transform:uppercase;letter-spacing:.1em;color:var(--fog)}.case-meta b{font-size:15px;color:var(--paper)}.case-meta #timer{grid-column:1/-1;text-transform:none;letter-spacing:.02em}main{width:min(1060px,calc(100% - 24px));margin:auto}.status-strip{display:flex;justify-content:center;gap:clamp(14px,6vw,60px);padding:10px 14px;color:var(--paper);font-family:ui-sans-serif,system-ui}.status-strip div{display:grid;grid-template-columns:auto auto;gap:0 6px;align-items:center}.status-strip b{font-size:20px}.status-strip small{grid-column:2;color:var(--fog)}.desk{position:relative;display:grid;grid-template-columns:minmax(300px,520px) minmax(290px,390px);gap:34px;align-items:start;background:linear-gradient(110deg,rgba(242,232,213,.98),rgba(226,211,186,.98));border:1px solid #fff4;border-radius:28px;padding:clamp(18px,4vw,42px);box-shadow:0 30px 90px #070912aa,inset 0 0 60px #8b72582b}.desk:before{content:"";position:absolute;inset:8px;border:1px solid #75675244;border-radius:22px;pointer-events:none}.board-wrap,.casebook{position:relative;z-index:1}.sudoku{display:grid;grid-template-columns:repeat(6,1fr);aspect-ratio:1;max-width:480px;margin:auto;border:3px solid var(--ink);background:var(--ink);gap:1px;box-shadow:6px 7px 0 #9e8c7144}.cell{position:relative;border:0;background:var(--white);color:var(--ink);font:700 clamp(20px,5.7vw,32px)/1 ui-sans-serif,system-ui;cursor:pointer;min-width:44px;min-height:44px}.cell:nth-child(3n){border-right:2px solid var(--ink)}.cell:nth-child(6n){border-right:0}.cell:nth-child(n+7):nth-child(-n+12),.cell:nth-child(n+19):nth-child(-n+24){border-bottom:2px solid var(--ink)}.cell.given{background:#e4d7c0;color:#5f5962}.cell.selected{background:#f6d993;box-shadow:inset 0 0 0 3px var(--amber)}.cell.peer{background:#f8f0e2}.cell.wrong{color:var(--red);animation:shake .22s linear}.cell.completed{background:#dce7df}.cell:focus-visible,.key:focus-visible,.primary:focus-visible,.option:focus-visible{outline:3px solid var(--amber);outline-offset:2px}.keypad{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;max-width:480px;margin:15px auto 0}.key{height:48px;border:1px solid #82745f;border-radius:10px;background:var(--paper);color:var(--ink);font:700 20px ui-sans-serif,system-ui;box-shadow:0 3px 0 #9c8d76;cursor:pointer}.key:active{transform:translateY(2px);box-shadow:0 1px 0 #9c8d76}.unit-envelopes{height:22px;max-width:480px;margin:auto;display:flex;justify-content:space-around;color:var(--amber);font-family:ui-sans-serif,system-ui}.unit-envelopes span.open{color:var(--sage)}.unit-envelopes span.sealed{color:var(--red)}.casebook{background:#fffaf0cc;border:1px solid #b9a98f;padding:18px;min-height:470px;box-shadow:5px 6px 0 #86765d33;transform:rotate(.25deg)}.casebook-head{display:flex;justify-content:space-between;border-bottom:2px solid var(--ink);padding-bottom:8px;font:700 12px ui-sans-serif,system-ui;letter-spacing:.14em}.latest-clue{display:flex;gap:12px;align-items:center;min-height:74px;margin:15px 0;padding:10px;border:1px dashed #a9987c;background:#f7eddc}.latest-clue p{margin:0;font-size:14px;line-height:1.4}.wax{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--amber);color:var(--ink);font:bold 20px Georgia}.notebook{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.note-axis h3{font:700 11px ui-sans-serif,system-ui;text-transform:uppercase;letter-spacing:.08em;margin:0 0 7px}.note-axis button{display:block;width:100%;min-height:30px;padding:3px;border:0;border-bottom:1px solid #d0c2ac;background:transparent;text-align:left;color:var(--ink);font:13px Georgia}.note-axis button.cleared{text-decoration:line-through;color:var(--fog)}.primary,.secondary{width:100%;min-height:48px;border-radius:10px;padding:10px 16px;font:800 15px ui-sans-serif,system-ui;cursor:pointer}.primary{border:0;background:var(--ink);color:var(--paper);box-shadow:0 4px 0 #080a10}.primary:disabled{opacity:.38;cursor:not-allowed}.secondary{border:1px solid var(--ink);background:transparent;color:var(--ink);margin-top:9px}dialog{width:min(570px,calc(100% - 24px));padding:0;border:0;border-radius:22px;background:transparent;color:var(--ink)}dialog::backdrop{background:#0a0c14cc;backdrop-filter:blur(5px)}.modal-card{position:relative;background:var(--paper);padding:clamp(22px,6vw,38px);border:2px solid var(--amber);border-radius:22px;box-shadow:0 25px 80px #0009}.close{position:absolute;right:12px;top:10px;width:44px;height:44px;border:0;background:transparent;font-size:30px;cursor:pointer}.eyebrow{margin:0 0 7px;color:#9b6c13;font:800 11px ui-sans-serif,system-ui;letter-spacing:.17em}.modal-card h2{margin:0 0 7px;font-size:30px}.muted{color:#6e6873;margin:0 0 20px}.accuse-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.accuse-column h3{font:700 11px ui-sans-serif,system-ui;text-transform:uppercase}.option{display:block;width:100%;min-height:44px;margin:5px 0;border:1px solid #aa9b85;border-radius:8px;background:#fff8ec;cursor:pointer;font-size:13px}.option.on{background:var(--amber);border-color:var(--ink);font-weight:bold}.share-card{white-space:pre-wrap;background:var(--ink);color:var(--paper);border-radius:14px;padding:18px;font:15px/1.7 ui-monospace,SFMono-Regular,monospace;overflow:auto}.tutorial-card{text-align:center}.tutorial-visual{position:relative;width:94px;height:94px;display:grid;place-items:center;margin:0 auto 18px;border:3px solid var(--ink);font-size:66px}.tutorial-visual span{position:absolute;right:-7px;bottom:-8px;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--amber);font:bold 21px ui-sans-serif,system-ui}.toast{position:fixed;left:50%;bottom:24px;z-index:10;transform:translate(-50%,120px);background:var(--ink);color:var(--paper);padding:12px 18px;border:1px solid var(--amber);border-radius:999px;transition:.25s}.toast.show{transform:translate(-50%,0)}footer{width:min(1060px,calc(100% - 40px));margin:auto;padding:28px 0 40px;color:var(--fog);display:flex;justify-content:space-between;font:12px ui-sans-serif,system-ui}footer a{color:var(--paper)}@keyframes shake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}@media(max-width:780px){.desk{grid-template-columns:1fr;gap:25px;padding:18px 14px}.casebook{min-height:auto}.notebook{gap:5px}.casebook{transform:none}.status-strip{font-size:13px}.status-strip small{font-size:10px}footer{display:grid;gap:7px;text-align:center}.topbar{padding-inline:14px}}@media(max-width:380px){main{width:100%}.desk{border-radius:0}.cell{min-width:42px}.notebook{grid-template-columns:1fr}.note-axis{display:grid;grid-template-columns:70px repeat(5,1fr);align-items:center}.note-axis button{font-size:10px;text-align:center}.accuse-options{grid-template-columns:1fr}.accuse-column{display:grid;grid-template-columns:80px repeat(5,1fr)}.option{font-size:10px;padding:2px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}