@import"https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&family=JetBrains+Mono:wght@500;700;800&display=swap";:root{--font: "Hanken Grotesk", system-ui, sans-serif;--display: "Space Grotesk", "Hanken Grotesk", sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;--canvas:#070809;--bg:#0e1014;--surface:#16181e;--surface2:#1c1f27;--surface3:#252a33;--ink:#f1f2f5;--ink2:#bcc2cc;--muted:#7c828f;--faint:#565d6a;--border:#262a33;--border2:#363c47;--hair:#1c2027;--accent:#6d85f8;--accent-ink:#0a0b0e;--accent-soft:#1a2139;--g:#3cbf72;--g-ink:#74e0a0;--g-bg:#0f2a1c;--g-br:#1f5236;--a:#e0a93a;--a-ink:#f0c870;--a-bg:#2a2110;--a-br:#564320;--r:#f0685c;--r-ink:#f6a39a;--r-bg:#2c1411;--r-br:#5a2a24;--shadow:0 1px 2px rgba(0,0,0,.4),0 6px 18px rgba(0,0,0,.35);--shadow-lg:0 2px 8px rgba(0,0,0,.5),0 18px 44px rgba(0,0,0,.5)}.theme-light{--canvas:#eaecf0;--bg:#f6f7f9;--surface:#fff;--surface2:#eef0f4;--surface3:#e3e6ec;--ink:#13151a;--ink2:#474d58;--muted:#878d99;--faint:#b3b8c2;--border:#e4e7ec;--border2:#d4d9e1;--hair:#eef0f3;--accent:#3f5bd6;--accent-ink:#fff;--accent-soft:#e9edfb;--g:#1a8a4f;--g-ink:#0f7040;--g-bg:#e6f4ec;--g-br:#c2e3cf;--a:#b9821b;--a-ink:#8a5e0c;--a-bg:#fbf0d4;--a-br:#ecd49a;--r:#cf473b;--r-ink:#b23227;--r-bg:#fbe7e4;--r-br:#f0bab2;--shadow:0 1px 2px rgba(20,22,27,.06),0 4px 14px rgba(20,22,27,.07);--shadow-lg:0 2px 8px rgba(20,22,27,.08),0 16px 40px rgba(20,22,27,.12)}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--canvas);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}button{font-family:inherit}.mono{font-family:var(--mono)}#root{min-height:100dvh;display:flex;align-items:center;justify-content:center}.app{width:100%;max-width:440px;height:100dvh;max-height:900px;background:var(--bg);display:flex;flex-direction:column;position:relative;overflow:hidden;padding-top:env(safe-area-inset-top)}.footer:last-child{padding-bottom:calc(14px + env(safe-area-inset-bottom))}.body:last-child{padding-bottom:calc(20px + env(safe-area-inset-bottom))}@media (min-height: 940px){.app{border-radius:24px;box-shadow:var(--shadow-lg)}}.body{flex:1;overflow-y:auto;padding:4px 16px 20px;display:flex;flex-direction:column;gap:12px}.appbar{display:flex;align-items:center;gap:10px;padding:14px 16px 10px;flex:none}.iconbtn{width:36px;height:36px;border-radius:11px;display:flex;align-items:center;justify-content:center;color:var(--ink2);font-size:20px;flex:none;background:var(--surface);border:1px solid var(--border);cursor:pointer}.appbar h1{font:600 18px/1 var(--display);flex:1;margin:0}.appbar .rgt{display:flex;gap:8px;align-items:center}.brand{display:flex;align-items:center;gap:11px}.logo{width:32px;height:32px;border-radius:9px;background:var(--accent);flex:none;box-shadow:0 3px 10px color-mix(in srgb,var(--accent) 45%,transparent);display:inline-flex;align-items:center;justify-content:center;color:var(--accent-ink)}.logo svg{width:60%;height:60%}.brand b{font:700 17px/1 var(--display);letter-spacing:-.01em;display:block}.brand span{font:500 10px/1 var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.usingbar{display:flex;align-items:center;gap:10px;margin:0 16px 11px;padding:10px 13px;background:var(--surface);border:1px solid var(--border);border-radius:14px;flex:none}.usingbar .lab{font:600 10px/1 var(--font);color:var(--muted);text-transform:uppercase;letter-spacing:.07em}.usingbar b{font:600 14px/1 var(--display);white-space:nowrap}.ghostbtn{margin-left:auto;font:600 12px/1 var(--font);color:var(--accent);display:flex;align-items:center;gap:5px;padding:7px 9px;border-radius:9px;background:var(--accent-soft);border:0;cursor:pointer}.stepper{display:flex;align-items:center;gap:9px;padding:0 22px 14px;flex:none}.step{display:flex;align-items:center;gap:8px;font:600 12px/1 var(--font);color:var(--faint)}.step.on{color:var(--ink)}.stepnum{width:21px;height:21px;border-radius:50%;background:var(--surface3);color:var(--muted);font:700 11px/1 var(--mono);display:flex;align-items:center;justify-content:center}.step.on .stepnum{background:var(--accent);color:var(--accent-ink)}.stepline{flex:1;height:2px;background:var(--border);border-radius:1px}.tabs{display:flex;gap:4px;margin:0 16px 13px;padding:4px;background:var(--surface2);border:1px solid var(--border);border-radius:14px;flex:none}.tab{flex:1;text-align:center;font:600 13.5px/1 var(--font);color:var(--muted);padding:11px 0;border-radius:10px;cursor:pointer;border:0;background:transparent}.tab.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.lbl{font:700 11px/1 var(--font);text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.lbl.g{color:var(--g-ink)}.lbl.a{color:var(--a-ink)}.lbl.r{color:var(--r-ink)}.field{display:flex;align-items:center;gap:10px;height:48px;padding:0 15px;background:var(--surface);border:1px solid var(--border);border-radius:14px;color:var(--ink);font:500 14.5px/1 var(--font);flex:none;width:100%}.field::placeholder{color:var(--muted)}.field .mag{font-size:17px;opacity:.7}.counter{font:700 13px/1 var(--mono)}.cta{height:54px;width:100%;border:0;border-radius:16px;background:var(--accent);color:var(--accent-ink);display:flex;align-items:center;justify-content:center;gap:8px;font:700 15px/1 var(--font);flex:none;box-shadow:0 8px 20px color-mix(in srgb,var(--accent) 32%,transparent);cursor:pointer}.cta:disabled{opacity:.4;box-shadow:none;cursor:default}.footer{padding:10px 16px 14px;flex:none}.tmark{display:inline-block;flex:none;object-fit:contain;vertical-align:middle}.spr{position:relative;border-radius:12px;background:var(--surface2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;flex:none;overflow:hidden}.spr img{width:100%;height:100%;object-fit:contain}.ini{font-family:var(--mono);font-weight:700;color:var(--muted);font-style:normal;letter-spacing:.03em;font-size:13px}.tfilter{display:flex;flex-direction:column;align-items:center;gap:6px;flex:none;background:none;border:0;cursor:pointer;padding:0}.tfilter .tmark{width:46px;height:46px}.tfilter small{font:600 10px/1 var(--font);color:var(--muted)}.tfilter.on .tmark{outline:3px solid var(--ink);outline-offset:3px;border-radius:50%}.tfilter.on small{color:var(--ink);font-weight:700}.trow{display:grid;grid-template-columns:repeat(6,1fr);gap:10px 8px;padding-bottom:2px;flex:none}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.gcell{aspect-ratio:1;position:relative;background:none;border:0;padding:0;cursor:pointer}.gcell .spr{width:100%;height:100%;border-radius:15px}.gcell .nml{position:absolute;bottom:3px;left:3px;right:3px;text-align:center;font:600 9px/1.1 var(--mono);color:var(--ink2);text-transform:uppercase;letter-spacing:.02em;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gcell .spr img{padding-bottom:10px}.gcell.sel .spr{border:2px solid var(--accent);background:var(--accent-soft)}.gcell.sel:after{content:"✓";position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:50%;background:var(--accent);color:var(--accent-ink);font:800 12px/1 var(--font);display:flex;align-items:center;justify-content:center;border:3px solid var(--bg)}.tray{display:flex;gap:8px;flex:none}.tslot{flex:1;min-width:0;aspect-ratio:1;border-radius:13px;background:none;border:0;padding:0;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none}.tslot .spr{width:100%;height:100%;border-radius:13px}.tslot.empty{border:1.5px dashed var(--border2);background:var(--surface2)}.row{display:flex;align-items:center;gap:13px;padding:13px;border-radius:16px;background:var(--surface);border:1px solid var(--border);position:relative;width:100%;text-align:left;cursor:pointer}.row .nm{font:600 16px/1.05 var(--display)}.row .ol{font:500 12.5px/1.3 var(--font);color:var(--ink2);margin-top:3px}.row.r{border-left:3px solid var(--r)}.row.a{border-left:3px solid var(--a)}.row.g{border-left:3px solid var(--g)}.row.mut{opacity:.55}.tone{width:9px;height:9px;border-radius:50%;flex:none}.tone.g{background:var(--g)}.tone.a{background:var(--a)}.tone.r{background:var(--r)}.tone.n{background:var(--faint)}.pill{display:inline-flex;align-items:center;gap:5px;height:25px;padding:0 11px;border-radius:999px;font:700 11px/1 var(--font);letter-spacing:.02em;flex:none;white-space:nowrap}.pill.g{color:var(--g-ink);border:1px solid var(--g-br)}.pill.a{color:var(--a-ink);border:1px solid var(--a-br)}.pill.r{color:var(--r-ink);border:1px solid var(--r-br)}.pill.solid{background:var(--ink);color:var(--bg)}.pill.soft{background:var(--surface2);color:var(--ink2)}.chev{color:var(--faint);font-size:21px;flex:none}.chip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:9px;background:var(--surface2);border:1px solid var(--border);font:600 12px/1 var(--font);color:var(--ink2)}.chip.blk{background:var(--r-bg);border-color:var(--r-br);color:var(--r-ink);text-decoration:line-through}.chip .x{background:none;border:0;color:var(--faint);cursor:pointer;font-size:14px;padding:0;line-height:1}.role{font:600 11px/1 var(--font);color:var(--ink2);background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:5px 9px}.sect{font:700 11px/1 var(--font);text-transform:uppercase;letter-spacing:.07em;color:var(--muted);display:flex;align-items:center;gap:8px}.sect.g{color:var(--g-ink)}.sect.r{color:var(--r-ink)}.hero{border-radius:18px;background:var(--surface);border:1.5px solid var(--ink);padding:15px;display:flex;flex-direction:column;gap:13px;box-shadow:var(--shadow-lg);cursor:pointer}.verdict{border-radius:14px;background:var(--surface2);border:1px solid var(--border);border-left:3px solid var(--g);padding:12px 14px}.verdict.a{border-left-color:var(--a)}.verdict.r{border-left-color:var(--r)}.verdict .big{font:700 22px/1 var(--display);color:var(--g-ink);margin-top:5px}.verdict.a .big{color:var(--a-ink)}.verdict.r .big{color:var(--r-ink)}.cov{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mini{width:36px;height:36px;border-radius:11px;position:relative;flex:none}.mini .spr{width:100%;height:100%;border-radius:11px}.mini.g .spr{border:2px solid var(--g)}.mini.r .spr{border:2px solid var(--r)}.flag{position:absolute;top:-6px;right:-6px;width:17px;height:17px;border-radius:50%;background:var(--r);color:#fff;font:800 10px/1 var(--font);display:flex;align-items:center;justify-content:center;border:2px solid var(--surface)}.ansrow{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:14px;background:var(--surface2);border:1px solid var(--border)}.mb{display:inline-flex;align-items:center;justify-content:center;font:800 13px/1 var(--mono);border-radius:9px;padding:6px 9px;flex:none}.mb.g{background:var(--g-bg);color:var(--g-ink);border:1px solid var(--g-br)}.mb.n{background:var(--surface3);color:var(--ink2);border:1px solid var(--border)}.rule{display:flex;gap:10px;padding:13px;border-radius:14px;background:var(--surface2);border:1px solid var(--border);border-left:3px solid var(--accent);font:500 12.5px/1.5 var(--font);color:var(--ink)}.rule b{color:var(--accent);font-weight:700}.fact{border-radius:14px;background:var(--surface);border:1px solid var(--border);padding:13px;display:flex;flex-direction:column;gap:10px}.fact.bad{border-left:3px solid var(--r)}.guess{border-radius:14px;background:transparent;border:1.5px dashed var(--border2);padding:13px;display:flex;flex-direction:column;gap:9px}.gtag{align-self:flex-start;font:700 9.5px/1 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);background:var(--surface3);border-radius:7px;padding:5px 8px}.gtag.cert{color:var(--g-ink);background:var(--g-bg)}.gotcha{border-radius:17px;background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--a);padding:15px;display:flex;flex-direction:column;gap:11px;box-shadow:var(--shadow)}.gotcha .gic{width:32px;height:32px;border-radius:10px;background:var(--a);color:#1a1304;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:800;flex:none}.gotcha .ttl{font:700 16.5px/1.3 var(--display);color:var(--ink)}.assumed{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;font:600 10.5px/1 var(--mono);color:var(--a-ink);background:transparent;border:1px dashed var(--a-br);border-radius:8px;padding:6px 10px}.noans{font:700 11px/1 var(--font);color:var(--r-ink);background:transparent;border:1.5px solid var(--r);border-radius:9px;padding:6px 10px;text-transform:uppercase;letter-spacing:.03em;flex:none;white-space:nowrap}.ans{display:inline-flex;align-items:center;gap:8px;font:700 12.5px/1 var(--font);color:var(--g-ink)}.ans .spr{width:28px;height:28px;border:1.5px solid var(--g)}.mega{border-radius:14px;background:var(--surface2);border:1px solid var(--border);border-left:3px solid var(--accent);padding:12px 13px;display:flex;flex-direction:column;gap:8px}.mega .h{display:flex;align-items:center;gap:8px;font:700 12px/1 var(--font);color:var(--accent)}.mega .shift{font:600 12.5px/1.4 var(--font);color:var(--ink2)}.mega .shift b{color:var(--r-ink);font-family:var(--mono)}.gameplan{border-radius:14px;background:var(--surface2);border:1px solid var(--border);border-left:3px solid var(--accent);padding:12px 13px;display:flex;flex-direction:column;gap:9px}.gameplan .g1{display:flex;align-items:center;gap:8px}.gameplan .g1 b{font:700 13px/1 var(--display);color:var(--ink)}.gameplan .note{font:500 12px/1.45 var(--font);color:var(--ink2)}.mkbtn{display:flex;align-items:center;justify-content:center;gap:8px;height:48px;width:100%;border-radius:14px;border:1.5px dashed var(--border2);background:transparent;color:var(--ink2);font:700 13px/1 var(--font);flex:none;cursor:pointer}.setline{display:flex;gap:10px;align-items:flex-start}.setk{width:48px;flex:none;font:700 10px/1.7 var(--font);text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.setv{flex:1;font:600 13px/1.35 var(--font);color:var(--ink);min-width:0}.setu{font:600 11px/1 var(--mono);color:var(--muted);margin-left:5px}.setd{font:500 12px/1.45 var(--font);color:var(--ink2);margin-top:3px}.statrow{display:flex;gap:6px;flex-wrap:wrap}.statmini{display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:5px 8px}.statmini i{font:700 8.5px/1 var(--mono);color:var(--muted);font-style:normal;text-transform:uppercase}.statmini b{font:700 12px/1 var(--mono)}.chiprow{display:flex;flex-wrap:wrap;gap:7px}.chip.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.srow{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:12px;background:var(--surface);border:1px solid var(--border);width:100%;cursor:pointer}.srow.you{border-left:3px solid var(--accent)}.srow.bench{opacity:.6;background:none;border-style:dashed}.ordn{width:18px;text-align:center;font:700 11px/1 var(--mono);color:var(--faint);flex:none}.leadgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.leadtile{display:flex;flex-direction:column;align-items:center;gap:5px;padding:9px 4px 7px;background:var(--surface);border:1px solid var(--border);border-radius:13px;cursor:pointer}.leadtile span{font:600 10.5px/1.15 var(--font);color:var(--ink2);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leadtile.sel{border-color:var(--accent);background:var(--accent-soft)}.leadtile.sel span{color:var(--ink)}.fieldnote{display:flex;gap:8px;align-items:flex-start;font:500 12px/1.45 var(--font);color:var(--ink2)}.divline{height:1px;background:var(--hair)}.editmon{border-radius:16px;background:var(--surface);border:1px solid var(--border);padding:13px;display:flex;flex-direction:column;gap:11px}.editmon .top{display:flex;align-items:center;gap:11px}.editmon .moves{display:flex;flex-wrap:wrap;gap:7px}.addchip{height:28px;padding:0 10px;border-radius:9px;border:1px dashed var(--border2);background:transparent;color:var(--accent);font:600 12px/1 var(--font);cursor:pointer}.suggest{display:flex;flex-direction:column;gap:2px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:6px;max-height:220px;overflow-y:auto}.suggest button{display:flex;align-items:center;gap:8px;text-align:left;padding:8px 10px;border-radius:8px;border:0;background:transparent;color:var(--ink);font:500 13px/1 var(--font);cursor:pointer}.namefield{font:700 20px/1 var(--display);background:transparent;border:0;border-bottom:1.5px solid var(--border);color:var(--ink);padding:6px 2px 10px;width:100%}.namefield:focus{outline:none;border-bottom-color:var(--accent)}.tabbar{display:flex;flex:none;border-top:1px solid var(--border);background:var(--surface);padding-bottom:env(safe-area-inset-bottom)}.tabbar button{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 0 8px;background:none;border:0;color:var(--muted);font:600 10.5px/1 var(--font);cursor:pointer}.tabbar button.on{color:var(--accent)}.tabbar .ti{font-size:18px;line-height:1}.landing .body{justify-content:space-between;padding-top:7vh;gap:26px}.lhero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:13px}.lhero .logo{width:62px;height:62px;border-radius:18px}.lhero h1{font:800 30px/1.12 var(--display);letter-spacing:-.02em;margin:6px 0 0}.lhero p{font:500 15px/1.5 var(--font);color:var(--ink2);margin:0;max-width:300px}.leyebrow{font:700 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:-6px}.lsteps{display:flex;flex-direction:column;gap:10px}.lstep{display:flex;align-items:flex-start;gap:13px;padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:14px}.lstep .n{width:26px;height:26px;border-radius:8px;background:var(--accent-soft);color:var(--accent);font:800 13px/1 var(--mono);display:flex;align-items:center;justify-content:center;flex:none}.lstep b{font:700 14px/1.3 var(--display);display:block}.lstep span{font:500 12.5px/1.4 var(--font);color:var(--muted)}.teamcard{border-radius:16px;background:var(--surface);border:1px solid var(--border);padding:15px;display:flex;flex-direction:column;gap:12px;width:100%;text-align:left;cursor:pointer}.teamcard.active{border-color:var(--ink);box-shadow:var(--shadow-lg)}.tc-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.tc-name{font:700 18px/1 var(--display)}.tc-mons{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.tc-mons .spr{width:100%;aspect-ratio:1;border-radius:11px}.tc-sub{font:500 12.5px/1.3 var(--font);color:var(--muted)}.use-btn{font:700 11px/1 var(--font);color:var(--accent);background:var(--accent-soft);border:0;border-radius:8px;padding:8px 13px;cursor:pointer}.active-badge{font:700 10px/1 var(--font);color:var(--g-ink);background:var(--g-bg);border:1px solid var(--g-br);border-radius:8px;padding:6px 10px;text-transform:uppercase;letter-spacing:.05em}.dangerbtn{color:var(--r-ink);background:transparent;border:1px solid var(--r-br);border-radius:10px;padding:11px;font:700 12px/1 var(--font);cursor:pointer}.detailtoggle{align-self:flex-start;background:none;border:0;color:var(--accent);font:600 12px/1 var(--font);cursor:pointer;padding:4px 0}.detailrow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sprows{display:flex;flex-direction:column;gap:8px}.sprow{display:flex;align-items:center;gap:10px}.sprow .slab{width:32px;font:700 10px/1 var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.04em;flex:none}.sprow input[type=number]{width:54px;text-align:center;height:32px;border-radius:8px;border:1px solid var(--border);background:var(--surface2);color:var(--ink);font:700 13px/1 var(--mono);flex:none}.sprow input[type=range]{flex:1;-moz-appearance:none;appearance:none;-webkit-appearance:none;height:4px;border-radius:2px;background:var(--surface3);outline:none;margin:0}.sprow input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent);border:2px solid var(--bg);box-shadow:var(--shadow);cursor:pointer}.sprow input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent);border:2px solid var(--bg);cursor:pointer}.editmon select{height:34px;border-radius:8px;border:1px solid var(--border);background:var(--surface2);color:var(--ink);font:600 12px/1 var(--font);padding:0 8px;cursor:pointer;max-width:100%}.editmon .field{background:var(--surface2)}