@font-face{font-family:TSW Display;font-style:normal;font-weight:100 900;font-display:swap;src:url(./lilita-one-latin-400-normal-87r-Z-Re.woff2)format("woff2")}@font-face{font-family:TSW Body;font-style:normal;font-weight:100 650;font-display:swap;src:url(./nunito-latin-600-normal-Br8yIETf.woff2)format("woff2")}@font-face{font-family:TSW Body;font-style:normal;font-weight:651 900;font-display:swap;src:url(./nunito-latin-800-normal-Dz8SOQK_.woff2)format("woff2")}@font-face{font-family:TSW Display Fallback;src:local(Arial Rounded MT Bold),local(Arial Black),local(Arial),local(Helvetica Neue),local(Helvetica),local(Roboto);size-adjust:87%;ascent-override:106%;descent-override:25%;line-gap-override:0%}@font-face{font-family:TSW Body Fallback;src:local(Arial),local(Helvetica Neue),local(Helvetica),local(Roboto);size-adjust:103%;ascent-override:98%;descent-override:34%;line-gap-override:0%}:root{--ink:#10131c;--n-900:#141a2e;--n-800:#1a2138;--n-700:#1d2540;--n-600:#2b3659;--n-500:#3a4670;--n-400:#58648f;--bg:#1b2a41;--bg-run:#12141c;--paper:#fff6dc;--paper-hi:#fffbec;--paper-shade:#e4d9b8;--paper-2:#ffe9a8;--white:#fff;--text:#fff;--text-dim:#b9c1dc;--text-faint:#98a1c0;--muted:#5b6577;--text-on-paper:var(--ink);--amber:#ffb703;--amber-hi:#ffd45e;--amber-shade:#d88f00;--gold:#ffd933;--gold-hi:#fff08a;--gold-shade:#c88c14;--blue:#3c6ed2;--blue-hi:#6f98ec;--blue-shade:#284fa0;--red:#be3c3c;--red-hi:#e36a62;--red-shade:#8c2530;--green:#46c85a;--green-hi:#8de89b;--green-shade:#2c9a41;--teal:#2f6a62;--teal-hi:#4a9186;--teal-shade:#204a44;--purple:#5b3a86;--purple-hi:#8260b4;--purple-shade:#3f2760;--brown:#86680c;--brown-hi:#b08f2a;--brown-shade:#5c4607;--coral:#e1463c;--coral-deep:#c8372e;--mana:#50a0ff;--mana-hi:#9cc8ff;--mana-shade:#2f6cc4;--grey:#4b5473;--grey-hi:#5f698d;--grey-shade:#363d58;--accent:var(--amber);--danger:#d62828;--danger-text:#b02a22;--good-text:#1f7a3a;--rar-0:#a9b0bc;--rar-0-hi:#d3d8e0;--rar-0-shade:#747c8c;--rar-1:#2fbf71;--rar-1-hi:#75e6a6;--rar-1-shade:#1c8a50;--rar-2:#3b82f6;--rar-2-hi:#82b0ff;--rar-2-shade:#2159b8;--rar-3:#b04cff;--rar-3-hi:#d899ff;--rar-3-shade:#7a28c0;--card-weapon:#2b3659;--card-weapon-shade:#232c4b;--card-upgrade:#1f4747;--card-upgrade-shade:#183838;--ow-xs:1.5px;--ow-sm:2px;--ow:3px;--ow-lg:4px;--line:var(--ow) solid var(--ink);--outline:var(--line);--radius-xs:5px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:22px;--radius-pill:999px;--lift-sm:0 2px 0 var(--ink);--lift:0 3px 0 var(--ink);--lift-lg:4px 5px 0 var(--ink);--press:0 1px 0 var(--ink);--sp-1:2px;--sp-2:4px;--sp-3:6px;--sp-4:8px;--sp-5:12px;--sp-6:16px;--sp-7:24px;--font-display:"TSW Display", "TSW Display Fallback", "Arial Rounded MT Bold", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-body:"TSW Body", "TSW Body Fallback", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--fs-2xs:8.5px;--fs-xs:10.5px;--fs-sm:12px;--fs-md:14px;--fs-lg:16px;--fs-xl:20px;--fs-2xl:26px;--fs-3xl:36px;--text-outline:0 -1.5px 0 var(--ink), 0 1.5px 0 var(--ink), -1.5px 0 0 var(--ink), 1.5px 0 0 var(--ink), 1.5px 1.5px 0 var(--ink), -1.5px 1.5px 0 var(--ink), 1.5px -1.5px 0 var(--ink), -1.5px -1.5px 0 var(--ink);--text-outline-sm:0 -1px 0 var(--ink), 0 1px 0 var(--ink), -1px 0 0 var(--ink), 1px 0 0 var(--ink), 1px 1px 0 var(--ink), -1px 1px 0 var(--ink), 1px -1px 0 var(--ink), -1px -1px 0 var(--ink);--svg-lock:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.6 11V8a4.4 4.4 0 0 1 8.8 0v3' fill='none' stroke='%2310131c' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M7.6 11V8a4.4 4.4 0 0 1 8.8 0v3' fill='none' stroke='%23d3d8e0' stroke-width='2.2' stroke-linecap='round'/%3E%3Crect x='4' y='10.5' width='16' height='11.5' rx='3.2' fill='%23ffd933' stroke='%2310131c' stroke-width='2.2'/%3E%3Cpath d='M5.6 19.3h12.8' stroke='%23c88c14' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='15' r='1.9' fill='%2310131c'/%3E%3Crect x='11.1' y='15.4' width='1.8' height='3.4' rx='.9' fill='%2310131c'/%3E%3C/svg%3E");--svg-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='%2346c85a' stroke='%2310131c' stroke-width='2.4'/%3E%3Cpath d='M5.5 9.5a7.5 7.5 0 0 1 9-3.6' fill='none' stroke='%238de89b' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M7 12.4l3.4 3.4 6.8-7.2' fill='none' stroke='%2310131c' stroke-width='4.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 12.4l3.4 3.4 6.8-7.2' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--svg-coin:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='%23ffd933' stroke='%2310131c' stroke-width='2.4'/%3E%3Cpath d='M6.6 9a6.4 6.4 0 0 1 8.2-3.2' fill='none' stroke='%23fff08a' stroke-width='2.2' stroke-linecap='round'/%3E%3Cpath d='M17.6 14.6A6.4 6.4 0 0 1 9 18' fill='none' stroke='%23c88c14' stroke-width='2.2' stroke-linecap='round'/%3E%3Crect x='10.7' y='7.6' width='2.6' height='8.8' rx='1.3' fill='%2310131c'/%3E%3C/svg%3E");--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html{font-synthesis:none}body{font-family:var(--font-body);font-weight:600}h1,h2,h3{font-family:var(--font-display);letter-spacing:.02em;font-weight:400}:is(.btn,.big,.ctl,.tbtn,.pbtn,.buildbtn,.bclose,.sheet-close,.segbtn,.stepbtn,.switch,.btab){--k-fill:var(--white);--k-hi:var(--white);--k-shade:#cfd5e3;--k-on:var(--ink);appearance:none;font-family:var(--font-display);letter-spacing:.03em;color:var(--k-on);background:var(--k-fill);border:var(--ow) solid var(--ink);border-radius:var(--radius-md);box-shadow:inset 2px 2px 0 var(--k-hi), inset -2px -3px 0 var(--k-shade), var(--lift);-webkit-tap-highlight-color:transparent;touch-action:manipulation;font-weight:400}:is(.btn,.big,.ctl,.tbtn,.pbtn,.buildbtn,.bclose,.sheet-close,.segbtn,.stepbtn,.switch,.btab):active:not(:disabled):not([aria-disabled=true]):not(.off){box-shadow:inset 2px 3px 0 var(--k-shade), inset -2px -2px 0 var(--k-hi), var(--press);transform:translateY(2px)}.btn,.big,.segbtn,.stepbtn,.switch{--k-fill:var(--white);--k-hi:var(--white);--k-shade:#cfd5e3;--k-on:var(--ink)}.tbtn,.pbtn,.buildbtn,.btab{--k-fill:var(--n-600);--k-hi:#4a5a8c;--k-shade:var(--n-700);--k-on:var(--text)}.bclose,.sheet-close{--k-fill:var(--amber);--k-hi:var(--amber-hi);--k-shade:var(--amber-shade);--k-on:var(--ink)}.ctl{--k-fill:var(--blue);--k-hi:var(--blue-hi);--k-shade:var(--blue-shade);--k-on:var(--text)}.btn.primary,.big.primary,.buildbtn.after{--k-fill:var(--amber);--k-hi:var(--amber-hi);--k-shade:var(--amber-shade);--k-on:var(--ink)}.btab.on{--k-fill:var(--gold);--k-hi:var(--gold-hi);--k-shade:var(--gold-shade);--k-on:var(--ink)}.btn.danger,.big.danger{--k-fill:#ff9a93;--k-hi:#ffc2bd;--k-shade:#d9645c;--k-on:var(--ink)}.tbtn.on{--k-fill:#e0902a;--k-hi:#f5b455;--k-shade:#b0661a;--k-on:var(--ink)}.pbtn.treasure{--k-fill:var(--brown);--k-hi:var(--brown-hi);--k-shade:var(--brown-shade)}.pbtn.market{--k-fill:var(--purple);--k-hi:var(--purple-hi);--k-shade:var(--purple-shade)}.pbtn.dup{--k-fill:var(--teal);--k-hi:var(--teal-hi);--k-shade:var(--teal-shade)}.ctl.clear{--k-fill:var(--red);--k-hi:var(--red-hi);--k-shade:var(--red-shade)}.btn[aria-pressed=true],.segbtn[aria-pressed=true],.switch[aria-checked=true]{--k-fill:var(--green);--k-hi:var(--green-hi);--k-shade:var(--green-shade);--k-on:var(--ink)}.btn:is(:disabled,[aria-disabled=true],.off),.big:is(:disabled,[aria-disabled=true],.off),.ctl:is(:disabled,[aria-disabled=true],.off),.tbtn:is(:disabled,[aria-disabled=true],.off),.pbtn:is(:disabled,[aria-disabled=true],.off),.buildbtn:is(:disabled,[aria-disabled=true],.off),.segbtn:is(:disabled,[aria-disabled=true],.off),.stepbtn:is(:disabled,[aria-disabled=true],.off),.switch:is(:disabled,[aria-disabled=true],.off){--k-fill:var(--grey);--k-hi:var(--grey-hi);--k-shade:var(--grey-shade);--k-on:#cdd4e6;box-shadow:inset 2px 2px 0 var(--k-hi), inset -2px -3px 0 var(--k-shade), var(--lift-sm);cursor:default}.hpbox,.goldbox,.wavebox,.pchip{background:var(--n-700);border:var(--line);border-radius:var(--radius-md);box-shadow:inset 2px 2px 0 #34406a, inset -2px -3px 0 var(--n-900), var(--lift)}:is(.page-card,.ssection,.modal .panel,.save-notice,.update-banner){color:var(--ink);background:var(--paper);border:var(--line);border-radius:var(--radius-lg);box-shadow:inset 2px 2px 0 var(--paper-hi), inset -2px -3px 0 var(--paper-shade), var(--lift-lg)}.bar{border:var(--ow-sm) solid var(--ink);background:#3a1b22;position:relative;overflow:hidden;box-shadow:inset 0 2px #00000059}.bar .fill{--k-fill:var(--green);--k-hi:var(--green-hi);--k-shade:var(--green-shade);background:var(--k-fill);box-shadow:inset 0 3px 0 var(--k-hi), inset 0 -3px 0 var(--k-shade);border-radius:inherit;border-right:var(--ow-sm) solid var(--ink);position:absolute;inset:0 auto 0 0}.bar.low .fill{--k-fill:var(--coral);--k-hi:#ff8a80;--k-shade:#a82a28}.bar.mana{background:#162347}.bar.mana .fill{--k-fill:var(--mana);--k-hi:var(--mana-hi);--k-shade:var(--mana-shade)}.bar.mana.off .fill{--k-fill:#7c8294;--k-hi:#a3a9b9;--k-shade:#5b6174}.bar .fill[style*="width: 0%"]{border-right:0}.rs-new,.ribbon-new{font-family:var(--font-display);letter-spacing:.06em;color:var(--white);background:var(--coral-deep);border:var(--ow-sm) solid var(--ink);border-radius:var(--radius-xs);vertical-align:1px;padding:0 7px 1px;font-size:11px;font-weight:400;line-height:16px;display:inline-block;transform:rotate(-4deg);box-shadow:inset 1px 1px #ec7a70,inset -1px -2px #8f2420}.bcopies,.copies-badge{font-family:var(--font-display);color:var(--gold);background:var(--n-900);border:var(--ow-sm) solid var(--gold-shade);border-radius:var(--radius-pill);box-shadow:0 2px 0 var(--ink);padding:1px 8px 2px;font-weight:400;display:inline-block}.page-dots{justify-content:center;gap:6px;display:flex}.page-dots i{background:var(--n-500);border:var(--ow-sm) solid var(--ink);border-radius:50%;width:10px;height:10px}.page-dots i.on{background:var(--gold);box-shadow:inset 1px 1px 0 var(--gold-hi)}:is(.scroll,.bscroll,.menu-scroll,.rs-scroll,.sheet,.soak-card,.home){scrollbar-width:thin;scrollbar-color:var(--n-400) transparent}:is(.scroll,.bscroll,.menu-scroll,.rs-scroll,.sheet,.soak-card,.home)::-webkit-scrollbar{width:8px}:is(.scroll,.bscroll,.menu-scroll,.rs-scroll,.sheet,.soak-card,.home)::-webkit-scrollbar-thumb{background:var(--n-400);border-radius:var(--radius-pill);background-clip:padding-box;border:2px solid #0000}.modal,.sheet-backdrop{--scrim:#0a0c14c7}.save-notice{z-index:60;top:calc(8px + env(safe-area-inset-top));max-width:calc(100vw - 24px - env(safe-area-inset-left) - env(safe-area-inset-right));border-radius:var(--radius-md);box-shadow:inset 2px 2px 0 var(--k-hi), inset -2px -3px 0 var(--k-shade), var(--lift);pointer-events:none;--k-hi:var(--paper-hi);--k-shade:var(--paper-shade);align-items:center;gap:8px;padding:6px 8px 6px 14px;font-size:14px;font-weight:800;line-height:1.25;animation:.2s ease-out save-notice-in;display:flex;position:fixed;left:50%;transform:translate(-50%)}.save-notice.ok{--k-hi:#b6e8a9;--k-shade:#5fae50;background:#8bd17c}.save-notice.warn{background:var(--amber);--k-hi:var(--amber-hi);--k-shade:var(--amber-shade)}.save-notice.error{--k-hi:#ffb8b2;--k-shade:#d9645c;background:#ff8a80}.save-notice button{pointer-events:auto;min-width:44px;min-height:44px;font:inherit;color:inherit;background:0 0;border:0;flex:none;margin:-6px -2px -6px 0;padding:0;font-size:18px}@keyframes save-notice-in{0%{opacity:0;transform:translate(-50%,-6px)}}@media (prefers-reduced-motion:reduce){.save-notice{animation:none}}.home.title-screen{background-image:radial-gradient(circle at 50% 118px,#0000 0 86px,#ffffff12 86px 89px,#0000 89px 128px,#ffffff0d 128px 130px,#0000 130px 176px,#ffffff09 176px 178px,#0000 178px);background-repeat:no-repeat;gap:14px}.title-head{text-align:center;padding-top:2vh}.title-head h1{letter-spacing:.02em;max-width:6.2em;color:var(--gold);text-shadow:var(--text-outline), 0 5px 0 var(--ink), 2px 6px 0 var(--ink);margin:0 auto;font-size:clamp(2.5rem,14.5vw,3.7rem);line-height:.98}.title-head .muted{margin:12px 0 0}.title-card{flex-direction:column;gap:14px;display:flex}.title-stats{text-align:center;grid-template-columns:1fr 1fr;gap:10px;margin:0;display:grid}.title-stats>div{background:var(--white);border:var(--ow-sm) solid var(--ink);box-shadow:inset 0 -3px 0 #e6e9f1, var(--lift-sm);border-radius:10px;padding:6px 8px 7px}.title-stats dt{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.75rem;font-weight:800}.title-stats dd{font-family:var(--font-display);font-variant-numeric:tabular-nums;margin:0;font-size:1.45rem;line-height:1.15}.btn.big-play{letter-spacing:.1em;text-transform:uppercase;border-radius:var(--radius-lg);justify-content:center;align-items:center;gap:12px;min-height:72px;font-size:2rem;display:flex}.btn.big-play:before{content:"";border-left:20px solid var(--ink);border-top:13px solid #0000;border-bottom:13px solid #0000;width:0;height:0}.backup-nudge{color:var(--ink);background:var(--paper-2);border:var(--ow-sm) solid var(--ink);box-shadow:inset 2px 2px 0 #fff3c8, inset -2px -3px 0 #e8cf84, var(--lift-sm);border-radius:12px;align-items:center;gap:10px;margin:0;padding:8px 10px 8px 12px;font-weight:800;display:flex}.backup-nudge span{flex:1}.title-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.title-row .btn{min-height:56px;font-size:1.2rem}.dev{align-self:flex-start}.dev-toggle{min-height:44px;font-family:var(--font-body);color:#b9c2d3;border:var(--ow-sm) dashed var(--n-400);touch-action:manipulation;background:0 0;border-radius:10px;padding:4px 12px;font-size:.85rem;font-weight:800}.dev-buttons{margin-top:8px}.legal-links{flex-wrap:wrap;justify-content:center;gap:0 6px;display:flex}.legal-links a{color:#b9c2d3;text-underline-offset:3px;-webkit-tap-highlight-color:transparent;align-items:center;min-height:44px;padding:0 10px;font-size:.85rem;font-weight:800;text-decoration:underline;display:inline-flex}.menu-sheet{z-index:40;background:var(--bg);height:100dvh;color:var(--paper);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);touch-action:manipulation;flex-direction:column;display:flex;position:fixed;inset:0}.menu-head{background:var(--n-700);border-bottom:var(--line);box-shadow:inset 0 2px 0 #34406a, inset 0 -3px 0 var(--n-900);flex:none;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.menu-head h2{letter-spacing:.06em;color:var(--gold);text-shadow:var(--text-outline);margin:0;font-size:1.7rem}.menu-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;flex:auto;gap:12px;padding:14px 16px 24px;display:flex;overflow-y:auto}.skin-how{counter-reset:step;flex-direction:column;gap:6px;margin:6px 0 2px;padding:0;font-size:.95rem;font-weight:800;list-style:none;display:flex}.skin-how li{counter-increment:step;align-items:center;gap:10px;display:flex}.skin-how li:before{content:counter(step);width:26px;height:26px;font-family:var(--font-display);color:var(--ink);background:var(--amber);border:var(--ow-sm) solid var(--ink);box-shadow:inset 1px 1px 0 var(--amber-hi), inset -1px -2px 0 var(--amber-shade);border-radius:50%;flex:none;place-items:center;font-size:.95rem;display:grid}.skin-summary{margin:0;font-size:1.05rem}.skin-summary b{font-family:var(--font-display);color:var(--gold);font-size:1.2rem;font-weight:400}.perk-line{border:var(--ow-sm) dashed var(--n-400);color:#b9c2d3;border-radius:12px;margin:0;padding:8px 10px;font-size:.9rem}.perk-line.on{border:var(--ow-sm) solid var(--amber);color:var(--paper);background:#ffb70324}.skin-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.skin-cell{min-height:112px;font:inherit;color:var(--ink);background:var(--paper);border:var(--line);border-radius:var(--radius-md);box-shadow:inset 2px 2px 0 var(--paper-hi), inset -2px -3px 0 var(--paper-shade), var(--lift);touch-action:manipulation;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;display:flex;position:relative}.skin-cell:active{box-shadow:inset 2px 3px 0 var(--paper-shade), var(--press);transform:translateY(2px)}.skin-cell.locked{color:#2c3340;box-shadow:inset 2px 2px 0 #b7bfce, inset -2px -3px 0 #7c8599, var(--lift);background:#9aa3b5}.skin-cell.worn{box-shadow:inset 2px 2px 0 #dcf5c8, inset -2px -3px 0 #94c878, var(--lift);background:#bfe8a0}.skin-cell.picked{outline:4px solid var(--amber);outline-offset:2px}.skin-cell.locked:after,.skin-cell.worn:after{content:"";background:var(--svg-lock) center / contain no-repeat;width:20px;height:20px;position:absolute;top:3px;right:3px}.skin-cell.worn:after{background-image:var(--svg-check)}.skin-cell .plate{width:48px;height:48px;font-family:var(--font-display);color:var(--paper);border:var(--line);background:#2f4a73;border-radius:12px;justify-content:center;align-items:center;font-size:1.3rem;display:flex;box-shadow:inset 2px 2px #4a6a9c,inset -2px -3px #223756}.skin-cell.locked .plate{color:#cfd5e0;background:#5b6577;box-shadow:inset 2px 2px #7a8499,inset -2px -3px #434b5c}.skin-cell .cname{text-align:center;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.74rem;font-weight:800;line-height:1.15;display:-webkit-box;overflow:hidden}.skin-cell .cbadge{font-family:var(--font-display);letter-spacing:.08em;font-size:.7rem}.pager{justify-content:space-between;align-items:center;gap:10px;display:flex}.pager>span{font-weight:800}.page-dots{margin-top:-4px}.skin-detail h3{margin:0 0 4px;font-size:1.3rem}.sbtns{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.sbtns a.btn{align-items:center;text-decoration:none;display:inline-flex}.ssection{padding:6px 14px 12px}.ssection h3{margin:8px 0 4px;font-size:1.2rem}.ssection .muted{color:var(--muted)}.srow{border-bottom:var(--ow-sm) dashed var(--paper-shade);justify-content:space-between;align-items:center;gap:12px;min-height:56px;display:flex}.srow:last-of-type{border-bottom:0}.slabel{flex-direction:column;font-weight:800;display:flex}.slabel small{color:var(--muted);font-size:.75rem;font-weight:600}.vol{align-items:center;gap:8px;display:flex}.volval{text-align:center;min-width:3ch;font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:1.15rem}.stepbtn,.switch,.segbtn{min-width:48px;min-height:48px;font-size:1.1rem}.stepbtn{border-radius:50%;padding:0;font-size:1.5rem;line-height:1}.switch{--k-fill:#d6dae6;--k-hi:#eef0f6;--k-shade:#aab2c6;border-radius:var(--radius-pill);flex-direction:row-reverse;justify-content:space-between;align-items:center;gap:8px;min-width:78px;padding:0 10px;display:flex}.switch[aria-checked=true]{flex-direction:row}.switch:after{content:"";background:var(--white);border:var(--ow-sm) solid var(--ink);width:24px;height:24px;box-shadow:inset 1px 1px 0 var(--white), inset -1px -2px 0 #cfd5e3;border-radius:50%;flex:none}.seg{display:flex}.seg .segbtn{border-radius:0;margin-left:-3px;padding:0 10px}.seg .segbtn:first-child{border-radius:12px 0 0 12px;margin-left:0}.seg .segbtn:last-child{border-radius:0 12px 12px 0}.codebox{margin-top:8px}.codebox textarea{width:100%;color:var(--ink);background:var(--white);border:var(--ow-sm) solid var(--ink);resize:none;-webkit-user-select:text;user-select:text;border-radius:8px;padding:6px;font:.8rem/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;display:block;box-shadow:inset 0 2px #0000001f}.reset{border-top:var(--ow-sm) dashed var(--paper-shade);margin-top:14px;padding-top:10px}.confirm{background:var(--white);border:var(--line);box-shadow:var(--lift-sm);border-radius:12px;padding:10px}.ctitle{font-family:var(--font-display);margin:0 0 4px;font-size:1.2rem}.slabel-main{align-items:center;gap:8px;display:inline-flex}.slabel-ico{width:26px;height:26px}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}html{background:var(--bg);-webkit-text-size-adjust:100%}body{overscroll-behavior:none;background:var(--bg);height:100dvh;color:var(--paper);font-size:var(--fs-lg);touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;line-height:1.4;overflow:hidden}#root{height:100dvh}.home{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;height:100%;padding:calc(16px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left));flex-direction:column;gap:16px;display:flex;overflow-y:auto}h1{font-size:var(--fs-3xl);margin:0;line-height:1.1}h2{margin:0 0 var(--sp-4);font-size:var(--fs-xl)}p{margin:0 0 var(--sp-4)}.muted{color:#b9c2d3}.page-card .muted{color:var(--muted)}.small{font-size:.85rem}.page-card{padding:14px}.page-card ol{margin:0 0 var(--sp-4);padding-left:1.3em}.rows{margin:0 0 var(--sp-5)}.row{justify-content:space-between;gap:var(--sp-5);padding:var(--sp-3) 0;border-bottom:var(--ow-sm) dashed var(--paper-shade);display:flex}.row:last-child{border-bottom:0}.row dt{font-weight:800}.row dd{text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0}.buttons{flex-wrap:wrap;gap:10px;display:flex}.btn{min-width:48px;min-height:48px;font-size:var(--fs-lg);padding:10px 16px}.small-btn{min-height:44px;font-size:var(--fs-md);padding:6px 14px}.update-banner{z-index:50;left:calc(12px + env(safe-area-inset-left));right:calc(12px + env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom));justify-content:space-between;align-items:center;gap:var(--sp-5);padding:var(--sp-4) var(--sp-4) var(--sp-4) var(--sp-6);background:var(--amber);box-shadow:inset 2px 2px 0 var(--amber-hi), inset -2px -3px 0 var(--amber-shade), var(--lift-lg);font-weight:800;display:flex;position:fixed}.overlay{z-index:100;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:var(--bg);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.error-screen{z-index:200;padding:16px}.error-screen h1{font-size:1.5rem}.error-screen .page-card{text-align:left;width:100%;max-width:420px}.rotate-title{font-family:var(--font-display);color:var(--amber);text-shadow:var(--text-outline);margin:12px 0 4px;font-size:1.6rem;font-weight:400}.phone-icon{border:5px solid var(--amber);width:36px;height:64px;box-shadow:0 0 0 3px var(--ink), inset 0 0 0 3px var(--ink);border-radius:10px;animation:2.4s ease-in-out infinite tilt}@keyframes tilt{0%,35%{transform:rotate(90deg)}65%,to{transform:rotate(0)}}@media (prefers-reduced-motion:reduce){.phone-icon{animation:none}}.safe-probe{visibility:hidden;width:0;height:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:absolute}.game{z-index:10;touch-action:pan-y;background:#12141c;position:fixed;inset:0;overflow:hidden}.game-host{position:absolute;inset:0}.game-host canvas{width:100%;height:100%;display:block}.game-controls{left:calc(12px + env(safe-area-inset-left));right:calc(12px + env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom));justify-content:center;gap:10px;display:flex;position:absolute}.debug-corner{z-index:12;background:0 0;border:0;width:56px;height:56px;padding:0;position:absolute;top:0;left:0}.debug-overlay{top:calc(4px + env(safe-area-inset-top));left:calc(6px + env(safe-area-inset-left));color:#d8f5d0;pointer-events:none;z-index:11;white-space:pre;background:#0000008c;border-radius:6px;margin:0;padding:4px 6px;font:11px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute}.game-progress{text-align:center;pointer-events:none;font-weight:700;position:absolute;top:40%;left:0;right:0}.game-error{color:#ff8d86;padding:0 24px}.game-banner{left:16px;right:16px;bottom:calc(86px + env(safe-area-inset-bottom));text-align:center;font-family:var(--font-display);color:var(--ink);background:var(--amber);border:var(--line);border-radius:var(--radius-md);box-shadow:inset 2px 2px 0 var(--amber-hi), inset -2px -3px 0 var(--amber-shade), var(--lift);padding:10px;font-size:1.2rem;position:absolute}.soak-card{text-align:left;width:calc(100% - 24px);max-width:460px;max-height:100%;overflow-y:auto}.soak-result{z-index:20;background:#12141cf0}.soak-result .row dt{text-align:left;font-weight:600}.soak-result .row dd{font-size:.85rem}