:root{color-scheme:dark;--bg:#101923;--panel:#17232c;--ink:#f3eddf;--muted:#a9b5b6;--gold:#d6b97c;--mint:#a8d9c8;--line:#34414a}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 18% 10%,#243b42 0,transparent 45%),var(--bg);color:var(--ink);font:15px/1.5 system-ui,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--mint);outline-offset:4px}header{max-width:1480px;margin:auto;padding:26px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.wordmark{color:var(--ink);text-decoration:none;letter-spacing:3px;font-size:17px;display:grid;grid-template-columns:42px 1fr}.wordmark small{font-size:8px;letter-spacing:1.8px;grid-column:2}.seal{grid-row:span 2;color:var(--gold);font-size:32px}.header-actions{display:flex;gap:12px}.header-actions button,.header-actions .home-link{background:transparent;border:1px solid var(--line);border-radius:30px;padding:9px 16px;font-size:12px}main{max-width:1380px;margin:auto;padding:0 4%}.intro{padding:36px 0 30px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:650;color:var(--gold);margin:0 0 12px}h1,h2,h3,p{margin-top:0}h1{font:clamp(38px,4.3vw,66px)/1.08 Georgia,serif;letter-spacing:-2px;margin-bottom:14px}em{color:var(--gold);font-weight:normal}.intro>p:last-child{color:var(--muted);margin-bottom:0}.game-layout{display:grid;grid-template-columns:1.12fr 1fr;gap:28px}.theatre{border:1px solid #415058;border-radius:16px;background:radial-gradient(ellipse at 50% 40%,#3c5153,#182630 68%);overflow:hidden;position:relative;display:flex;flex-direction:column;min-height:590px}.scene-label{display:flex;align-items:center;gap:8px;padding:24px;font-size:9px;letter-spacing:2px;color:#c4cfcd}.scene-label>span:last-child{margin-left:auto;color:var(--gold)}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 16px var(--mint)}#scene{width:100%;height:365px;flex:1;min-height:300px}canvas{display:block;width:100%;height:100%}.scene-caption{padding:5px 25px 20px;display:flex;justify-content:space-between;font-size:10px;color:var(--muted);letter-spacing:1px}.scene-caption span:first-child{color:var(--gold)}.narrator{display:flex;gap:15px;padding:24px;background:#101b24b3;border-top:1px solid #425259;min-height:115px}.avatar{display:grid;place-items:center;flex-shrink:0;border:1px solid #52615e;border-radius:50%;width:43px;height:43px;font-size:25px;color:var(--gold)}.narrator .eyebrow{margin-bottom:5px;font-size:9px}.narrator p{font:italic 18px/1.5 Georgia,serif;margin:0}.desk{border:1px solid var(--line);border-radius:16px;background:#17232bd9;padding:28px}.case-heading{display:flex;justify-content:space-between;gap:10px;align-items:center}.case-heading h2{font:26px Georgia,serif;margin-bottom:12px}.case-heading .eyebrow{font-size:8px}.lives{font-size:12px;color:var(--mint);white-space:nowrap}#pips{display:flex;gap:5px;margin:5px 0 22px}#pips i{height:3px;background:var(--mint);flex:1;border-radius:3px;transition:background .3s}#pips i.used{background:#a35e60}.clue{color:var(--muted);font-size:13px;min-height:39px;margin-bottom:12px}.slots{display:flex;justify-content:center;gap:6px;margin:12px 0 26px;flex-wrap:wrap}.slot{border-bottom:2px solid var(--gold);background:#23323b;width:36px;height:48px;text-align:center;font:28px/46px Georgia,serif;border-radius:5px 5px 0 0}.slot.revealed{color:var(--mint);background:#2a4147}.keyboard{display:flex;flex-direction:column;align-items:center;gap:7px}.key-row{display:flex;gap:6px;width:100%;justify-content:center}.key{border:1px solid #46545c;background:#23323c;border-radius:6px;height:42px;flex:1;max-width:44px;font-size:13px;box-shadow:0 3px 0 #111c24}.key:hover:not(:disabled){background:#40534f;border-color:var(--gold);transform:translateY(-1px)}.key:disabled{cursor:default;box-shadow:none}.key.hit{background:#315148;color:#c1ead8;border-color:#6e9d89}.key.miss{background:#19232c;color:#79828a;border-color:#29343e;text-decoration:line-through}.desk-footer{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:var(--muted);margin:15px 0 25px}.bargain-header{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:21px}.bargain-header h3{font:20px Georgia,serif;margin:0}.bargain-header>span{font-size:7px;letter-spacing:1px;color:var(--muted)}.bargains{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0 20px}.bargains button{background:linear-gradient(135deg,#334037,#283432);border:1px solid #636449;border-radius:8px;padding:14px 8px;text-align:left}.bargains span{display:block;color:#ead8af;font:15px Georgia,serif}.bargains small{display:block;font-size:9px;color:#c1c5b3;margin-top:8px;line-height:1.5}.bargains button:hover:not(:disabled){border-color:var(--gold);background:#424c3d}.bargains button:disabled{opacity:.4;cursor:default}.new-game{width:100%;border:1px solid #7f8c7a;border-radius:8px;padding:13px 18px;background:var(--gold);color:#202920;font-weight:650;font-size:12px;display:flex;justify-content:space-between;align-items:center}.new-game:hover{background:#ead2a1}footer{display:flex;justify-content:space-between;color:#9aa8ad;font-size:9px;letter-spacing:1px;padding:26px 0 30px}#result{padding:15px;border:1px solid var(--gold);border-radius:7px;margin-bottom:18px;background:#333c32;color:#f1dfbb}#result strong{display:block;font:24px Georgia,serif;margin-bottom:5px}dialog{max-width:510px;width:calc(100% - 32px);border:1px solid #a48f62;border-radius:14px;background:#1d2d33;color:var(--ink);padding:35px;box-shadow:0 30px 100px #000a}dialog::backdrop{background:#050e16cc;backdrop-filter:blur(6px)}dialog h2{font:36px Georgia,serif}dialog p{color:#cad0ca;font-size:14px}#close-help{float:right;background:none;border:0;font-size:26px}#fallback{height:330px}#fallback svg{width:100%;height:100%}[hidden]{display:none!important}@media(max-width:900px){.game-layout{grid-template-columns:1fr}.theatre{min-height:470px}#scene{height:310px}.intro{padding-top:26px}.desk{padding:24px}header{padding:18px 4%}.wordmark small{display:none}.wordmark{font-size:12px;grid-template-columns:30px 1fr;align-items:center}.seal{font-size:24px}.header-actions button,.header-actions .home-link{padding:8px 10px;font-size:10px}.game-layout{gap:18px}footer{gap:15px;font-size:8px}.intro>p:last-child{font-size:13px}}@media(max-width:420px){.desk{padding:19px 14px}.slot{width:29px;height:42px;font-size:24px;line-height:40px}.slots{gap:4px}.key-row{gap:4px}.bargains span{font-size:13px}.bargains small{font-size:8px}.narrator p{font-size:16px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

@media(max-width:600px){.theatre{min-height:0}#scene{height:225px;min-height:225px;flex:none}.scene-label{padding:14px 18px}.scene-caption{padding:5px 18px 12px;font-size:8px}.narrator{padding:14px;min-height:80px}.narrator .avatar{width:32px;height:32px;font-size:21px}.intro{padding:22px 0}.intro .eyebrow{font-size:8px;letter-spacing:1.4px}.intro h1{font-size:36px;letter-spacing:-1px}.desk{padding-top:20px}footer{letter-spacing:.5px}}
/* The midnight league: parchment, aged gold and a darkening theatre. */
:root{--bg:#0d1015;--panel:#181c22;--line:#373333;--gold:#d7b579;--mint:#bdcfb9}body{background:radial-gradient(ellipse at 14% 0,#332a2b 0,transparent 45%),var(--bg)}.theatre{background:radial-gradient(ellipse at 50% 40%,#354447,#12171d 70%);transition:box-shadow 1.5s,border-color 1.5s}.desk{background:#191e23ed}.intro{position:relative}.intro h1{font-size:clamp(38px,4.5vw,68px)}.command-bar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 24px;border:1px solid var(--line);border-radius:12px;background:#17191dcc}.command-bar p{margin:7px 0 0;font-size:11px;color:var(--muted)}.command-bar .eyebrow{font-size:9px}.difficulty-control{display:grid;gap:5px;min-width:250px}label{display:block;font-size:11px;color:var(--muted);margin-bottom:5px}select,input:not([type=range]){font:inherit;border:1px solid #615448;background:#252321;color:var(--ink);border-radius:6px;padding:9px 12px;max-width:100%}input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.difficulty-control small{font-size:10px;color:var(--muted)}.volume-control{min-width:140px}.volume-control input{accent-color:var(--gold);width:140px}#status{font-size:12px;color:#c4b89e;min-height:20px;margin:12px 0 18px}.score-tag{color:var(--gold);font-size:12px;font-weight:700;letter-spacing:1.5px;margin:-6px 0 18px}.ledger{display:flex;justify-content:space-between;gap:25px;margin-top:30px;border-top:1px solid var(--line);padding-top:22px}.ledger h2{font:23px Georgia,serif}.ledger ul{padding:0;list-style:none;margin:0;color:var(--muted);font-size:12px}.ledger li{padding:5px 0;border-bottom:1px solid #292d32}.close-dialog{float:right;background:none;border:0;font-size:25px}.league-controls{display:flex;gap:15px;margin:20px 0}.standing{display:grid;grid-template-columns:45px 1fr auto;gap:12px;padding:14px 8px;border-bottom:1px solid var(--line)}.standing strong,.standing b{color:var(--gold)}.standing.you{background:#3d3e2b}.privacy-note{font-size:12px!important;color:var(--muted)!important;margin-top:20px}#alias{width:100%;margin:8px 0 12px}#logout{background:transparent;border:1px solid var(--line);border-radius:6px;padding:9px 15px}#fate-overlay{position:absolute;inset:50px 0 125px;pointer-events:none;display:flex;align-items:center;justify-content:center;flex-direction:column;opacity:0;gap:12px;z-index:1}#fate-overlay strong{font:15px Georgia,serif;letter-spacing:4px;text-shadow:0 2px 15px #000}.soul-mark{font-size:70px;color:#bceadb;text-shadow:0 0 40px #bceadb}.loss-words,.win-words{display:none}body[data-fate=lost] #fate-overlay{animation:claim 2.4s ease forwards}body[data-fate=lost] .loss-words{display:block;color:#e6b8a0}body[data-fate=won] #fate-overlay{animation:pardon 1.6s ease forwards}body[data-fate=won] .win-words{display:block;color:#e0d29e}body[data-danger=tense] .theatre{border-color:#8b6843;box-shadow:inset 0 0 65px #66331633}body[data-danger=doom] .theatre{border-color:#ab504e;box-shadow:inset 0 0 110px #a21e1640}body[data-fate=lost] #result{background:#3d2524;border-color:#b15d50}body[data-fate=won] #result{background:#2f392c}body[data-fate=won] .avatar{animation:temper .4s ease-in-out 4}body[data-fate=lost] #fallback{transform:translateY(20px);opacity:.4;transition:all 2s}
@keyframes claim{0%{opacity:0;transform:translateY(80px)}55%{opacity:1}100%{opacity:1;transform:translateY(-30px)}}@keyframes pardon{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes temper{0%,100%{transform:rotate(0)}30%{transform:rotate(-15deg)}70%{transform:rotate(15deg)}}
@media(max-width:900px){.command-bar{flex-wrap:wrap;gap:15px}.volume-control{margin-left:auto}.header-actions{gap:6px;flex-wrap:wrap;justify-content:flex-end}.header-actions button,.header-actions .home-link{padding:8px}.ledger{flex-direction:column;gap:8px}.intro{padding-bottom:24px}}@media(max-width:600px){header{gap:10px;align-items:flex-start}.header-actions{max-width:240px}.wordmark{letter-spacing:1px}.command-bar{padding:16px}.command-bar>div:first-child{width:100%}.difficulty-control{min-width:0;flex:1}.volume-control{min-width:70px;width:85px}.volume-control input{width:85px}.difficulty-control select{font-size:12px;padding:8px}.difficulty-control small{font-size:9px}#fate-overlay{inset:40px 0 100px}#fate-overlay strong{font-size:11px;letter-spacing:2px}.ledger h2{font-size:21px}.bargain-header>span{max-width:110px;text-align:right}.standing{font-size:13px}}
@media(prefers-reduced-motion:reduce){body[data-fate=lost] #fate-overlay,body[data-fate=won] #fate-overlay{opacity:1;animation:none}body[data-fate=lost] #fallback{transform:none}}

.countdown{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin:12px 0;color:#eedba7}.countdown>span{font-size:10px;letter-spacing:.12em}#timer{font:700 28px ui-monospace,monospace;font-variant-numeric:tabular-nums}.time-track{height:4px;background:#35404c;width:100%;overflow:hidden}.time-track i{display:block;height:100%;background:#d0b470;width:100%}body[data-fear="terrified"] #timer{color:#ff9191}body[data-fear="terrified"] .time-track i{background:#ff7979}body[data-fear="scared"] #fallback svg{transform:rotate(2deg)}body[data-fear="terrified"] #fallback svg{animation:puppet-shiver .18s infinite alternate}body[data-fate="won"] #fallback svg{animation:puppet-cheer .7s infinite alternate}@keyframes puppet-shiver{to{transform:translateX(3px) rotate(-2deg)}}@keyframes puppet-cheer{to{transform:translateY(-12px) rotate(3deg)}}@media(prefers-reduced-motion:reduce){#fallback svg{animation:none!important}}

.home-link{color:var(--ink);text-decoration:none;white-space:nowrap}.home-link:hover{border-color:var(--gold);color:var(--gold)}

#auth-form,#auth-link-form{display:grid;gap:10px}#auth-form input,#auth-link-form input{width:100%;min-width:0;box-sizing:border-box;padding:12px;background:#131720;color:#f5e9cf;border:1px solid #776c55;border-radius:8px}.auth-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}#auth-status{overflow-wrap:anywhere;color:#ecdcae}#password-help{font-size:.85rem;margin:0}#account-dialog{max-height:90dvh;overflow:auto}

.auth-tabs button,#auth-link-cancel{min-height:44px;padding:9px 13px;border:1px solid #756849;border-radius:8px;background:#1b252b;color:#efdfbd;font:inherit;cursor:pointer}.auth-tabs button[aria-pressed="true"]{background:#d1b478;color:#142127}.auth-tabs button:disabled{opacity:.5;cursor:not-allowed}.auth-tabs button:focus-visible,#auth-link-cancel:focus-visible{outline:2px solid #f0cf87;outline-offset:3px}#account-dialog h2{font-size:clamp(1.65rem,4vw,2.5rem)}
/* Daily docket and personal records */
.daily-panel{display:grid;grid-template-columns:1.5fr 1fr;gap:2rem;padding:1.6rem 2rem;margin:1.5rem 0;border:1px solid #887348;border-radius:18px;background:linear-gradient(120deg,#263337,#19222c);box-shadow:0 12px 36px #0003}.daily-panel h2{font-size:clamp(1.6rem,3vw,2.3rem);margin:.3rem 0}.daily-panel p{line-height:1.6;color:#d1d5ce}.daily-actions{display:flex;flex-direction:column;justify-content:center;gap:.7rem}.daily-actions .new-game{margin:0}.daily-actions textarea{width:100%;min-height:130px;padding:.8rem;background:#101923;color:#eee4ce;border:1px solid #ab9468;border-radius:8px}.daily-actions button:not(.new-game){padding:.65rem;border:1px solid #8a7759;border-radius:8px}.daily-panel #daily-progress{color:#ebca85;font-weight:700;letter-spacing:.03em}.personal-panel{padding:1.2rem 1.5rem;border-top:1px solid #6a6551;margin-top:1.6rem;line-height:1.8}.bargains{grid-template-columns:repeat(2,minmax(0,1fr))}.bargains small{line-height:1.5}.bargains button{min-height:116px}.bargain-header span{font-size:.6rem}.slot{min-width:0}.daily-panel [hidden]{display:none}.league-controls select{width:100%}#daily-status{min-height:1.2em;font-size:.85rem}
@media(max-width:650px){.daily-panel{grid-template-columns:1fr;padding:1rem;gap:.6rem}.daily-panel h2{font-size:1.7rem}.daily-panel p{font-size:.85rem}.bargains{grid-template-columns:1fr}.bargains button{min-height:85px}.personal-panel{padding:1rem}.slots{gap:3px}.slot{width:clamp(18px,6.4vw,38px);font-size:1.3rem}.header-actions{flex-wrap:wrap}}