@font-face{font-family:Literata;src:url(/fonts/literata.woff2)format("woff2");font-weight:200 900;font-style:normal;font-display:swap}@font-face{font-family:Literata;src:url(/fonts/literata-italic.woff2)format("woff2");font-weight:200 900;font-style:italic;font-display:swap}:root{--scheme:light;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f2e4;--bg-2:#eef5e6;--surface:#fffffff0;--surface-2:#21372b0d;--surface-3:#21372b14;--line:#21372b24;--text:#21372b;--text-soft:#5b6f63;--text-faint:#21372b73;--accent:#ff8a5c;--accent-2:#ffc94a;--leaf:#3f8f4f;--sky:#4f8fd0;--gold:#d99a1e;--good:#2f9a5a;--bad:#d9483b;--heat:#f07a2a;--k4:#3f8f4f;--k27:#3d6fb5;--k9:#7a4fa0;--board:#fbfaf2;--board-edge:#e3dcc6;--grid:#21372b24;--channel:#d5e8f5;--channel-shadow:#a9c9e0;--thread:#3f78b073;--band:#4b3d5e;--band-bead:#6a5a82;--arm:#dff0d6;--arm-line:#9cc98a;--gene:#2f8a4f;--gene-broken:#d9483b;--ink:#21372b;--ink-soft:#5b6f63;--paper:#fffdf6;--shadow:#283c1e2e;--seal:#2f8a4f;--sirna:#c98a12;--hp:#2f9a5a;--hp-back:#21372b26;--e-copier:#e06a35;--e-gypsy:#a8552c;--e-jumper:#8a5cc8;--e-line:#3a72c0;--e-sine:#2a9cc2;--e-roller:#c99a12;--e-onsen:#e8411f;--e-evade:#3a1626;--display:"Literata", Georgia, serif;--ui:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--ease:cubic-bezier(.22, .61, .36, 1);--pop:cubic-bezier(.34, 1.56, .64, 1);--lift:0 1px 0 #283c1e0f, 0 10px 26px -12px #283c1e47;--lift-hi:0 2px 0 #283c1e0f, 0 18px 40px -14px #283c1e61;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px)}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:radial-gradient(1100px 650px at 10% -10%, #ffd66659, transparent 60%), radial-gradient(900px 600px at 110% 0%, #8cc8f059, transparent 60%), radial-gradient(1100px 800px at 50% 120%, #78be6e4d, transparent 60%), linear-gradient(180deg, var(--bg-2), var(--bg));color:var(--text);font-family:var(--ui);-webkit-font-smoothing:antialiased;overscroll-behavior:none;background-attachment:fixed;font-size:15px;line-height:1.5;overflow:hidden}button{font:inherit;color:inherit}a{color:var(--gold)}kbd{font-family:var(--ui)}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--sky);outline-offset:2px}h1,h2,h3{font-family:var(--display);letter-spacing:-.01em;font-weight:650}#app{-webkit-tap-highlight-color:transparent;position:fixed;top:0;bottom:0;left:0;right:0}.stage{position:absolute;top:0;bottom:0;left:0;right:0}.noscript{padding:2rem}.i-gene,.i-sirna{width:18px;height:18px;-webkit-mask:var(--m) center / contain no-repeat;-webkit-mask:var(--m) center / contain no-repeat;mask:var(--m) center / contain no-repeat;background:currentColor;flex:none;display:inline-block}.i-gene{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 12h20' stroke='black' stroke-width='1.6'/%3E%3Crect x='3' y='8.5' width='5' height='7' rx='1'/%3E%3Crect x='10.5' y='8.5' width='4' height='7' rx='1'/%3E%3Crect x='16.5' y='8.5' width='5' height='7' rx='1'/%3E%3C/svg%3E");color:var(--gene)}.i-sirna{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M3 9c3-4 6 4 9 0s6 4 9 0'/%3E%3Cpath d='M3 16c3-4 6 4 9 0s6 4 9 0' opacity='.55'/%3E%3C/svg%3E");color:var(--sirna)}.i-sirna.sm{vertical-align:-2px;width:13px;height:13px;margin-right:2px}.i-play{border-top:7px solid #0000;border-bottom:7px solid #0000;border-left:11px solid;width:0;height:0;display:inline-block}.btn{border:1px solid var(--line);min-height:42px;color:var(--text);cursor:pointer;transition:transform .18s var(--pop), box-shadow .18s var(--ease), background .18s;background:#ffffffbf;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:9px 18px;font-weight:600;display:inline-flex}.btn:hover:not(:disabled){box-shadow:var(--lift);background:#fff;transform:translateY(-2px)}.btn:active:not(:disabled){transform:translateY(0)scale(.98)}.btn:disabled{opacity:.4;cursor:default}.btn.primary{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#3a1f08;border-color:#0000;box-shadow:0 8px 22px -8px #ff8a5cb3}.btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#ff9a70,#ffd25e);box-shadow:0 12px 28px -8px #ff8a5cd9}.btn.ghost{background:0 0}.btn.big{min-height:50px;padding:12px 24px;font-size:17px}.btn.small{min-height:34px;padding:5px 12px;font-size:14px}.btn.danger{color:var(--bad)}.btn small{opacity:.75;font-size:12px;font-weight:500}.btn .cost{opacity:.9;align-items:center;font-size:13px;display:inline-flex}.link{cursor:pointer;color:var(--gold);text-underline-offset:3px;background:0 0;border:0;padding:4px 0;font-weight:600;text-decoration:underline;text-decoration-thickness:1px}.icon-btn{border:1px solid var(--line);background:var(--surface);cursor:pointer;-webkit-backdrop-filter:blur(8px);min-width:40px;height:40px;transition:transform .15s var(--pop), background .15s;border-radius:999px;place-items:center;padding:0 10px;font-size:16px;font-weight:700;line-height:1;display:inline-grid}.icon-btn:hover{background:#fff;transform:scale(1.06)}.icon-btn.sound{font-size:18px}.icon-btn.sound.off{opacity:.55}.chip{border:1px solid var(--line);background:var(--surface-2);white-space:nowrap;border-radius:999px;padding:1px 9px;font-size:12px;font-weight:700;display:inline-block}.chip.heat{background:var(--heat);color:#fff;border-color:#0000;animation:1.2s ease-in-out infinite blink}.chip.line{background:var(--text);color:#fff;border-color:#0000;font-style:italic}@keyframes blink{50%{opacity:.65}}.stars{color:var(--gold);letter-spacing:1px}.stars.sm{font-size:13px}.stars .dim{color:var(--line)}.mini-stars{color:var(--gold);font-size:11px}.seg{border:1px solid var(--line);background:var(--surface-2);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.seg.wrap{border-radius:18px;flex-wrap:wrap}.seg button{cursor:pointer;color:var(--text-soft);background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:13px;font-weight:600;display:inline-flex}.seg button.on{background:var(--leaf);color:#fff}.seg button:disabled{opacity:.35;cursor:default}.k4{color:var(--k4);font-weight:700}.k27{color:var(--k27);font-weight:700}.k9{color:var(--k9);font-weight:700}.logo{background:linear-gradient(135deg,#5fb36a,#2f8a4f);border-radius:16px;flex:none;place-items:center;width:54px;height:54px;display:grid;transform:rotate(-4deg);box-shadow:0 8px 20px -6px #2f8a4f99}.logo svg{width:70%;height:70%}.logo.big{border-radius:20px;width:76px;height:76px}#app[data-mode=hub] .stage{overscroll-behavior:contain;overflow-y:auto}.hub{max-width:1180px;padding:calc(20px + var(--safe-t)) 20px calc(40px + var(--safe-b));margin:0 auto}.hub-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.brand{align-items:center;gap:16px;display:flex}.hub-tools{flex:none;align-items:center;gap:8px;display:flex}.home-link{color:inherit;padding:0 14px;font-size:14px;text-decoration:none}.home-link:hover{color:inherit;text-decoration:none}.home-link:focus-visible{color:inherit;text-decoration:none}@media (max-width:560px){.hub-head{flex-direction:column-reverse;align-items:stretch;gap:12px}.hub-tools{justify-content:space-between}}.brand h1{margin:0;font-size:clamp(34px,6vw,56px);line-height:1}.brand .tag{color:var(--text-soft);margin:6px 0 0;font-size:clamp(14px,2vw,17px)}.hub-intro{grid-template-columns:1fr auto;align-items:center;gap:16px;margin:22px 0;display:grid}.hub-intro p{max-width:64ch;margin:0;font-size:16px}.hub-actions{flex-wrap:wrap;gap:10px;display:flex}.album-count{color:#3a2a05;background:#ffd25e;border-radius:999px;place-items:center;min-width:46px;height:26px;padding:0 8px;font-size:13px;font-weight:800;display:inline-grid}.hub-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px;display:grid}.game-card{text-align:left;cursor:pointer;border:1px solid color-mix(in srgb, var(--hue) 45%, transparent);background:linear-gradient(170deg, color-mix(in srgb, var(--hue) 14%, #fff), #fff 65%);box-shadow:var(--lift);transition:transform .25s var(--pop), box-shadow .25s var(--ease), border-color .25s;animation:cardIn .5s var(--ease) both;border-radius:22px;padding:0;position:relative;overflow:hidden}.game-card:hover{box-shadow:0 24px 46px -16px color-mix(in srgb, var(--hue) 60%, transparent);border-color:var(--hue);transform:translateY(-5px)rotate(-.4deg)}.game-card:active{transform:translateY(-1px)scale(.99)}@keyframes cardIn{0%{opacity:0;transform:translateY(14px)}}.preview-wrap{aspect-ratio:16/8.5;position:relative}.preview{width:100%;height:100%;display:block}.start-here{color:#3a2a05;background:#ffd25e;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:800;position:absolute;top:10px;left:10px;box-shadow:0 4px 14px -4px #d99a1eb3}.card-body{padding:14px 18px 16px}.card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.kind{letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb, var(--hue,var(--leaf)) 80%, black);font-size:12px;font-weight:800}.time{color:var(--text-soft);font-size:12px;font-weight:600}.game-card h3{margin:4px 0 6px;font-size:23px}.learn{color:var(--text-soft);margin:0 0 12px;font-size:14px}.card-foot{justify-content:space-between;align-items:center;gap:8px;display:flex}.chips{flex-wrap:wrap;gap:4px;display:flex}.chips .chip{font-size:11px}.chips .chip.more{opacity:.7}.hub-foot{color:var(--text-soft);justify-content:space-between;align-items:center;gap:16px;margin-top:28px;font-size:13.5px;display:flex}.hub-foot p{max-width:70ch;margin:0}.overlay{z-index:20;padding:calc(16px + var(--safe-t)) 14px calc(16px + var(--safe-b));place-items:center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0;overflow:auto}.overlay.dim{-webkit-backdrop-filter:blur(5px);background:#f0ecdc99}.overlay.full{-webkit-backdrop-filter:blur(8px);background:#f6f2e4eb;place-items:stretch center}.overlay>*{animation:pop .32s var(--pop)}@keyframes pop{0%{opacity:0;transform:translateY(12px)scale(.97)}}.card{background:linear-gradient(170deg, color-mix(in srgb, var(--hue,#3f8f4f) 12%, #fff), #fff 70%);border:1px solid var(--line);width:min(100%,600px);box-shadow:var(--lift-hi);border-radius:24px;padding:24px 26px}.card h2{margin:2px 0 6px;font-size:28px;line-height:1.15}.card .lede{margin:6px 0 12px;font-size:16px}.card .sub{color:var(--text-soft);margin:0}.intro-head{justify-content:space-between;align-items:center;display:flex}.tour-step{color:var(--gold);font-size:12px;font-weight:800}.how{gap:6px;margin:0 0 14px;padding-left:22px;display:grid}.how li::marker{color:var(--gold);font-weight:800}.meet h4{text-transform:uppercase;letter-spacing:.08em;color:var(--text-soft);margin:4px 0 8px;font-size:12px}.meet-row{flex-wrap:wrap;gap:8px;margin:6px 0 4px;display:flex}.p-chip{cursor:pointer;border:1px solid color-mix(in srgb, var(--hue) 55%, transparent);background:color-mix(in srgb, var(--hue) 18%, transparent);transition:transform .15s var(--pop), background .15s;border-radius:999px;align-items:center;gap:6px;padding:3px 12px 3px 3px;display:inline-flex}.p-chip:hover{background:color-mix(in srgb, var(--hue) 30%, transparent);transform:translateY(-2px)}.p-chip span{text-align:left;line-height:1.15;display:grid}.p-chip b{font-size:14px}.p-chip small{color:var(--text-soft);font-size:11.5px}.p-chip.sm b{font-size:12.5px}.p-chip.sm small{font-size:10.5px}.actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin-top:16px;display:flex}.actions.spread{justify-content:space-between}.result-head{text-align:center;justify-items:center;gap:6px;margin-bottom:12px;display:grid}.big-stars{gap:6px;font-size:46px;line-height:1;display:flex}.big-stars i{color:#21372b1f;font-style:normal}.big-stars i.on{color:#ffc22e;text-shadow:0 2px 10px #d99a1e80;animation:starPop .5s var(--pop) both}@keyframes starPop{0%{opacity:0;transform:scale(.2)rotate(-40deg)}}.result.lost h2{color:var(--bad)}.best{background:var(--good);color:#fff;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:800}.stats{grid-template-columns:1fr auto;gap:4px 14px;margin:8px 0;font-size:14px;display:grid}.stats dt{color:var(--text-soft)}.stats dd{text-align:right;font-variant-numeric:tabular-nums;margin:0;font-weight:700}.stats .next{color:var(--good)}.takeaway{background:var(--surface-2);border-left:4px solid var(--gold);border-radius:16px;margin:14px 0 6px;padding:14px 16px}.takeaway h4{text-transform:uppercase;letter-spacing:.08em;color:var(--gold);margin:0 0 4px;font-size:12px}.takeaway p{margin:0}.stickers{z-index:40;right:calc(14px + var(--safe-r));bottom:calc(110px + var(--safe-b));pointer-events:none;gap:8px;display:grid;position:absolute}.sticker{background:linear-gradient(135deg, color-mix(in srgb, var(--hue) 22%, #fff), #fff);border:1px solid color-mix(in srgb, var(--hue) 60%, transparent);box-shadow:var(--lift-hi);animation:stickerIn .5s var(--pop);border-radius:999px;align-items:center;gap:10px;padding:6px 16px 6px 6px;transition:opacity .4s,transform .4s;display:flex}.sticker small{color:var(--gold);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:800;display:block}.sticker b{font-size:14px}.sticker.out{opacity:0;transform:translate(30px)}@keyframes stickerIn{0%{opacity:0;transform:translate(60px)rotate(8deg)scale(.8)}}.album{flex-direction:column;gap:12px;width:min(100%,1060px);height:100%;display:flex}.album-top{align-items:center;gap:12px;display:flex}.album-top h1{flex:1;margin:0;font-size:30px}.tabs{border:1px solid var(--line);background:var(--surface-2);border-radius:999px;align-self:flex-start;padding:3px;display:inline-flex}.tabs button{cursor:pointer;color:var(--text-soft);background:0 0;border:0;border-radius:999px;padding:6px 14px;font-weight:700}.tabs button.on{background:var(--leaf);color:#fff}.album-body{flex:1;grid-template-columns:minmax(280px,42%) 1fr;gap:14px;min-height:0;display:grid}.album-list{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));align-content:start;gap:8px;padding-right:4px;display:grid;overflow:auto}.slot{cursor:pointer;border:1px solid color-mix(in srgb, var(--hue,#5b8fe0) 40%, transparent);background:color-mix(in srgb, var(--hue,#5b8fe0) 14%, transparent);transition:transform .15s var(--pop);border-radius:16px;justify-items:center;gap:2px;padding:8px 4px;display:grid}.slot:hover{transform:translateY(-2px)}.slot.on{outline:2px solid var(--leaf)}.slot b{font-size:13px}.slot small{color:var(--text-soft);text-align:center;font-size:10.5px;line-height:1.2}.slot.locked{filter:grayscale();opacity:.5}.slot .q{border:2px dashed var(--line);width:52px;height:52px;color:var(--text-faint);border-radius:50%;place-items:center;font-weight:800;display:grid}.slot.wide{text-align:left;grid-column:1/-1;justify-items:start;padding:10px 14px}.album-detail{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:18px 22px;overflow:auto}.album-empty{color:var(--text-soft)}.entry h2{margin:0;font-size:32px}.entry .role{color:color-mix(in srgb, var(--hue,var(--leaf)) 80%, black);margin:0;font-weight:700}.entry-head{align-items:center;gap:14px;margin-bottom:6px;display:flex}.entry .lede{font-size:16.5px;font-weight:700}.lab{background:var(--surface-2);border-left:4px solid var(--k27);border-radius:14px;margin-top:14px;padding:12px 16px}.lab summary{cursor:pointer;text-transform:uppercase;letter-spacing:.06em;color:var(--text-soft);font-size:13px;font-weight:800}.lab p{margin:8px 0}.cites{color:var(--text-soft);margin:6px 0 0;padding-left:18px;font-size:13px}.cites li{margin:4px 0}.cites a{font-weight:700}.seen{color:var(--text-soft);font-size:14px}.back-list{display:none}.settings h2{margin-bottom:12px}.toggle{border-top:1px solid var(--line);cursor:pointer;align-items:flex-start;gap:12px;padding:12px 0;display:flex}.toggle input{opacity:0;pointer-events:none;position:absolute}.toggle .knob{background:var(--surface-3);border-radius:999px;flex:none;width:44px;height:26px;margin-top:2px;transition:background .2s;position:relative}.toggle .knob:after{content:"";width:20px;height:20px;transition:transform .25s var(--pop);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.toggle input:checked+.knob{background:var(--good)}.toggle input:checked+.knob:after{transform:translate(18px)}.toggle input:focus-visible+.knob{outline:2px solid var(--gold);outline-offset:2px}.toggle b{display:block}.toggle small{color:var(--text-soft)}.pause{text-align:center;width:min(100%,380px)}.stack{gap:8px;margin-top:14px;display:grid}.game{flex-direction:column;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.g-head{padding:calc(10px + var(--safe-t)) calc(12px + var(--safe-r)) 10px calc(12px + var(--safe-l));flex:none;align-items:center;gap:10px;display:flex;position:relative}.g-title{flex:1;min-width:0;line-height:1.2;display:grid}.g-title b{font-family:var(--display);font-size:20px}.g-status{color:var(--text-soft);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.g-score{font-variant-numeric:tabular-nums;color:var(--gold);padding:0 6px;font-size:22px;font-weight:800}.g-timer{background:var(--surface-2);border-radius:3px;height:5px;position:absolute;bottom:2px;left:12px;right:12px;overflow:hidden}.g-timer i{background:linear-gradient(90deg, var(--good), var(--gold));transform-origin:0;transition:transform .2s linear;position:absolute;top:0;bottom:0;left:0;right:0}.g-timer.low i{background:var(--bad)}.canvas-wrap{flex:1;min-height:0;position:relative}.full-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.float-tip{opacity:0;text-align:center;background:var(--surface);border:1px solid var(--line);max-width:min(92%,560px);box-shadow:var(--lift-hi);transition:opacity .3s, transform .3s var(--pop);pointer-events:none;border-radius:16px;padding:10px 16px;font-weight:600;position:absolute;bottom:14px;left:50%;transform:translate(-50%,10px)}.float-tip.show{opacity:1;transform:translate(-50%)}.q-stage{flex:1;grid-template-rows:auto 1fr auto;justify-items:center;gap:8px;min-height:0;padding:6px 14px;display:grid}.q-label{font-family:var(--display);text-align:center;margin:0;font-size:clamp(18px,3vw,24px)}.q-card{touch-action:none;border:1px solid var(--line);width:min(100%,720px);height:100%;min-height:200px;box-shadow:var(--lift-hi);transition:transform .35s var(--ease), opacity .35s;background:radial-gradient(circle at 50% 30%,#fff,#eef6e8);border-radius:26px;position:relative}.q-card.in{animation:cardIn .35s var(--pop)}.q-card.out-on{opacity:0;transform:translate(-120%)rotate(-12deg)}.q-card.out-het{opacity:0;transform:translate(120%)rotate(12deg)}.q-card.out-pc{opacity:0;transform:translateY(80%)rotate(4deg)}.q-canvas{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.q-feedback{text-align:center;max-width:640px;min-height:3em;color:var(--text-soft);font-weight:600}.q-feedback.ok{color:var(--good)}.q-feedback.bad{color:var(--bad)}.q-answers{padding:10px 14px calc(14px + var(--safe-b));grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:760px;margin:0 auto;display:grid}.q-btn{cursor:pointer;border:2px solid var(--c);background:color-mix(in srgb, var(--c) 14%, #fff);color:color-mix(in srgb, var(--c) 75%, black);transition:transform .15s var(--pop), background .15s;border-radius:18px;justify-items:center;gap:1px;padding:12px 8px;display:grid;position:relative}.q-btn:hover{background:color-mix(in srgb, var(--c) 26%, #fff);transform:translateY(-3px)}.q-btn:active{transform:scale(.97)}.q-btn b{letter-spacing:.04em;font-size:22px}.q-btn small{opacity:.9;font-size:13px}.q-btn kbd{opacity:.6;font-size:12px;position:absolute;top:6px;right:10px}.lr-buttons{padding:10px 14px calc(14px + var(--safe-b));grid-template-columns:1fr 1fr;gap:10px;display:grid}.lr{cursor:pointer;transition:transform .15s var(--pop);border:2px solid;border-radius:18px;justify-items:center;padding:12px;font-size:16px;display:grid}.lr:active{transform:scale(.97)}.lr.L{background:#3f9f621f;border-color:#3f9f62}.lr.R{background:#c85a8a1f;border-color:#c85a8a}.lr small{color:var(--text-soft)}.pz-top{grid-template-columns:1fr auto;align-items:start;gap:14px;padding:0 16px;display:grid}.pz-story{max-width:70ch;margin:0;font-size:15px}.pz-goals{gap:4px;min-width:230px;margin:0;padding:0;list-style:none;display:grid}.pz-goals li{color:var(--text-soft);align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.pz-goals li.ok{color:var(--good)}.pz-goals .tick{border:2px solid;border-radius:6px;flex:none;place-items:center;width:20px;height:20px;font-size:12px;display:grid}.pz-msg{opacity:0;background:var(--surface);border:1px solid var(--line);text-align:center;max-width:min(92%,560px);transition:opacity .25s, transform .25s var(--pop);pointer-events:none;border-radius:14px;padding:8px 14px;font-weight:600;position:absolute;top:10px;left:50%;transform:translate(-50%,-6px)}.pz-msg.show{opacity:1;transform:translate(-50%)}.pz-msg.bad{border-color:var(--bad);color:#a8302a;background:#fff3f1}.pz-bottom{padding:8px 14px calc(12px + var(--safe-b));align-items:center;gap:10px;display:flex}.pz-tools{scrollbar-width:none;flex:1;gap:8px;padding-top:8px;display:flex;overflow-x:auto}.pz-tool{cursor:pointer;border:2px solid color-mix(in srgb, var(--hue) 50%, transparent);background:color-mix(in srgb, var(--hue) 12%, #fff);transition:transform .15s var(--pop);border-radius:18px;flex:none;align-items:center;gap:6px;padding:4px 14px 4px 4px;display:flex;position:relative}.pz-tool:hover:not(:disabled){transform:translateY(-2px)}.pz-tool.on{border-color:var(--gold);transform:translateY(-3px);box-shadow:0 0 0 3px #d99a1e4d}.pz-tool:disabled{opacity:.4}.pz-tool span{text-align:left;line-height:1.15;display:grid}.pz-tool small{color:var(--text-soft);font-size:11.5px}.pz-tool em{color:#3a2a05;background:#ffd25e;border-radius:999px;padding:0 6px;font-size:11px;font-style:normal;font-weight:800;position:absolute;top:-6px;right:-4px}.pz-win{background:var(--surface);border:1px solid var(--good);width:min(94%,560px);box-shadow:var(--lift-hi);animation:pop .35s var(--pop);border-radius:20px;padding:16px 20px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.pz-win h3{margin:2px 0 4px;font-size:22px}.pz-win p{margin:0 0 10px}.pz-win .stars{font-size:22px}.lanes{padding:10px 14px calc(14px + var(--safe-b));grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.lane-btn{cursor:pointer;touch-action:none;border:2px solid var(--c);background:color-mix(in srgb, var(--c) 12%, #fff);border-radius:18px;justify-items:center;gap:2px;padding:14px 6px;transition:transform 80ms,background 80ms;display:grid;position:relative}.lane-btn.down{background:color-mix(in srgb, var(--c) 45%, #fff);transform:scale(.95)}.lane-btn b{color:color-mix(in srgb, var(--c) 80%, black);font-size:22px}.lane-btn span{color:var(--text-soft);text-align:center;font-size:12.5px}.lane-btn kbd{opacity:.6;font-size:12px;position:absolute;top:6px;right:10px}.vrn-tokens{box-shadow:var(--lift);background:#ffffffd9;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:700;display:flex;position:absolute;top:46%;right:14px}.vrn-tokens i{border:2px solid #3f88c8;border-radius:50%;width:14px;height:14px}.vrn-tokens i.on{background:#3f88c8;box-shadow:0 0 10px #3f88c8b3}.dt-body{min-height:0;padding:0 16px calc(16px + var(--safe-b));flex:1;align-content:start;gap:12px;width:100%;max-width:1100px;margin:0 auto;display:grid;overflow:auto}.dt-brief h2{margin:0;font-size:24px}.dt-brief p{color:var(--text-soft);max-width:75ch;margin:4px 0 0}.dt-tracks{border:1px solid var(--line);border-radius:16px;width:100%;height:clamp(260px,46vh,420px);display:block}.dt-answer{gap:8px;display:grid}.dt-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dt-row>b{min-width:70px}.chip-btn{border:1px solid var(--line);background:var(--surface-2);cursor:pointer;transition:transform .12s var(--pop);border-radius:999px;padding:7px 14px;font-weight:700}.chip-btn:hover:not(:disabled){transform:translateY(-2px)}.chip-btn.on{background:var(--leaf);color:#fff;border-color:#0000}.chip-btn.tall{border-radius:16px;justify-items:start;padding:8px 14px;display:grid}.chip-btn.tall small{color:var(--text-soft);font-weight:500}.dt-verdict{animation:pop .3s var(--pop);border:1px solid;border-radius:18px;padding:14px 18px}.dt-verdict.ok{border-color:var(--good);background:#effaf2}.dt-verdict.bad{border-color:var(--bad);background:#fff3f1}.dt-verdict p{margin:4px 0 10px}.seq-box{border:1px solid var(--line);background:#fff;border-radius:16px;gap:6px;padding:14px;display:grid;overflow-x:auto}.seq{align-items:center;gap:3px;display:flex}.seq-label{width:92px;color:var(--text-soft);flex:none;font-size:12px;font-weight:700}.base{background:#21372b0a;border:1px solid #0000;border-radius:7px;flex:none;place-items:center;width:28px;height:32px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:16px;font-weight:800;display:grid}button.base{cursor:pointer;border-color:var(--line)}button.base:disabled{cursor:default;border-color:#0000}.b-A{color:#2f8a4f}.b-T{color:#d0453a}.b-G{color:#b07d0e}.b-C{color:#2f6fb8}.base.on{border-color:var(--gold);background:#ffc94a59}.base.right{box-shadow:inset 0 0 0 2px var(--good)}.base.conv{background:#d9483b1f}.base.kept{background:#2f6fb824}.base.lp{background:0 0;grid-template-rows:1fr auto;height:44px;display:grid}.base.lp i{border:2px solid var(--c);background:color-mix(in srgb, var(--c) calc(var(--f) * 100%), transparent);border-radius:50%;width:16px;height:16px}.base.lp small{font-size:9px;font-family:var(--ui);color:var(--text-soft)}.td .board{touch-action:manipulation;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.hud{z-index:3;padding:calc(10px + var(--safe-t)) calc(12px + var(--safe-r)) 8px calc(12px + var(--safe-l));pointer-events:none;justify-content:space-between;align-items:center;gap:10px;display:flex;position:absolute;top:0;left:0;right:0}.hud>*{pointer-events:auto}.hud-left,.hud-right{align-items:center;gap:8px;min-width:0;display:flex}.hud-title{align-items:baseline;gap:8px;min-width:0;padding:0 4px;display:flex}.hud-title .gen{color:var(--leaf);font-weight:800}.hud-title .lvl{font-family:var(--display);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.hud-stats{background:var(--surface);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;align-items:center;gap:2px;padding:4px 6px;display:flex}.stat{font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:5px;padding:3px 10px;display:flex;position:relative}.stat+.stat{border-left:1px solid var(--line)}.stat b{font-size:17px;font-weight:800}.stat small{color:var(--text-soft);font-size:12px}.stat.genes.low b{color:var(--bad);animation:.9s ease-in-out infinite blink}.stat .float{color:var(--sirna);white-space:nowrap;animation:floatUp 1.6s var(--ease) forwards;font-size:12px;font-weight:800;position:absolute;top:100%;left:50%;transform:translate(-50%)}@keyframes floatUp{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,14px)}}.paused-tag{left:50%;top:calc(64px + var(--safe-t));background:var(--text);color:#fff;border-radius:999px;padding:2px 12px;font-size:13px;font-weight:700;position:absolute;transform:translate(-50%)}.tray{z-index:3;padding:8px calc(12px + var(--safe-r)) calc(10px + var(--safe-b)) calc(12px + var(--safe-l));pointer-events:none;align-items:flex-end;gap:10px;display:flex;position:absolute;bottom:0;left:0;right:0}.tray>*{pointer-events:auto}.tray-list{scrollbar-width:none;background:var(--surface);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;gap:4px;min-width:0;margin-right:auto;padding:5px;display:flex;overflow-x:auto}.tray-list::-webkit-scrollbar{display:none}.t-btn{cursor:pointer;width:80px;transition:background .15s, transform .18s var(--pop);background:0 0;border:1px solid #0000;border-radius:14px;flex-direction:column;flex:none;align-items:center;padding:5px 3px 4px;display:flex;position:relative}.t-btn:hover:not(:disabled){background:color-mix(in srgb, var(--hue) 20%, transparent)}.t-btn.on{background:color-mix(in srgb, var(--hue) 30%, transparent);border-color:var(--gold);transform:translateY(-4px)}.t-btn .p-icon{margin-bottom:-2px}.t-name{font-size:13px;font-weight:800;line-height:1.1}.t-role{color:var(--text-soft);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:10px;line-height:1.15;overflow:hidden}.t-cost{color:var(--sirna);font-variant-numeric:tabular-nums;align-items:center;font-size:12px;font-weight:700;display:inline-flex}.t-btn.poor .t-cost{color:var(--bad)}.t-btn.poor .p-icon{opacity:.5}.t-btn kbd{color:var(--text-faint);font-size:10px;position:absolute;top:3px;right:6px}.t-btn:disabled{cursor:not-allowed;opacity:.4}.wave-btn{border:1px solid var(--line);cursor:pointer;background:var(--surface);min-width:136px;min-height:66px;color:var(--text-soft);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .18s var(--pop), box-shadow .18s;border-radius:20px;flex-direction:column;flex:none;justify-content:center;align-items:center;padding:8px 18px;display:flex}.wave-btn b{font-size:16px;font-weight:800}.wave-btn small{opacity:.85;font-size:12px}.wave-btn.ready{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#3a1f08;border-color:#0000;box-shadow:0 10px 24px -8px #ff8a5cbf}.wave-btn.ready:hover{transform:translateY(-3px)}.wave-btn:disabled{cursor:default}.pulse{animation:1.3s ease-in-out infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 #ffaa28bf}50%{box-shadow:0 0 0 10px #ffaa2800}}.panel{z-index:4;right:calc(12px + var(--safe-r));top:calc(66px + var(--safe-t));width:320px;max-height:calc(100% - 66px - 118px - var(--safe-t) - var(--safe-b));background:var(--surface);border:1px solid var(--line);box-shadow:var(--lift-hi);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:pop .22s var(--pop);border-radius:20px;padding:14px 16px;position:absolute;overflow:auto}.panel .close{min-width:30px;height:30px;font-size:18px;position:absolute;top:10px;right:10px}.p-head{align-items:center;gap:10px;margin-bottom:6px;padding-right:34px;display:flex}.p-head h3{align-items:center;gap:8px;margin:0;font-size:22px;line-height:1.1;display:flex}.p-head .sub{color:var(--gold);margin:0;font-size:13px;font-weight:700}.lvl-dots{gap:3px;margin-left:auto;display:inline-flex}.lvl-dots i{border:1px solid var(--text-soft);border-radius:50%;width:8px;height:8px}.lvl-dots i.on{background:var(--gold);border-color:var(--gold)}.seal-chip{background:var(--leaf);color:#fff;font-family:var(--ui);border-radius:999px;padding:1px 9px;font-size:12px;font-weight:800}.panel .job{margin:4px 0 8px;font-weight:600}.panel .kind{color:var(--text-soft);text-transform:none;letter-spacing:0;margin:4px 0 8px;font-size:13.5px;font-weight:400}.panel .status{background:var(--surface-2);border-radius:12px;margin:2px 0 8px;padding:6px 10px;font-size:13.5px}.panel .status.warn{color:#a8302a;background:#fff0ec}.panel .advice{border-left:3px solid var(--accent);margin:6px 0;padding-left:12px;font-size:13.5px}.panel .advice.heat{border-color:var(--heat)}.panel .hint{color:var(--text-soft);font-size:12.5px}.panel .actions{justify-content:stretch;margin-top:10px}.panel .actions .btn{flex:1;min-width:0}.row{justify-content:space-between;align-items:center;gap:8px;margin:10px 0;display:flex}.row .lbl{color:var(--text-soft);font-size:13px}.row .seg button{padding:4px 8px;font-size:12px}.maxed{color:var(--text-soft);text-align:center;flex:1;font-size:13px}.meth-bar{background:var(--surface-2);border:1px solid var(--line);border-radius:6px;height:12px;margin:8px 0 4px;position:relative;overflow:hidden}.meth-bar i{background:linear-gradient(90deg,#ffd75e,#e0a21f);border-radius:6px;transition:width .3s;position:absolute;top:0;bottom:0;left:0;right:auto}.meth-bar .mark{background:var(--leaf);width:2px;position:absolute;top:-2px;bottom:-2px}.toasts{z-index:5;left:50%;top:calc(70px + var(--safe-t));pointer-events:none;flex-direction:column;align-items:center;gap:6px;width:min(90vw,520px);display:flex;position:absolute;transform:translate(-50%)}.toast{background:var(--surface);border:1px solid var(--line);box-shadow:var(--lift);text-align:center;animation:pop .25s var(--pop);border-radius:999px;padding:7px 16px;font-size:14px;font-weight:600;transition:opacity .5s,transform .5s}.toast.tone-seal{color:#fff;background:linear-gradient(135deg,#5fb36a,#2f8a4f);border-color:#0000}.toast.tone-bad{color:var(--bad)}.toast.tone-heat{background:var(--heat);color:#fff;border-color:#0000}.toast.out{opacity:0;transform:translateY(-6px)}.coach{z-index:4;left:calc(12px + var(--safe-l));bottom:calc(112px + var(--safe-b));background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--gold);max-width:380px;box-shadow:var(--lift-hi);animation:pop .25s var(--pop);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;padding:12px 16px 10px;position:absolute}.coach p{margin:0;font-size:14.5px;font-weight:500}.coach-actions{justify-content:flex-end;gap:16px;display:flex}.coach-actions:empty{display:none}.picker .gen-row{grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0;display:grid}.gen-card{border:1px solid var(--line);background:var(--surface-2);cursor:pointer;text-align:left;transition:transform .15s var(--pop);border-radius:16px;gap:2px;padding:10px;display:grid}.gen-card:hover:not(:disabled){transform:translateY(-2px)}.gen-card.on{border-color:var(--leaf);background:#3f8f4f1a}.gen-card b{color:var(--leaf)}.gen-card span{font-family:var(--display);font-weight:600;line-height:1.2}.gen-card:disabled{opacity:.4;cursor:default}.lines{gap:6px;margin-top:12px;display:grid}.lines .lbl{color:var(--text-soft);font-size:13px}.line-note{color:var(--text-soft);margin:0;font-size:13.5px}@media (max-width:760px){body{font-size:14px}.hub{padding:calc(14px + var(--safe-t)) 14px calc(30px + var(--safe-b))}.logo{width:44px;height:44px;font-size:26px}.hub-intro{grid-template-columns:1fr}.hub-actions{flex-direction:column}.hub-actions .btn.big{width:100%}.hub-grid{grid-template-columns:1fr;gap:14px}.hub-foot{flex-direction:column;align-items:flex-start}.card{padding:18px}.card h2{font-size:24px}.album-body{grid-template-columns:1fr}.album-body.has-cur .album-list,.album-body:not(.has-cur) .album-detail{display:none}.back-list{margin-bottom:6px;display:inline-block}.picker .gen-row{grid-template-columns:repeat(2,1fr)}.pz-top{grid-template-columns:1fr;gap:6px}.pz-story{font-size:13.5px}.pz-goals{min-width:0}.pz-tool{padding-right:10px}.hud{padding-left:calc(8px + var(--safe-l));padding-right:calc(8px + var(--safe-r));gap:6px}.hud-title{display:none}.hud-stats{gap:0;padding:2px 4px}.stat{padding:2px 7px}.stat b{font-size:15px}.stat.wave small{display:none}.icon-btn{min-width:36px;height:36px;padding:0 8px}.hud-right{gap:5px}.tray{padding-left:calc(6px + var(--safe-l));padding-right:calc(6px + var(--safe-r));flex-direction:column-reverse;align-items:stretch;gap:6px}.tray-list{border-radius:16px;justify-content:space-between;gap:1px;margin-right:0;padding:3px}.t-btn{flex:1 1 0;width:auto;min-width:38px;padding:3px 1px}.t-btn .p-icon{width:30px!important;height:30px!important}.t-role,.t-btn kbd{display:none}.t-name{font-size:10.5px}.wave-btn{border-radius:14px;flex-direction:row;gap:10px;min-height:42px}.panel{left:calc(8px + var(--safe-l));right:calc(8px + var(--safe-r));width:auto;top:auto;bottom:calc(126px + var(--safe-b));max-height:46%}.coach{left:calc(8px + var(--safe-l));right:calc(8px + var(--safe-r));max-width:none;bottom:calc(126px + var(--safe-b))}.stickers{bottom:calc(130px + var(--safe-b))}.q-btn b{font-size:18px}.q-btn small{font-size:11.5px}.lane-btn span{font-size:10.5px}.seq-label{width:64px;font-size:11px}.base{width:22px;height:28px;font-size:14px}}:root[data-reduced=on] *,:root[data-reduced=on] :before,:root[data-reduced=on] :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.controls-bar{padding:4px 12px calc(6px + var(--safe-b));color:var(--text-soft);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;font-size:12.5px;display:flex}.controls-list{flex-wrap:wrap;gap:6px;margin:4px 0 12px;display:flex}.ctl{border:1px solid var(--line);color:var(--text);background:#ffffffd9;border-radius:999px;padding:2px 10px;font-size:12.5px;font-weight:600;display:inline-block}.pause-card .how{margin-bottom:8px}.td-controls{z-index:3;left:50%;top:calc(84px + var(--safe-t));pointer-events:none;padding:0;position:absolute;transform:translate(-50%)}@media (max-width:760px){.td-controls{display:none}}.pz-tool .cd{background:var(--hue);transform-origin:0;height:3px;transform:scaleX(var(--cd,0));opacity:.8;border-radius:2px;position:absolute;bottom:3px;left:10px;right:10px}.turf-tally{color:var(--text-soft);white-space:nowrap;pointer-events:none;background:#ffffffd9;border-radius:999px;padding:2px 12px;font-size:13px;font-weight:700;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.winter-goal{white-space:nowrap;pointer-events:none;border:2px solid var(--line);background:#ffffffe6;border-radius:999px;padding:3px 14px;font-size:13.5px;font-weight:700;position:absolute;top:64px;left:50%;transform:translate(-50%)}.winter-goal.ok{border-color:var(--good);color:var(--good)}.winter-goal.bad{border-color:var(--gold);color:#8a5a10}.dispatch-banner{opacity:0;transition:opacity .3s, transform .3s var(--pop);text-align:center;pointer-events:none;background:#fffffff2;border-radius:16px;gap:2px;max-width:min(560px,92%);padding:10px 16px;display:grid;position:absolute;top:12px;left:50%;transform:translate(-50%,-12px);box-shadow:0 10px 30px -14px #00000059}.dispatch-banner.show{opacity:1;transform:translate(-50%)}.dispatch-banner b{font-family:var(--display);color:#b2416e;font-size:19px}.dispatch-banner span{font-size:13.5px}@media (max-width:560px){.winter-goal{white-space:normal;text-align:center;width:90%;font-size:12px}}.xf-pads{padding:8px 12px calc(10px + var(--safe-b));flex-wrap:wrap;justify-content:space-between;gap:10px;display:flex}.xf-move,.xf-acts{flex-wrap:wrap;gap:6px;display:flex}.xf-btn{border:2px solid var(--line);min-width:54px;height:54px;font:inherit;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;background:#fff;border-radius:16px;place-items:center;padding:0 10px;transition:transform 80ms;display:grid}.xf-btn b{font-size:15px;line-height:1}.xf-btn kbd{color:var(--text-soft);font-family:inherit;font-size:10.5px}.xf-btn.on{transform:scale(.93)}.xf-btn.guard{color:#2b7aa0;border-color:#4aa3c9}.xf-btn.xist{color:#7a3fb0;background:#f6eefc;border-color:#9b59d0}.xf-btn.spen{color:#b8521f;background:#fff3ec;border-color:#e0703a}.xf-btn.prc2{color:#2d5a99;background:#eef3fb;border-color:#3d6fb5}.xf-btn.lock{color:#8a6a0a;background:#fff8de;border-color:#d4a017}@media (max-width:560px){.xf-btn{min-width:46px;height:48px;padding:0 6px}.xf-btn b{font-size:13px}}.xfight .pz-msg{top:66px}@media (max-width:560px){.turf .pz-tools,.winter .pz-tools{flex-wrap:wrap;justify-content:center;gap:6px;padding-top:4px;overflow:visible}.turf .pz-tool small,.winter .pz-tool small{display:none}.turf .pz-tool canvas,.winter .pz-tool canvas{width:32px!important;height:32px!important}.turf .pz-tool,.winter .pz-tool{padding:2px 10px 2px 2px}}.coach-layer{pointer-events:none;z-index:6;position:absolute;top:0;bottom:0;left:0;right:0}.coach-ring{width:0;height:0;transition:transform .12s linear;position:absolute;top:0;left:0}.coach-ring i{border:4px solid #ffb21e;border-radius:50%;width:52px;height:52px;animation:1s ease-out infinite coach-pulse;position:absolute;top:-26px;left:-26px;box-shadow:0 0 0 4px #fffc,0 0 24px #ffb21ecc}.coach-ring:after{content:"";filter:drop-shadow(0 2px 3px #0000004d);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 34'%3E%3Cpath d='M9 2c1.7 0 3 1.3 3 3v9l7 1.5c2.3.5 3.8 2.7 3.4 5l-1.2 7.5C20.8 30.3 19 32 16.8 32H11c-1.6 0-3-.8-3.9-2.1L2.4 23c-.9-1.4-.5-3.2.9-4.1 1.2-.8 2.8-.6 3.8.4L6 17V5c0-1.7 1.3-3 3-3z' fill='%23fff' stroke='%2321372b' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat;width:26px;height:34px;position:absolute;top:10px;left:4px}.coach-ring.swipe i{opacity:.6;animation:none;transform:scale(.6)}@keyframes coach-pulse{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(1.3)}}.coach-bubble{pointer-events:auto;background:#fffdf6;border:2px solid #ffb21e;border-radius:18px;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px 12px;width:min(440px,100% - 24px);padding:12px 16px 10px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 14px 30px -14px #00000059}.coach-bubble.low{top:12px;bottom:auto}.coach-bubble.pop{animation:pop .25s var(--pop)}.coach-bubble p{flex:100%;margin:0;font-size:15px;font-weight:600;line-height:1.35}.coach-bubble .coach-skip{color:var(--text-soft);font-size:12.5px}@media (prefers-reduced-motion:reduce){.coach-ring i{animation:none}}.card.story .story-canvas{aspect-ratio:16/9;width:100%;max-height:42vh;box-shadow:inset 0 0 0 2px var(--line);background:#fff;border-radius:18px;margin:6px 0 10px;display:block}.story-text{min-height:4.4em;margin:0 0 10px;font-size:16.5px;line-height:1.45}.story-dots{justify-content:center;gap:6px;margin-bottom:8px;display:flex}.story-dots i{background:var(--line);border-radius:50%;width:9px;height:9px}.story-dots i.on{background:var(--hue,var(--gold));border-radius:5px;width:22px}.intro-head .link{margin-left:auto;font-size:13px}.tips{background:color-mix(in srgb, var(--gold) 12%, #fff);border:1px solid color-mix(in srgb, var(--gold) 35%, transparent);border-radius:14px;margin:0 0 12px;padding:10px 14px}.tips h4{text-transform:uppercase;letter-spacing:.04em;color:#8a6a0a;margin:0 0 4px;font-size:13px}.tips ul{gap:3px;margin:0;padding-left:18px;font-size:14px;display:grid}.day-pick{margin:0 0 12px}.day-pick h4{text-transform:uppercase;letter-spacing:.04em;color:var(--text-soft);margin:0 0 6px;font-size:13px}.day-row{flex-wrap:wrap;gap:6px;display:flex}.day-chip{border:2px solid var(--line);font:inherit;cursor:pointer;text-align:left;background:#fff;border-radius:12px;justify-items:start;gap:0;min-width:92px;padding:6px 10px;display:grid}.day-chip b{font-size:14px}.day-chip small{color:var(--text-soft);font-size:11.5px}.day-chip .st{color:var(--gold);letter-spacing:1px;font-size:12px}.day-chip.on{border-color:var(--hue,var(--gold));box-shadow:0 0 0 3px color-mix(in srgb, var(--hue,var(--gold)) 25%, transparent)}.day-chip:disabled{opacity:.45;cursor:default}.cafe .pz-tools{flex-wrap:wrap;justify-content:center}@media (max-width:560px){.cafe .pz-tool small{display:none}.cafe .pz-tool canvas{width:30px!important;height:30px!important}.cafe .pz-tool{padding:2px 8px 2px 2px}.cafe .pz-bottom{padding:4px 8px}}@media (pointer:coarse){.controls-bar .ctl.kbd{display:none}}.pz-tool.hint{border-color:#7fd36a;animation:.9s ease-in-out infinite tool-hint}@keyframes tool-hint{0%,to{transform:translateY(0);box-shadow:0 0 #7fd36ab3}50%{transform:translateY(-3px);box-shadow:0 0 0 6px #7fd36a00}}.winter .pz-msg{top:100px}.case-tag{letter-spacing:.05em;text-transform:uppercase;color:#8a6a0a;font-size:12px;font-weight:800}.case-tag span{color:var(--text-soft);text-transform:none;letter-spacing:0;font-weight:600}.dt-hint-btn{margin-top:2px;font-size:13px}.dt-hint{background:#fff8de;border:1px solid #f0d78a;border-radius:12px;margin:6px 0 0;padding:8px 12px;font-size:14px}.dt-tap{color:#b8661e;margin:4px 0;font-weight:700}.dt-tracks.pickable{cursor:crosshair}.dt-verdict{position:relative}.stamp{color:#c0392b;letter-spacing:.08em;background:#ffffffd9;border:3px solid #c0392b;border-radius:8px;padding:4px 12px;font-size:15px;font-weight:900;animation:.35s cubic-bezier(.2,1.6,.4,1) stamp;position:absolute;top:-14px;right:14px;transform:rotate(-8deg)}@keyframes stamp{0%{opacity:0;transform:rotate(-8deg)scale(2.2)}to{opacity:1;transform:rotate(-8deg)scale(1)}}@media (pointer:coarse){.controls-list .ctl.kbd{display:none}}.tips summary{cursor:pointer;text-transform:uppercase;letter-spacing:.04em;color:#8a6a0a;font-size:13px;font-weight:800}.tips[open] summary{margin-bottom:4px}.card.intro .actions,.pause-card .actions{z-index:2;background:linear-gradient(#fff0 0,#fff 18px);border-radius:0 0 24px 24px;margin:0 -26px -26px;padding:20px 26px 30px;position:sticky;bottom:-26px}@media (pointer:coarse){.xf-btn kbd{display:none}.xf-btn{min-width:58px;height:58px}.kbd-hint,.t-btn kbd{display:none}}.coach-bubble .coach-count{letter-spacing:.05em;text-transform:uppercase;color:#b8861e;flex:100%;margin-bottom:-4px;font-size:11px;font-weight:800}.coach-bubble .coach-row{flex:100%;align-items:center;gap:10px;display:flex}.coach-bubble .coach-row .grow{flex:1}.coach-bubble.reviewing{background:#fffaf0;border-style:dashed}.cafe .pz-msg{top:46%}.hud{padding-bottom:20px}.stat .cap{color:var(--text-soft);white-space:nowrap;pointer-events:none;font-size:10.5px;font-weight:700;position:absolute;bottom:-17px;left:50%;transform:translate(-50%)}.td-tip{z-index:4;left:50%;bottom:calc(var(--safe-b) + 112px);border:2px solid var(--hue,var(--gold));pointer-events:none;width:min(560px,100% - 24px);animation:pop .2s var(--pop);background:#fffffff2;border-radius:16px;align-items:center;gap:10px;padding:8px 14px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 10px 24px -14px #00000059}.td-tip b{font-size:14.5px;display:block}.td-tip span{font-size:13.5px}.td-tip small{color:var(--text-soft);font-size:12px}.coach.reviewing{border-style:dashed}@media (max-width:760px){.td-tip{bottom:calc(var(--safe-b) + 150px);display:none}.td .coach{top:auto;bottom:calc(var(--safe-b) + 144px);right:calc(12px + var(--safe-r,0px));max-width:none}}.xf-btn.lock.ready{background:#ffe58a;animation:.8s ease-in-out infinite lock-ready}@keyframes lock-ready{0%,to{box-shadow:0 0 #d4a017b3}50%{box-shadow:0 0 0 8px #d4a01700}}.xf-btn.nope,.full-canvas.nope{animation:.3s nope}@keyframes nope{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.sv-level{z-index:5;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:pop .25s var(--pop);background:#f5fbefd1;place-content:center;gap:14px;padding:16px;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.sv-level h3{text-align:center;font-family:var(--display);margin:0;font-size:24px}.sv-cards{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.sv-card{border:3px solid var(--hue);width:min(220px,90vw);font:inherit;cursor:pointer;text-align:center;background:#fff;border-radius:18px;justify-items:center;gap:4px;padding:14px 14px 12px;transition:transform .12s;display:grid;position:relative;box-shadow:0 12px 24px -16px #0006}.sv-card:hover{transform:translateY(-4px)}.sv-card b{font-size:15px}.sv-card .sv-lvl{letter-spacing:.06em;color:var(--hue);text-transform:uppercase;font-size:11px;font-weight:900}.sv-card .sv-does{font-size:14px;font-weight:600}.sv-card small{color:var(--text-soft);font-size:12px}.sv-card .sv-key{color:var(--text-soft);font-size:11px;font-weight:800;position:absolute;top:8px;left:10px}@media (pointer:coarse){.sv-card .sv-key{display:none}}@media (max-width:560px){.sv-card{text-align:left;grid-template-columns:auto 1fr;justify-items:start;width:100%}.sv-card canvas{grid-row:span 4}}.dt-streak{color:#e0703a;animation:pop .35s var(--pop);margin:2px 0 6px;font-weight:800}@media (max-width:400px){.hud-right{gap:3px}.stat{padding:2px 5px}.hud{gap:4px}}