:root{--paper:#F4F7FC;--grid:#E3EAF5;--card:#FFFFFF;--ink:#14213D;--mute:#5A6785;--line:#D6DFEC;--cobalt:#2F5BFF;--cobalt-d:#1E3FC4;--cobalt-ink:#FFFFFF;--cobalt-bg:#E4EAFF;--sulfur:#FFC83A;--sulfur-d:#D99E0B;--sulfur-ink:#2A1E00;--sulfur-bg:#FFF4D4;--ok:#1FA971;--ok-d:#137A50;--ok-bg:#DDF6EA;--bad:#EE4B47;--bad-d:#B9302D;--bad-bg:#FDE3E2;--flame:#F07A2E;--lock:#C3CCDB;--atomH:#FFFFFF;--ok-t:#137A50;--bad-t:#B9302D;--flame-t:#B4500F;--sulfur-t:#8A6100;--blk-accent:var(--sulfur);--fix-white:#FFFFFF;--fix-navy:#14213D;--fix-black:#000000;--fix-shadow:rgba(0,0,0,.25);--scrim:color-mix(in srgb,#000 45%,transparent);--bench:#131A2C;--bench-2:#1D2742;--bench-line:#2A3555;--bench-ink:#E8EEFA;--bench-mute:#93A0BF;--bench-deep:#05080F;--flame-deep:#A54712;--metal-hi:#F3F6FC;--metal-mid:#C3CCDD;--metal-lo:#8793AB;--metal-edge:#6F7B94;--metal-base:#5E6A82;--metal-sheen:#E6EBF5;--f-display:"Baloo 2", "Be Vietnam Pro", system-ui, sans-serif;--f-body:"Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", sans-serif;--f-mono:"JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;--r:18px;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#0C1222;--grid:#141C31;--card:#151F38;--ink:#ECF1FB;--mute:#98A4C0;--line:#25314F;--cobalt:#6A86FF;--cobalt-d:#3C57D6;--cobalt-ink:#0A1230;--cobalt-bg:#1A2550;--sulfur:#FFC83A;--sulfur-d:#B88407;--sulfur-ink:#2A1E00;--sulfur-bg:#3A2E0E;--ok:#35C98C;--ok-d:#1E8A5D;--ok-bg:#0F3427;--bad:#FF6964;--bad-d:#C23A36;--bad-bg:#3A1717;--flame:#FF8E45;--lock:#36425F;--atomH:#E9EEF8;--ok-t:#35C98C;--bad-t:#FF6964;--flame-t:#FF8E45;--sulfur-t:#FFC83A;--blk-accent:var(--cobalt-d);--bench:#0A0F1D;--bench-2:#161F38;--bench-line:#26304D;color-scheme:dark}}:root[data-theme=dark]{--paper:#0C1222;--grid:#141C31;--card:#151F38;--ink:#ECF1FB;--mute:#98A4C0;--line:#25314F;--cobalt:#6A86FF;--cobalt-d:#3C57D6;--cobalt-ink:#0A1230;--cobalt-bg:#1A2550;--sulfur:#FFC83A;--sulfur-d:#B88407;--sulfur-ink:#2A1E00;--sulfur-bg:#3A2E0E;--ok:#35C98C;--ok-d:#1E8A5D;--ok-bg:#0F3427;--bad:#FF6964;--bad-d:#C23A36;--bad-bg:#3A1717;--flame:#FF8E45;--lock:#36425F;--atomH:#E9EEF8;--ok-t:#35C98C;--bad-t:#FF6964;--flame-t:#FF8E45;--sulfur-t:#FFC83A;--blk-accent:var(--cobalt-d);--bench:#0A0F1D;--bench-2:#161F38;--bench-line:#26304D;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--f-body);font-size:16px;line-height:1.6;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:28px 28px;overflow-x:hidden;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}body:before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:10;background:var(--paper)}img,svg,canvas{max-width:100%}[hidden]{display:none!important}h1,h2,h3{font-family:var(--f-display);line-height:1.1;text-wrap:balance;margin:0;letter-spacing:-.01em}p{margin:0}a{color:inherit}button{font-family:inherit}sub{font-size:.68em;line-height:0}.wrap{max-width:1120px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.eyebrow{font-weight:700;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--cobalt)}.mono{font-family:var(--f-mono)}.hint{font-size:.85rem;color:var(--mute)}:focus-visible{outline:3px solid var(--sulfur);outline-offset:3px;border-radius:10px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:absolute;left:16px;top:-60px;z-index:100;background:var(--ink);color:var(--paper);padding:10px 14px;border-radius:12px;font-weight:700;text-decoration:none}.skip:focus{top:calc(10px + env(safe-area-inset-top,0px))}@keyframes rise{0%{opacity:0;transform:translateY(18px)}}@keyframes pop{0%{opacity:0;transform:scale(.85)}}@keyframes mark{0%{transform:scaleX(0)}}@keyframes bob{50%{transform:translateY(-8px)}}@keyframes bump{40%{transform:scale(1.4)}}@keyframes ring{0%{transform:scale(.9);opacity:1}to{transform:scale(1.35);opacity:0}}@keyframes shake{20%,60%{translate:-6px 0}40%,80%{translate:6px 0}}@keyframes rv{0%{transform:translateY(28px)}to{transform:none}}@keyframes slideUp{0%{transform:translateY(18px)}}@keyframes slideIn{0%{opacity:0;transform:translate(60px)}}@keyframes slideOut{to{opacity:0;transform:translate(-60px)}}@keyframes flash{25%{opacity:.85}to{opacity:0}}@keyframes dot{50%{opacity:.25;transform:translateY(-3px)}}@keyframes pulse{50%{transform:translateY(-6px) scale(1.04);box-shadow:0 12px 0 var(--sulfur)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}.btn{--b:var(--cobalt);--bd:var(--cobalt-d);--bi:var(--cobalt-ink);display:inline-flex;align-items:center;justify-content:center;gap:.5em;font:700 1rem/1 var(--f-body);letter-spacing:.02em;text-transform:uppercase;padding:16px 26px;border-radius:16px;border:0;cursor:pointer;background:var(--b);color:var(--bi);box-shadow:0 5px 0 var(--bd);text-decoration:none;transition:transform .08s,box-shadow .08s,filter .15s;-webkit-tap-highlight-color:transparent}.btn:hover{filter:brightness(1.06)}.btn:active{transform:translateY(5px);box-shadow:0 0 0 var(--bd)}.btn.sulfur{--b:var(--sulfur);--bd:var(--sulfur-d);--bi:var(--sulfur-ink)}.btn.ghost{--b:var(--card);--bd:var(--line);--bi:var(--cobalt);border:2px solid var(--line)}.btn.ok{--b:var(--ok);--bd:var(--ok-d);--bi:var(--fix-white)}.btn.bad{--b:var(--bad);--bd:var(--bad-d);--bi:var(--fix-white)}.btn.night{--b:var(--fix-navy);--bd:var(--fix-black);--bi:var(--fix-white)}.btn:disabled{--b:var(--line);--bd:var(--lock);--bi:var(--mute);cursor:not-allowed;filter:none}.btn.sm{padding:11px 16px;font-size:.85rem;border-radius:12px;box-shadow:0 4px 0 var(--bd)}.btn.sm:active{box-shadow:0 0 0 var(--bd)}.bar{flex:1;height:16px;border-radius:99px;background:var(--line);overflow:hidden}.bar i{display:block;height:100%;width:0;border-radius:99px;background:var(--ok);transition:width .5s cubic-bezier(.3,1.4,.5,1);background-image:linear-gradient(transparent 30%,rgba(255,255,255,.35) 30%,rgba(255,255,255,.35) 45%,transparent 45%)}.guide{display:flex;gap:12px;align-items:flex-start}.guide svg{width:58px;flex:none}.say{background:var(--card);border:2px solid var(--line);border-radius:16px;padding:12px 16px;color:var(--ink);min-width:0}.cks{display:flex;flex-direction:column;gap:8px}.ck{display:flex;align-items:flex-start;gap:12px;text-align:left;width:100%;font:600 .95rem/1.4 var(--f-body);color:var(--ink);background:var(--card);border:2px solid var(--line);border-radius:14px;padding:12px 14px;cursor:pointer;transition:border-color .15s,background .15s}.ck .box{flex:none;width:24px;height:24px;border-radius:8px;border:2px solid var(--line);display:grid;place-items:center;color:transparent;transition:all .2s}.ck .box svg{width:16px;height:16px}.ck.on{border-color:var(--ok);background:var(--ok-bg)}.ck.on .box{background:var(--ok);border-color:var(--ok);color:var(--fix-white);animation:bump .35s}.ck[disabled]{cursor:default}.qchips{display:flex;flex-wrap:wrap;gap:8px}.qchip{font-size:.88rem;font-weight:600;padding:8px 12px;border-radius:12px;background:var(--sulfur-bg);color:var(--ink);border:2px solid var(--sulfur)}.tile{position:relative;aspect-ratio:3/4;max-width:100%;border-radius:18px;border:2.5px solid var(--line);background:var(--card);padding:14px;display:flex;flex-direction:column;justify-content:space-between;text-align:left;cursor:pointer;font:inherit;color:var(--ink);transition:transform .2s,box-shadow .2s;min-width:0}.tile:hover{transform:translateY(-4px) rotate(-1deg)}.tile .no{font-family:var(--f-mono);font-weight:700;font-size:.85rem;color:var(--mute)}.tile .sym{font-family:var(--f-display);font-weight:800;font-size:3.6rem;line-height:1;letter-spacing:-.02em}.tile .nm{font-weight:700;font-size:.95rem;line-height:1.3}.tile .ch{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}.tile.on{background:var(--cobalt-bg);border-color:var(--cobalt);box-shadow:0 7px 0 var(--cobalt)}.tile.on .sym{color:var(--cobalt)}.tile.on .badge{position:absolute;top:12px;right:12px;width:26px;height:26px;border-radius:50%;background:var(--ok);color:var(--fix-white);display:grid;place-items:center}.tile.on .badge svg{width:15px;height:15px}.tile.off{border-style:dashed;background:transparent;color:var(--mute)}.tile.off .sym{color:var(--lock)}.tile.off .lk{position:absolute;top:12px;right:12px;width:20px;height:20px;color:var(--lock)}.tile.next{border-color:var(--sulfur-d);border-style:dashed;background:var(--sulfur-bg)}.tile.next .sym{color:var(--sulfur-d)}.tile.pulse{animation:pulse 1s ease 2}.modal{position:fixed;inset:0;z-index:55;background:var(--scrim);display:grid;place-items:center;padding:20px max(16px,env(safe-area-inset-right,0px)) 20px max(16px,env(safe-area-inset-left,0px));opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}.modal.open{opacity:1;visibility:visible}.mcard{background:var(--paper);border-radius:26px;max-width:520px;width:100%;max-height:90vh;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:16px;transform:scale(.92) translateY(20px);transition:transform .35s cubic-bezier(.2,1.3,.4,1)}.modal.open .mcard{transform:none}.mhead{display:flex;gap:16px;align-items:center}.mhead .tile{width:96px;flex:none;cursor:default}.mhead .tile:hover{transform:none}.mhead .tile .sym{font-size:2.4rem}.mhead .tile .nm,.mhead .tile .ch{display:none}.mhead h3{font-size:1.6rem}.meta{display:flex;gap:8px;flex-wrap:wrap}.meta span{font-size:.8rem;font-weight:700;padding:5px 10px;border-radius:99px;background:var(--card);border:2px solid var(--line)}.law{background:var(--sulfur-bg);border:2.5px solid var(--sulfur);border-radius:22px;padding:22px;font-size:1.15rem;font-weight:600;line-height:1.5}.law small{display:block;font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--sulfur-t);margin-bottom:8px}.quote{background:var(--card);border:2px solid var(--line);border-radius:16px;padding:14px 18px;text-align:left;width:100%;font-style:italic}.quote small{display:block;font-style:normal;font-weight:800;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin-bottom:4px}#confetti{position:fixed;inset:0;pointer-events:none;z-index:60;width:100%;height:100%}.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translate(-50%,calc(100% + 48px));background:var(--ink);color:var(--paper);padding:12px 18px;border-radius:14px;font-weight:600;z-index:70;transition:transform .35s cubic-bezier(.2,1.3,.4,1),visibility .35s;max-width:calc(100% - 32px);width:max-content;visibility:hidden}.toast.on{transform:translate(-50%);visibility:visible}.toast.win{background:var(--ok-d);color:var(--fix-white)}.scale{width:100%;height:auto;display:block}.scale .beam{transition:transform .7s cubic-bezier(.3,1.5,.5,1);transform-origin:200px 70px;transform-box:view-box}.scale .pan{transition:transform .7s cubic-bezier(.3,1.5,.5,1)}.scale text{font-family:var(--f-mono);font-weight:700;font-size:13px;fill:var(--ink)}.scale .ball.drop{animation:balldrop .55s cubic-bezier(.3,1.5,.5,1) backwards}.scale .pivot,.scale .pill rect{transition:fill .3s,stroke .3s}.scale.bal .pivot{fill:var(--ok)}.scale.bal .pill rect{stroke:var(--ok)}.scale .gz{opacity:.35;transition:opacity .3s}.scale.bal .gz{opacity:1}@keyframes balldrop{0%{transform:translateY(-70px);opacity:0}60%{opacity:1}}