:root{color-scheme:dark;--ink: #efe3cc;--muted: #8d8371;--brass: #c79a52;--brass-dim: #6d5326;--sodium: #ffb257;--red: #e0392a;--bone: #e8dcc4;--cloth: #0a0a0c;--plate: linear-gradient(168deg, #23201a 0%, #16140f 46%, #100f0c 100%);--line: rgba(199, 154, 82, .26);--serif: Georgia, "Iowan Old Style", "Times New Roman", serif;--mono: ui-monospace, "SFMono-Regular", "Cascadia Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--cloth);color:var(--ink);font-family:var(--mono);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:2px solid var(--sodium);outline-offset:2px}[hidden]{display:none!important}#app{position:relative;isolation:isolate}#game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.vignette{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(120% 96% at 62% 44%,#0000 34%,#00000080 74%,#000000e0)}.topbar{position:absolute;z-index:4;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 22px}.brand{display:flex;align-items:baseline;gap:10px}.brand .mark{color:var(--brass);font-size:13px;transform:translateY(-1px)}.brand .word{font-family:var(--serif);font-size:20px;letter-spacing:.3em}.brand small{font-size:9px;letter-spacing:.16em;color:var(--muted)}.brand small b{color:var(--brass);font-weight:400}.top-actions{display:flex;gap:7px}.chip-button{min-height:30px;padding:0 12px;border:1px solid var(--line);background:#0a0a0cb3;color:var(--muted);font-size:9px;letter-spacing:.15em}.chip-button:hover{color:var(--ink);border-color:var(--brass)}.stage-chips{position:absolute;z-index:4;top:58px;left:50%;transform:translate(-50%);display:flex;flex-wrap:wrap;justify-content:center;gap:6px;max-width:min(720px,92vw)}.chip{display:inline-flex;align-items:baseline;gap:7px;padding:5px 10px;border:1px solid rgba(199,154,82,.2);background:#0a0a0ca8;font-size:8px;letter-spacing:.14em}.chip em{font-style:normal;color:var(--muted)}.chip b{color:var(--brass);font-weight:400}.chip[data-alert="1"]{border-color:#e0392a99}.chip[data-alert="1"] b{color:var(--red)}.chip[data-alert="2"] b{color:var(--sodium)}.console{position:absolute;z-index:4;left:22px;top:92px;bottom:20px;width:366px;display:flex;flex-direction:column;gap:12px}.record{position:relative;flex:0 0 auto;padding:12px 13px 11px;border:1px solid rgba(199,154,82,.3);background:var(--plate);box-shadow:inset 0 1px #e8dcc414,0 18px 44px #0009}.record:after{content:"";position:absolute;inset:4px;border:1px solid rgba(199,154,82,.1);pointer-events:none}.record-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding-bottom:8px;border-bottom:1px solid var(--line);font-size:8px;letter-spacing:.18em}.record-head span{color:var(--brass)}.record-head b{color:var(--muted);font-weight:400;font-size:7px;letter-spacing:.12em}.record-rows{display:grid;gap:3px;padding:9px 0 8px}.record-row{display:grid;grid-template-columns:26px 54px minmax(0,1fr) 46px;align-items:center;gap:8px;padding:3px 4px;font-size:9px;letter-spacing:.1em;border-left:2px solid transparent}.record-row[data-raised="1"]{border-left-color:var(--brass);background:#c79a5214}.record-row[data-proof="1"]{border-left-color:var(--red);background:#e0392a1a}.record-row .idx{color:var(--muted)}.record-row .shape{color:var(--ink);letter-spacing:.16em}.record-row .shape[data-unknown="1"]{color:var(--muted);opacity:.5}.pips{display:flex;gap:3px}.pips i{width:7px;height:11px;border:1px solid rgba(199,154,82,.3)}.pips i[data-on="1"]{background:var(--brass);border-color:var(--brass)}.record-row .feel{text-align:right;font-size:8px;letter-spacing:.12em}.record-row .feel[data-f=UP]{color:var(--brass)}.record-row .feel[data-f=JAM]{color:var(--sodium)}.record-row .feel[data-f=DOWN]{color:var(--red)}.record-row .feel[data-f=SLIP]{color:var(--muted)}.record-row .feel[data-empty="1"]{color:#8d837166}.record-foot{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding-top:9px;border-top:1px solid var(--line)}.readout{display:grid;gap:3px}.readout span{font-size:7px;letter-spacing:.16em;color:var(--muted)}.readout b{font-size:11px;font-weight:400;letter-spacing:.1em;color:var(--ink)}.readout b[data-band="1"]{color:var(--sodium)}.readout b[data-empty="1"]{color:#8d83716b}.deck{flex:1 1 auto;display:flex;flex-direction:column;justify-content:flex-end;gap:7px}.deck-row{display:flex;gap:6px}.key{flex:1 1 0;min-height:46px;padding:6px 4px;border:1px solid rgba(199,154,82,.24);background:#0e0d0bdb;color:var(--ink);font-size:9px;line-height:1.35;letter-spacing:.12em;text-align:center;touch-action:none;user-select:none;-webkit-user-select:none;transition:background .14s ease-out,border-color .14s ease-out,transform 90ms ease-out}.key em{display:block;font-style:normal;font-size:7px;letter-spacing:.1em;color:var(--muted)}.key:hover{border-color:var(--brass)}.key[data-on="1"]{background:#c79a5233;border-color:var(--brass)}.key[data-on="1"] em{color:var(--ink)}.key:active{transform:translateY(1px)}.key.turn{flex:0 0 62px;font-size:15px}.key.hold{flex:1.4 1 0}.key.call{flex:0 0 66px;border-color:#e0392a70;color:var(--red)}.key.call[data-ready="1"]{background:#e0392a33;color:#ffb9ae}.key.sig{min-height:54px}.key.sig.brace{border-color:#ffb25780;color:var(--sodium)}.wheels{align-items:center}.wheel-tag{flex:0 0 auto;font-size:7px;letter-spacing:.16em;color:var(--muted)}.wheel-set{flex:1 1 0;display:flex;gap:3px}.wheel-set .key{min-height:30px;font-size:9px;padding:2px}.wheel-set .key[data-on="1"]{background:#c79a523d}.inside-deck{flex:0 0 auto;padding:10px 11px;border:1px dashed rgba(255,178,87,.4);background:#160f08c7}.inside-head{margin-bottom:7px;font-size:7px;letter-spacing:.16em;color:var(--sodium)}.inside-deck .key{min-height:38px}.key.inside.up{border-color:#c79a5280}.key.inside.jam{border-color:#ffb25780}.key.inside.down{border-color:#e0392a80}.key.inside.accuse{border-color:#e0392a99;color:var(--red)}.toast{position:absolute;z-index:6;left:50%;bottom:34px;transform:translate(-50%);padding:8px 16px;border:1px solid var(--brass-dim);background:#0c0b09f0;font-size:9px;letter-spacing:.16em;color:var(--sodium);pointer-events:none}.toast[data-tone=bad]{border-color:#e0392a99;color:#ff9a8c}.toast[data-tone=good]{border-color:#c79a52b3;color:var(--brass)}.screen{position:absolute;inset:0;z-index:8;display:grid;place-items:center;padding:20px;background:radial-gradient(90% 80% at 62% 46%,#08080ab8,#050506f0 70%);backdrop-filter:blur(2px)}.screen-card{width:min(560px,100%);max-height:calc(100dvh - 40px);overflow:auto;padding:30px 32px 26px;border:1px solid var(--line);background:linear-gradient(168deg,#1a1813,#100f0c);box-shadow:0 26px 80px #000000b3}.screen-card.compact{width:min(470px,100%)}.eyebrow{font-size:8px;letter-spacing:.24em;color:var(--brass)}.screen-card h2{margin:12px 0 14px;font-family:var(--serif);font-size:38px;font-weight:400;line-height:1.08;letter-spacing:.01em;text-wrap:balance}.screen-card h2 em{font-style:italic;color:var(--sodium)}.screen-card p{margin:0 0 13px;font-size:12px;line-height:1.62;color:#b6ab96}.screen-card p.tight{color:var(--muted);font-size:11px}.screen-card p b{color:var(--ink);font-weight:400;border-bottom:1px solid var(--brass-dim)}.choice-block{margin:16px 0 10px}.choice-label{display:block;margin-bottom:6px;font-size:7px;letter-spacing:.22em;color:var(--muted)}.choice-set{display:flex;flex-wrap:wrap;gap:6px}.choice{flex:1 1 120px;min-height:42px;padding:7px 9px;border:1px solid rgba(199,154,82,.22);background:#0a0a0c99;font-size:9px;letter-spacing:.14em;text-align:left}.choice em{display:block;font-style:normal;margin-top:3px;font-size:7px;letter-spacing:.06em;color:var(--muted)}.choice[data-on="1"]{border-color:var(--brass);background:#c79a5229;color:var(--ink)}.choice[data-on="1"] em{color:var(--brass)}.best-line{margin:14px 0 12px;padding:9px 10px;border-left:2px solid var(--brass-dim);background:#c79a520f;font-size:9px;letter-spacing:.12em;color:var(--muted)}.best-line b{color:var(--brass);font-weight:400}.legend{display:flex;flex-wrap:wrap;gap:6px 14px;margin-bottom:18px;font-size:8px;letter-spacing:.1em;color:var(--muted)}.legend b{color:var(--ink);font-weight:400}.primary-button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:52px;padding:0 20px;border:1px solid var(--brass);background:linear-gradient(180deg,#c79a5238,#c79a5214);color:var(--ink);font-size:11px;letter-spacing:.2em}.primary-button:hover{background:linear-gradient(180deg,#c79a5257,#c79a5224)}.primary-button span{color:var(--sodium)}.text-button{width:100%;margin-top:9px;min-height:34px;border:1px solid transparent;background:none;color:var(--muted);font-size:9px;letter-spacing:.16em}.text-button:hover{color:var(--ink);border-color:var(--line)}.end-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 18px;margin:4px 0 20px;padding:13px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.end-stat{display:grid;gap:3px}.end-stat span{font-size:7px;letter-spacing:.18em;color:var(--muted)}.end-stat b{font-size:13px;font-weight:400;letter-spacing:.1em;color:var(--ink)}.help-card{position:absolute;z-index:9;left:50%;top:50%;transform:translate(-50%,-50%);width:min(560px,calc(100vw - 28px));max-height:calc(100dvh - 40px);overflow:auto;padding:26px 28px;border:1px solid var(--line);background:linear-gradient(168deg,#1a1813,#0d0c0a);box-shadow:0 26px 80px #000000bf}.help-card h2{margin:10px 0 14px;font-family:var(--serif);font-size:26px;font-weight:400}.help-card p{margin:0 0 12px;font-size:11px;line-height:1.66;color:#b6ab96}.help-card p b{color:var(--sodium);font-weight:400;letter-spacing:.08em}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media(pointer:coarse),(max-width:900px){.topbar{padding:10px 12px}.brand .word{font-size:15px;letter-spacing:.22em}.brand small{display:none}.stage-chips{top:46px;gap:4px}.chip{padding:4px 7px;font-size:7px}.console{inset:auto 8px 8px;width:auto;gap:7px}.record{padding:8px 9px 7px}.record-head{padding-bottom:5px;font-size:7px}.record-head b{display:none}.record-rows{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;padding:6px 0 5px}.record-row{grid-template-columns:minmax(0,1fr);gap:3px;padding:4px 3px;text-align:center;font-size:8px}.record-row .idx{display:none}.record-row .shape{font-size:7px;letter-spacing:.08em}.pips{justify-content:center;gap:2px}.pips i{width:5px;height:9px}.record-row .feel{text-align:center;font-size:7px}.record-foot{padding-top:6px;gap:4px}.readout b{font-size:10px}.key{min-height:44px;font-size:8px;letter-spacing:.06em}.key.turn{flex:0 0 54px;font-size:14px}.key.call{flex:0 0 58px}.key.sig{min-height:46px}.key.sig em,.wheel-tag{display:none}.wheel-set .key{min-height:28px;font-size:8px}.inside-deck{padding:7px 8px}.inside-deck .key{min-height:34px;font-size:8px}.toast{bottom:auto;top:84px;font-size:8px;padding:6px 12px}.screen-card{padding:22px 18px 20px}.screen-card h2{font-size:27px}.screen-card p{font-size:11px;line-height:1.56}.legend{gap:5px 10px}.primary-button{min-height:48px;font-size:10px}.help-card{padding:20px 18px}.help-card h2{font-size:21px}.help-card p{font-size:10px}}@media(max-width:430px){.brand .word{font-size:13px}.screen-card h2{font-size:23px}.choice{flex:1 1 100%}}