:root{--font-serif:var(--font-spectral),Georgia,"Times New Roman",serif;--font-sans:var(--font-grotesk),"Helvetica Neue",Helvetica,Arial,sans-serif}:root,[data-theme=paper]{--bg:#ece5d4;--bg-2:#e3dbc6;--surface:#fffdf7;--ink:#2b2a26;--ink-soft:#6f6a5e;--line:#d6cfba;--accent:#5b61e6;--accent-soft:#e7e8fb;--on-accent:#ffffff;--good:#3f9c63;--good-soft:#e0f0e6;--bad:#d3624a;--bad-soft:#f6e3dd;--amber:#cf9a37;--card-bg:#fffdf7;--card-ink:#2b2a26;--card-line:#2b2a26;--card-shadow:3px 4px 0 rgba(43,42,38,.16);--pill-bg:#efe9da;--radius:18px;--radius-card:16px;--radius-pill:999px;--head:var(--font-serif);--body:var(--font-sans);--head-weight:600;--frame:#2b2a26;--bezel:#11110f;--hud-bg:rgba(255,253,247,.85);--grain:0}[data-theme=almanac]{--bg:#e2d4b4;--bg-2:#d6c49c;--surface:#f4ead0;--ink:#3a2f21;--ink-soft:#7c6a4d;--line:#cdb88c;--accent:#9a5b25;--accent-soft:#ecd9bd;--on-accent:#fbf3df;--good:#4f7a45;--good-soft:#dde7c9;--bad:#a8482c;--bad-soft:#ecd2c4;--amber:#b07d24;--card-bg:#f7eed7;--card-ink:#3a2f21;--card-line:#8a6f44;--card-shadow:3px 4px 0 rgba(58,47,33,.22);--pill-bg:#e7d6b3;--radius:14px;--radius-card:12px;--radius-pill:8px;--head:var(--font-serif);--body:var(--font-serif);--head-weight:700;--frame:#3a2f21;--bezel:#241c10;--hud-bg:rgba(244,234,208,.9);--grain:1}[data-theme=cardgame]{--bg:#eef1f8;--bg-2:#e2e7f3;--surface:#ffffff;--ink:#1b2030;--ink-soft:#6b7488;--line:#dde3ef;--accent:#2f6bff;--accent-soft:#e2ebff;--on-accent:#ffffff;--good:#16a96b;--good-soft:#d6f4e6;--bad:#ff5546;--bad-soft:#ffe1de;--amber:#f0a000;--card-bg:#ffffff;--card-ink:#1b2030;--card-line:#e6eaf2;--card-shadow:0 8px 20px rgba(27,32,48,.13);--pill-bg:#eef1f8;--radius:24px;--radius-card:20px;--radius-pill:999px;--head:var(--font-sans);--body:var(--font-sans);--head-weight:700;--frame:#11131a;--bezel:#000;--hud-bg:rgba(255,255,255,.88);--grain:0}[data-theme=dark]{--bg:#14151b;--bg-2:#1b1d26;--surface:#23252f;--ink:#ecebe5;--ink-soft:#9a9bab;--line:#33353f;--accent:#7c83ff;--accent-soft:#2a2c42;--on-accent:#0c0d12;--good:#3fcb8a;--good-soft:#173026;--bad:#ff6b5e;--bad-soft:#321f1d;--amber:#e0a93c;--card-bg:#272a34;--card-ink:#ecebe5;--card-line:#3a3d49;--card-shadow:0 10px 26px rgba(0,0,0,.5);--pill-bg:#2c2f3a;--radius:22px;--radius-card:18px;--radius-pill:999px;--head:var(--font-sans);--body:var(--font-sans);--head-weight:600;--frame:#2a2d38;--bezel:#000;--hud-bg:rgba(35,37,47,.85);--grain:0}*{box-sizing:border-box}body,html{margin:0;height:100%}body{background:radial-gradient(120% 90% at 50% -10%,var(--bg-2),var(--bg) 70%);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;overflow:hidden;transition:background .4s,color .4s;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:none}.stage{position:fixed;inset:0}.phone{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:390px;height:844px;background:var(--frame);border-radius:54px;padding:13px;box-shadow:0 2px 0 2px var(--bezel),0 40px 80px -20px rgba(0,0,0,.45)}.phone,.screen{transition:background .4s}.screen{position:relative;width:100%;height:100%;background:var(--bg);border-radius:42px;overflow:hidden;display:flex;flex-direction:column}.notch{left:50%;transform:translateX(-50%);width:150px;height:30px;background:var(--frame);border-radius:0 0 18px 18px;z-index:40}.notch,.statusbar{position:absolute;top:0}.statusbar{left:0;right:0;height:46px;justify-content:space-between;padding:0 26px;font-size:13px;font-weight:600;color:var(--ink);z-index:30;font-family:var(--font-sans)}.statusbar,.statusbar .dots{display:flex;align-items:center}.statusbar .dots{gap:5px}.app{position:absolute;inset:0;padding:54px 18px 22px;display:flex;flex-direction:column}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;font-family:var(--font-sans);font-weight:700;font-size:15px;background:var(--accent);color:var(--on-accent);border-radius:var(--radius-pill);padding:13px 22px;box-shadow:0 4px 0 color-mix(in srgb,var(--accent) 70%,#000);transition:transform .1s,box-shadow .1s,background .3s}.btn:active{transform:translateY(3px);box-shadow:0 1px 0 color-mix(in srgb,var(--accent) 70%,#000)}.btn[disabled]{opacity:.4;pointer-events:none}.btn.ghost{background:var(--surface);color:var(--ink);border:1.5px solid var(--line);box-shadow:0 3px 0 var(--line)}.btn.ghost:active{box-shadow:0 1px 0 var(--line)}.btn.sm{padding:9px 15px;box-shadow:0 3px 0 color-mix(in srgb,var(--accent) 70%,#000)}.btn.sm,.pill{font-size:13px}.pill{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-sans);font-weight:700;background:var(--pill-bg);color:var(--ink);border-radius:var(--radius-pill);padding:4px 11px}.pill.year{background:var(--ink);color:var(--bg)}.pill.good{background:var(--good);color:#fff}.pill.bad{background:var(--bad);color:#fff}.pill.accent{background:var(--accent);color:var(--on-accent)}.pill.ghost{background:transparent;border:1.5px dashed var(--line);color:var(--ink-soft)}.game .card{background:var(--card-bg);color:var(--card-ink);border:1.5px solid var(--card-line);border-radius:var(--radius-card);box-shadow:var(--card-shadow);display:flex;align-items:center;gap:11px;padding:11px 13px;position:relative}[data-theme=cardgame] .game .card,[data-theme=dark] .game .card{border-color:var(--card-line)}.game .card .ic{flex:0 0 auto;width:42px;height:42px;border-radius:12px;background:var(--accent-soft);display:flex;align-items:center;justify-content:center;font-size:23px;line-height:1}[data-theme=cardgame] .game .card .ic{border-radius:14px}.game .card .ttl{font-family:var(--head);font-weight:var(--head-weight);font-size:15px;line-height:1.22;letter-spacing:.1px}.game .card.sm{padding:8px 10px;gap:9px;border-radius:calc(var(--radius-card) - 4px)}.game .card.sm .ic{width:34px;height:34px;font-size:19px;border-radius:10px}.game .card.sm .ttl{font-size:13px}.game .card.lg .ic{width:64px;height:64px;font-size:34px;border-radius:18px}.game .card.lg .ttl{font-size:20px}.game .card.is-correct{border-color:var(--good);box-shadow:0 0 0 2px var(--good),var(--card-shadow)}.game .card.is-wrong{border-color:var(--bad);box-shadow:0 0 0 2px var(--bad),var(--card-shadow)}@keyframes popin{0%{transform:scale(.7);opacity:0}60%{transform:scale(1.06)}to{transform:scale(1);opacity:1}}@keyframes nudge{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@keyframes liftpop{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.pop{animation:popin .34s cubic-bezier(.2,1.3,.4,1)}.shake{animation:nudge .32s}.scorechip{display:inline-flex;align-items:baseline;gap:4px;font-family:var(--font-sans)}.scorechip b{font-size:20px;font-weight:700;color:var(--accent)}.scorechip span{font-size:11px;font-weight:600;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.6px}.streak{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:var(--bad)}.streak,.toast{font-family:var(--font-sans);font-weight:700}.toast{position:absolute;left:50%;transform:translateX(-50%);z-index:60;font-size:15px;color:#fff;border-radius:999px;padding:9px 18px;box-shadow:0 8px 20px rgba(0,0,0,.25);white-space:nowrap}.toast.good{background:var(--good)}.toast.bad{background:var(--bad)}.game .ghost{position:fixed;z-index:200;pointer-events:none;width:min(300px,82vw);transform:translate(-50%,calc(-100% - 18px)) rotate(-3deg)}.gap{height:10px;border-radius:999px;transition:height .14s,background .14s}.gap.armed{height:46px;background:var(--accent-soft);border:2px dashed var(--accent)}.noscroll::-webkit-scrollbar{display:none}.noscroll{scrollbar-width:none;-ms-overflow-style:none}[data-theme=almanac] .screen:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;opacity:.5;background-image:radial-gradient(rgba(120,90,40,.06) 1px,transparent 0);background-size:4px 4px}body,html{height:auto;min-height:100%}body{overflow:auto}.play-shell{display:flex;justify-content:center;background:radial-gradient(120% 80% at 50% -8%,var(--bg-2),var(--bg) 70%)}.app,.play-shell{min-height:100dvh}.app{position:relative;width:100%;max-width:980px;background:var(--bg);box-shadow:0 0 80px rgba(40,30,15,.06)}.game{position:absolute;inset:0;display:flex;flex-direction:column;padding:18px 18px 14px}.topbar{flex:0 0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.topbar .ttl{font-family:var(--head);font-weight:var(--head-weight);font-size:23px;line-height:1.04}.topbar .sub{font-family:var(--font-sans);font-size:10.5px;color:var(--ink-soft);margin-top:2px}.topbar .right{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.round-dots{gap:6px;margin-top:8px}.round-dots,.round-dots i{display:flex;align-items:center}.round-dots i{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--line);font-size:10px;font-weight:700;justify-content:center;color:var(--ink-soft);background:var(--surface);font-family:var(--font-sans)}.round-dots i.done{background:var(--good);border-color:var(--good);color:#fff}.round-dots i.now{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.rnd-lbl{font-family:var(--font-sans);font-size:11px;font-weight:700;color:var(--ink-soft);margin-left:2px;white-space:nowrap}.board{min-height:0;gap:20px;margin-top:12px}.board,.tl-pane{flex:1 1;display:flex}.tl-pane{min-width:0;flex-direction:column}.side{flex:0 0 290px;display:flex;flex-direction:column;gap:12px;min-height:0;overflow-y:auto}@media(max-width:899px){.board{flex-direction:column;gap:10px;max-width:560px;width:100%;margin:0 auto}.side{flex:0 0 auto;overflow:visible}}.instr{font-size:11px;font-weight:600;margin:0 0 8px;flex:0 0 auto}.endcap,.instr{font-family:var(--font-sans);color:var(--ink-soft);text-align:center}.endcap{font-size:9px;font-weight:700;letter-spacing:1.5px;padding:6px 0}.line{flex:1 1;overflow-y:auto;min-height:130px;display:flex;flex-direction:column}.line>.endcap:last-child{margin-top:auto}.empty-tl{text-align:center;color:var(--ink-soft);font-family:var(--font-sans);font-size:13px;padding:34px 0}.row{display:flex;gap:9px;align-items:stretch}.row .rail{width:15px;flex:0 0 auto;display:flex;flex-direction:column;align-items:center}.row .node{width:11px;height:11px;border-radius:50%;background:var(--ink);margin-top:14px;flex:0 0 auto;border:2px solid var(--bg);box-shadow:0 0 0 1.5px var(--ink)}.row .node.locked{background:var(--ink-soft);box-shadow:0 0 0 1.5px var(--ink-soft)}.row .node.correct{background:var(--good);box-shadow:0 0 0 1.5px var(--good)}.row .node.wrong{background:var(--bad);box-shadow:0 0 0 1.5px var(--bad)}.row .node.fresh{background:var(--accent);box-shadow:0 0 0 1.5px var(--accent)}.row .stem{width:2px;flex:1 1;background:var(--line);margin:3px 0;min-height:5px}.row .body{flex:1 1;min-width:0}.card.fresh{cursor:pointer}.qpill{display:inline-flex;align-items:center;justify-content:center;gap:2px;min-width:30px;height:22px;padding:0 9px;border-radius:var(--radius-pill);background:transparent;color:var(--accent);border:1.5px dashed var(--accent);font-weight:800;font-size:12.5px;font-family:var(--font-sans);font-feature-settings:normal;font-variant-numeric:normal}@keyframes flipy{0%{transform:rotateX(0)}45%{transform:rotateX(90deg)}55%{transform:rotateX(90deg)}to{transform:rotateX(0)}}.flip{animation:flipy .5s ease}.thumb{flex:0 0 auto;position:relative;overflow:hidden;border-radius:9px;background:var(--accent-soft);border:1.5px solid var(--card-line);display:flex;align-items:center;justify-content:center;line-height:1}.thumb .fr{position:absolute;inset:3px;border:1px solid rgba(255,255,255,.45);border-radius:3px;pointer-events:none}.thumb img{width:100%;height:100%;object-fit:contain;display:block}.tcard{background:var(--card-bg);color:var(--card-ink);border:1.5px solid var(--card-line);border-radius:12px;box-shadow:var(--card-shadow);display:flex;align-items:center;gap:11px;padding:8px 10px;position:relative}.tcard .thumb{width:40px;height:40px;font-size:21px}.tcard.fresh,.tcard.locked{cursor:pointer}.tcard.fresh{border-color:var(--accent);box-shadow:0 0 0 1.5px var(--accent),var(--card-shadow)}.tcard.is-correct{border-color:var(--good);box-shadow:0 0 0 1.5px var(--good),var(--card-shadow)}.tcard.is-wrong{border-color:var(--bad);box-shadow:0 0 0 1.5px var(--bad),var(--card-shadow)}.tbody{flex:1 1;min-width:0}.tbody .hl{font-family:var(--head);font-weight:600;font-size:13.5px;line-height:1.2;color:var(--card-ink);-webkit-line-clamp:2}.tbody .ctx,.tbody .hl{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.tbody .ctx{font-family:var(--font-sans);font-size:10.5px;color:var(--ink-soft);margin-top:2px;-webkit-line-clamp:1}.tcard .pill,.tcard .qpill{flex:0 0 auto}.tcard.drag{cursor:-webkit-grab;cursor:grab}.tcard.drag:active{cursor:-webkit-grabbing;cursor:grabbing}.node.anchor{background:var(--accent);box-shadow:0 0 0 1.5px var(--accent)}.tcard.anchor{cursor:pointer;border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent),var(--card-shadow)}.game.dragging .tcard{opacity:.5;transition:opacity .15s}.panel{background:var(--surface);border:1.5px solid var(--line);border-radius:16px;padding:12px;flex:0 0 auto}.hand-head{font-family:var(--font-sans);font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--ink-soft);margin-bottom:9px;text-align:center}.hand-stack{display:flex;flex-direction:column;gap:8px}.hand-card.stacked{position:static;width:100%;cursor:-webkit-grab;cursor:grab;touch-action:none;transition:transform .1s}.hand-card.stacked:active{cursor:-webkit-grabbing;cursor:grabbing}.hand-card.dragging-src{opacity:.22}.lock-bar{flex:0 0 auto;display:flex;justify-content:center}.lock-bar .btn{width:100%}.legend{font-family:var(--font-sans);font-size:10px;line-height:1.55;color:var(--ink-soft);padding:0 2px}.legend b.g{color:var(--good)}.legend b.r{color:var(--bad)}.reveal-panel{display:flex;flex-direction:column;gap:10px}.rp-card{border:2px solid var(--good);background:var(--good-soft);border-radius:16px;padding:11px 13px;text-align:center}.rp-card.partial{border-color:var(--amber);background:color-mix(in srgb,var(--amber) 14%,transparent)}.rp-card h3{margin:0;font-family:var(--head);font-weight:var(--head-weight);font-size:17px}.rp-card p{margin:3px 0 0;font-size:11px;color:var(--ink-soft)}.bonus{background:var(--ink);color:var(--bg);border-radius:14px;padding:8px 12px;text-align:center;font-family:var(--font-sans);font-size:11px;font-weight:700}.bonus b{color:var(--amber)}@media(max-width:899px){.carousel{margin-top:2px}.viewport{overflow:hidden;position:relative}.track{display:flex;gap:10px;will-change:transform}.track .hand-card{flex:0 0 84%;cursor:-webkit-grab;cursor:grab;touch-action:none}.track .hand-card:active{cursor:-webkit-grabbing;cursor:grabbing}.hand-card.dragging-src{opacity:.22}.carrow{gap:14px;margin-top:10px}.arrow,.carrow{display:flex;align-items:center;justify-content:center}.arrow{cursor:pointer;border:1.5px solid var(--line);background:var(--surface);border-radius:50%;width:32px;height:32px;font-size:16px;color:var(--accent);padding:0}.arrow:active{background:var(--accent-soft)}.dots{display:flex;gap:5px}.dots i{width:6px;height:6px;border-radius:50%;background:var(--line);transition:all .15s}.dots i.on{background:var(--accent);width:16px;border-radius:3px}}.grip{display:flex;gap:2.5px}.grip i{width:3px;height:3px;border-radius:50%;background:var(--line)}.game .chip{background:var(--card-bg);color:var(--card-ink);border:1.5px solid var(--accent);border-radius:13px;box-shadow:0 0 0 2px var(--accent),var(--card-shadow);display:flex;align-items:center;gap:10px;padding:9px 11px;text-align:left}.game .chip .thumb{flex:0 0 auto;width:42px;height:42px;font-size:21px}.game .chip .chip-txt{min-width:0;display:flex;flex-direction:column;gap:2px}.game .chip .chip-hl{font-family:var(--head);font-weight:600;font-size:14px;line-height:1.18;color:var(--card-ink)}.game .chip .chip-sub{font-family:var(--font-sans);font-size:10.5px;line-height:1.3;color:var(--ink-soft)}.game .mini{background:var(--card-bg);color:var(--card-ink);border:1.5px solid var(--card-line);border-radius:13px;box-shadow:var(--card-shadow);padding:8px 9px 9px;display:flex;flex-direction:column;gap:6px;text-align:left}.game .mini .mini-top{display:flex;align-items:center;justify-content:flex-end;min-height:5px}.game .mini .mini-main{display:flex;gap:9px;align-items:flex-start}.game .mini .thumb{flex:0 0 auto;width:46px;height:46px;font-size:22px}.game .mini .mini-txt{min-width:0;display:flex;flex-direction:column;gap:3px}.game .mini .ttl{font-family:var(--head);font-weight:600;font-size:13.5px;line-height:1.18;color:var(--card-ink)}.game .mini .sub,.game .mini .ttl{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.game .mini .sub{font-family:var(--font-sans);font-size:10px;line-height:1.32;color:var(--ink-soft)}.hand-stack .mini .sub,.hand-stack .mini .ttl,.track .mini .sub,.track .mini .ttl{-webkit-line-clamp:unset;display:block;overflow:visible}.detail{position:absolute;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--ink) 38%,transparent);padding:24px}.sheet{position:relative;width:100%;max-width:340px;background:var(--card-bg);border:1.5px solid var(--card-line);border-radius:18px;box-shadow:0 24px 50px -16px rgba(0,0,0,.5);overflow:hidden}.sheet .x{position:absolute;top:10px;right:10px;z-index:2;width:30px;height:30px;border-radius:50%;background:rgba(0,0,0,.45);color:#fff;border:none;cursor:pointer;font:700 15px/1 var(--font-sans)}.sheet .pic,.sheet .x{display:flex;align-items:center;justify-content:center}.sheet .pic{position:relative;height:168px;background:#23252f;font-size:68px;line-height:1}.sheet .pic img{max-width:100%;max-height:100%;object-fit:contain}.sheet .pad{padding:14px 16px 16px;display:flex;flex-direction:column;gap:10px}.sheet .top{display:flex;align-items:flex-start;gap:10px}.sheet .hl{flex:1 1;font-family:var(--head);font-weight:700;font-size:18px;line-height:1.16}.sheet .ctx{font-family:var(--font-sans);font-size:12px;color:var(--ink-soft)}.sheet .story{font-family:var(--head);font-size:13.5px;line-height:1.5;color:var(--card-ink);border-left:3px solid var(--accent);padding-left:11px}.sheet .credit{font-family:var(--font-sans);font-size:9.5px;letter-spacing:.3px;color:var(--ink-soft)}.results{position:absolute;inset:0;z-index:80;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 26px;text-align:center;gap:6px}.results .big{font-size:clamp(54px,16vw,72px);line-height:.95;color:var(--accent)}.results .big,.results h2{font-family:var(--head);font-weight:var(--head-weight)}.results h2{font-size:24px;margin:0}.results .barwrap{width:100%;max-width:240px;margin:12px 0 6px;display:flex;flex-direction:column;gap:7px}.results .barrow{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:700;font-family:var(--font-sans)}.results .bar{flex:1 1;height:9px;border-radius:6px;background:var(--line);overflow:hidden}.results .bar>i{display:block;height:100%;background:var(--good)}