.hero{display:grid;grid-template-columns:1fr 1.05fr;gap:36px;align-items:center;padding-top:40px;padding-bottom:18px}.hero-kicker{color:var(--cuso4);font-weight:700;margin-bottom:14px}.hero h1{font-size:clamp(2.2rem,4.6vw,3.9rem);font-weight:600;letter-spacing:-.025em}.hero .lede{font-size:1.12rem;color:var(--ink-2);max-width:54ch;margin:18px 0 24px}.hero-cta{display:flex;gap:10px;flex-wrap:wrap}.hero-stage{height:min(560px,62vh);min-height:380px}.hero-tile{position:absolute;left:22px;top:22px;width:104px;height:118px;border-radius:16px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(6px);display:grid;grid-template-rows:auto 1fr auto;padding:8px 10px;color:#fff;animation:tileIn .6s cubic-bezier(.2,1.2,.4,1)}.hero-tile .z{font-size:.8rem;opacity:.7}.hero-tile .sym{font-family:var(--display);font-size:2.6rem;font-weight:600;line-height:1;align-self:center}.hero-tile .nm{font-size:.78rem;opacity:.85}@keyframes tileIn{0%{transform:translateY(-8px);opacity:0}}.hero-note{position:absolute;left:22px;right:22px;bottom:46px;margin:0;color:#c9d2f2;font-size:.98rem;max-width:40ch;animation:fade .8s ease}.hero-dots{position:absolute;left:22px;bottom:20px;display:flex;gap:8px}.hero-dots button{width:22px;height:6px;border-radius:3px;border:0;background:#ffffff40;cursor:pointer;padding:0}.hero-dots button.on{background:var(--sodium);width:36px}@media (max-width: 900px){.hero{grid-template-columns:1fr;padding-top:24px;gap:22px}.hero-stage{height:420px;min-height:0}}.progress-strip{display:grid;grid-template-columns:1.4fr repeat(3,.7fr) 1.3fr;gap:14px;align-items:center}.ps-rank{display:flex;gap:14px;align-items:center}.ps-sym{width:58px;height:58px;border-radius:14px;background:var(--sodium-wash);color:#7a5600;font-family:var(--display);font-weight:600;font-size:1.4rem;display:grid;place-items:center;position:relative;flex:none}.ps-sym small{position:absolute;top:4px;left:6px;font-size:.6rem;font-family:var(--body)}.bar{height:6px;border-radius:3px;background:#e7ecef;width:160px;max-width:100%;margin-top:6px;overflow:hidden}.bar span{display:block;height:100%;background:var(--sodium);border-radius:3px;transition:width .6s}.ps-stat b{display:block;font-family:var(--display);font-size:1.5rem;font-weight:500}.ps-stat span{font-size:.8rem;color:var(--ink-3)}.ps-next{text-decoration:none;color:var(--ink);background:var(--cuso4-wash);border-radius:14px;padding:10px 14px;display:block}.ps-next b{display:block;color:var(--cuso4-deep);font-weight:700}@media (max-width: 900px){.progress-strip{grid-template-columns:1fr 1fr 1fr}.ps-rank,.ps-next{grid-column:1 / -1}}.engine-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.engine-tile{position:relative;border-radius:18px;overflow:hidden;text-decoration:none;color:var(--ink);background:var(--paper);border:1px solid var(--line);display:grid;grid-template-rows:auto 1fr;transition:transform .25s ease,box-shadow .25s ease}.engine-tile img{width:100%;aspect-ratio:16 / 11;object-fit:cover;display:block;border-bottom:5px solid var(--tc)}.engine-tile:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.et-n{position:absolute;top:9px;left:11px;font-size:.74rem;background:#ffffffeb;border-radius:6px;padding:1px 6px}.et-sym{position:absolute;top:8px;right:10px;font-family:var(--display);font-weight:600;font-size:1.05rem;line-height:1;background:var(--tc);border-radius:8px;padding:6px 7px;color:var(--ink)}.et-body{padding:10px 14px 14px;display:block}.et-body b{display:block;font-size:.98rem}.et-body span{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:.78rem;color:var(--ink-2);line-height:1.35;margin-top:3px}@media (max-width: 1100px){.engine-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width: 760px){.engine-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.mosaic{display:grid;grid-template-columns:1.3fr 1fr 1fr;grid-template-rows:220px 220px;gap:12px}.mosaic .m-a{grid-row:1 / 3}.mosaic .m-d{grid-column:2 / 3}@media (max-width: 760px){.mosaic{grid-template-columns:1fr 1fr;grid-template-rows:300px 180px 180px}.mosaic .m-a{grid-row:auto;grid-column:1 / -1}.mosaic .m-e{display:none}.mosaic .m-d{grid-column:auto}}@font-face{font-family:Unbounded;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/unbounded-latin-400-normal-DxT99aXF.woff2) format("woff2"),url(/assets/unbounded-latin-400-normal-CiSqyYx3.woff) format("woff")}@font-face{font-family:Unbounded;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/unbounded-latin-500-normal-4slEIF53.woff2) format("woff2"),url(/assets/unbounded-latin-500-normal-ZsrgWWU1.woff) format("woff")}@font-face{font-family:Unbounded;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/unbounded-latin-600-normal-oRSANpZr.woff2) format("woff2"),url(/assets/unbounded-latin-600-normal-BPdB_PEv.woff) format("woff")}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/atkinson-hyperlegible-latin-400-normal-BrHNak5F.woff2) format("woff2"),url(/assets/atkinson-hyperlegible-latin-400-normal-BbWidj28.woff) format("woff")}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/atkinson-hyperlegible-latin-700-normal-GZI4o3u0.woff2) format("woff2"),url(/assets/atkinson-hyperlegible-latin-700-normal-BK6Glc0m.woff) format("woff")}@font-face{font-family:Atkinson Hyperlegible;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/atkinson-hyperlegible-latin-400-italic-D-qjh7ci.woff2) format("woff2"),url(/assets/atkinson-hyperlegible-latin-400-italic-OoEIrRJc.woff) format("woff")}:root{--porcelain: #F3F6F7;--paper: #FFFFFF;--ink: #141A26;--ink-2: #4A5468;--ink-3: #7C869A;--line: #DCE2E8;--line-2: #C6CED8;--cuso4: #1D5BD8;--cuso4-deep: #123C96;--cuso4-wash: #E6EEFC;--sodium: #F4B400;--sodium-wash: #FFF4D2;--phenol: #C2187A;--leaf: #148A5B;--danger: #C7352B;--stage: #0B1024;--stage-2: #141B3A;--stage-ink: #E8ECFF;--c-alkali: #FF8A65;--c-alkaline-earth: #FFB74D;--c-transition: #90A4D4;--c-post-transition: #8FC1B5;--c-metalloid: #B39DDB;--c-nonmetal: #7FD18B;--c-halogen: #4DD0E1;--c-noble: #F48FB1;--c-lanthanide: #C5E17A;--c-actinide: #E6A9E8;--c-unknown: #CFD6DE;--display: "Unbounded", "Segoe UI", system-ui, sans-serif;--body: "Atkinson Hyperlegible", "Segoe UI", system-ui, sans-serif;--r-s: 6px;--r-m: 12px;--r-l: 22px;--shadow: 0 1px 2px rgba(20, 26, 38, .06), 0 8px 28px -12px rgba(20, 26, 38, .18);--nav-h: 60px;--maxw: 1240px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--porcelain);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}img{max-width:100%;display:block}button,input,select{font:inherit;color:inherit}a{color:var(--cuso4)}:focus-visible{outline:3px solid var(--sodium);outline-offset:2px;border-radius:4px}h1,h2,h3,h4{font-family:var(--display);font-weight:500;letter-spacing:-.01em;line-height:1.12;margin:0}h1{font-size:clamp(2rem,5.2vw,3.6rem);font-weight:600}h2{font-size:clamp(1.4rem,3vw,2rem)}h3{font-size:1.12rem}p{margin:0 0 .8em}sub,sup{font-size:.68em}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}.muted{color:var(--ink-2)}.small{font-size:.88rem}.tiny{font-size:.76rem;color:var(--ink-3)}.topbar{position:sticky;top:0;z-index:40;height:var(--nav-h);background:#f3f6f7db;backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--line)}.topbar .wrap{height:100%;display:flex;align-items:center;gap:18px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}.brand-mark{width:34px;height:34px}.brand-text{font-family:var(--display);font-weight:600;font-size:.98rem;line-height:1}.brand-text small{display:block;font-family:var(--body);font-weight:400;font-size:.72rem;color:var(--ink-3);margin-top:3px}.topnav{display:flex;gap:2px;margin-left:auto}.topnav a{text-decoration:none;color:var(--ink-2);font-size:.92rem;padding:8px 11px;border-radius:999px}.topnav a:hover{background:#e7ecef;color:var(--ink)}.topnav a.active{background:var(--ink);color:#fff}.rank-chip{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--ink);padding:4px 12px 4px 4px;border-radius:999px;background:var(--paper);border:1px solid var(--line)}.rank-chip .sym{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;font-family:var(--display);font-size:.78rem;font-weight:600;background:var(--sodium-wash);color:#7a5600}.rank-chip .xp{font-size:.8rem;color:var(--ink-2)}.bottomnav{display:none}@media (max-width: 900px){.topnav{display:none}.rank-chip{margin-left:auto}.bottomnav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:45;background:#fffffff5;border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.bottomnav a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 0 7px;font-size:.68rem;color:var(--ink-3);text-decoration:none}.bottomnav a.active{color:var(--cuso4)}.bottomnav svg{width:22px;height:22px}main{padding-bottom:76px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line-2);background:var(--paper);color:var(--ink);padding:9px 16px;border-radius:999px;cursor:pointer;font-size:.94rem;text-decoration:none;transition:background .15s,border-color .15s,transform .1s;min-height:40px}.btn:hover{border-color:var(--ink-3)}.btn:active{transform:scale(.97)}.btn.primary{background:var(--cuso4);border-color:var(--cuso4);color:#fff}.btn.primary:hover{background:var(--cuso4-deep)}.btn.dark{background:var(--ink);border-color:var(--ink);color:#fff}.btn.ghost{border-color:transparent;background:transparent}.btn.small{padding:6px 12px;font-size:.84rem;min-height:34px}.btn[disabled]{opacity:.45;cursor:not-allowed}.btn.on{background:var(--cuso4-wash);border-color:var(--cuso4);color:var(--cuso4-deep)}.seg{display:inline-flex;background:#e7ecef;border-radius:999px;padding:3px;gap:2px;flex-wrap:wrap}.seg button{border:0;background:transparent;padding:6px 13px;border-radius:999px;cursor:pointer;font-size:.86rem;color:var(--ink-2)}.seg button.on{background:var(--paper);color:var(--ink);box-shadow:0 1px 3px #0000001f}.range{width:100%;accent-color:var(--cuso4)}label.field{display:grid;gap:4px;font-size:.86rem;color:var(--ink-2)}label.field .val{font-family:var(--display);font-size:.9rem;color:var(--ink)}.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-l);padding:20px}.panel.tight{padding:14px}.stage{background:radial-gradient(120% 90% at 50% 20%,var(--stage-2),var(--stage) 70%);color:var(--stage-ink);border-radius:var(--r-l);position:relative;overflow:hidden}.chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;background:#e9eef1;font-size:.8rem;color:var(--ink-2)}.chip.blue{background:var(--cuso4-wash);color:var(--cuso4-deep)}.chip.gold{background:var(--sodium-wash);color:#7a5600}.chip.green{background:#ddf3e8;color:#0d6b45}.chip.red{background:#fbe3e1;color:#8e211a}.page-head{padding:34px 0 18px}.page-head .kicker{display:flex;align-items:center;gap:10px;color:var(--ink-3);font-size:.9rem;margin-bottom:10px}.page-head .lede{max-width:62ch;font-size:1.1rem;color:var(--ink-2);margin-top:12px}.tile-sym{width:46px;height:46px;border-radius:10px;display:grid;place-items:center;flex:none;font-family:var(--display);font-weight:600;color:var(--ink);position:relative}.tile-sym small{position:absolute;top:3px;left:5px;font-size:.55rem;font-family:var(--body);opacity:.7}.section{padding:22px 0}.section-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}.grid-2{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:18px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}@media (max-width: 980px){.grid-2{grid-template-columns:1fr}.grid-3{grid-template-columns:1fr 1fr}}@media (max-width: 600px){.grid-3{grid-template-columns:1fr}body{font-size:16px}.wrap{padding:0 14px}.panel{padding:16px}}.fig{margin:0;position:relative;border-radius:var(--r-m);overflow:hidden;background:#e3e8ec;cursor:zoom-in}.fig img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.fig:hover img{transform:scale(1.03)}.fig figcaption{position:absolute;left:0;right:0;bottom:0;padding:26px 12px 9px;background:linear-gradient(transparent,#080c18c7);color:#fff;font-size:.82rem;line-height:1.3}.fig figcaption .cr{display:block;opacity:.72;font-size:.7rem;margin-top:2px}.fig.contain img{object-fit:contain;background:#fff}.fig.plain figcaption{position:static;background:none;color:var(--ink-2);padding:8px 2px 0}.fig-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);gap:12px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x mandatory}.fig-strip>*{scroll-snap-align:start;aspect-ratio:4/3}.lightbox{position:fixed;inset:0;z-index:100;background:#060914eb;display:grid;grid-template-rows:1fr auto;padding:20px;animation:fade .2s ease}.lightbox img{max-height:78vh;max-width:100%;margin:auto;object-fit:contain;border-radius:8px}.lightbox .meta{color:#e6eaf5;max-width:760px;margin:14px auto 0;text-align:center;font-size:.92rem}.lightbox .meta .cr{color:#9aa6c4;font-size:.82rem}.lightbox .close{position:absolute;top:14px;right:14px}@keyframes fade{0%{opacity:0}}.toasts{position:fixed;right:16px;bottom:16px;z-index:120;display:grid;gap:10px}@media (max-width: 900px){.toasts{left:12px;right:12px;bottom:84px}}.toast{display:flex;gap:12px;align-items:center;background:var(--ink);color:#fff;padding:12px 16px 12px 12px;border-radius:16px;box-shadow:0 16px 40px -10px #00000073;animation:toastIn .45s cubic-bezier(.2,1.4,.4,1);max-width:380px}.toast .badge{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:1.4rem;background:var(--sodium);color:var(--ink);flex:none}.toast b{display:block;font-family:var(--display);font-weight:500;font-size:.92rem}.toast span{font-size:.84rem;opacity:.8}@keyframes toastIn{0%{transform:translateY(20px) scale(.9);opacity:0}}.formula{font-family:var(--body);font-weight:700;white-space:nowrap}.kbd{font-size:.8rem;border:1px solid var(--line-2);border-bottom-width:2px;padding:1px 6px;border-radius:5px;background:#fff}.canvas-box{position:relative;width:100%;border-radius:var(--r-l);overflow:hidden}.canvas-box canvas{display:block;touch-action:none}.hint{font-size:.84rem;color:var(--ink-3)}.stage .hint{color:#98a3c8}.list-plain{list-style:none;margin:0;padding:0}.divider{height:1px;background:var(--line);margin:16px 0}.empty{text-align:center;padding:30px;color:var(--ink-3)}.loader{display:grid;place-items:center;min-height:50vh;color:var(--ink-3)}.loader .ring{width:46px;height:46px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--cuso4);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.footer{padding:40px 0 60px;color:var(--ink-3);font-size:.85rem;border-top:1px solid var(--line);margin-top:40px}.footer a{color:var(--ink-2)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.row-btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;align-items:center}.figrow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.figrow>figure{aspect-ratio:4/3}@media (max-width: 760px){.figrow{grid-template-columns:1fr 1fr}}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:10px;margin:14px 0}.stats b{display:block;font-family:var(--display);font-weight:500;font-size:1.5rem}.stats span{font-size:.78rem;color:var(--ink-3)}