:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--leaf:#4caf50;--leaf-d:#2a7f35;--leaf-l:#e3f4dc;--sun:#ffc83d;--sun-d:#e09a00;--sun-l:#fff3c4;--sky:#4fb3ff;--sky-d:#1a6fae;--sky-l:#dff2fd;--rose:#f0627a;--rose-d:#c43a55;--cream:#fffdf6;--cream-w:#fff8e7;--cream-2:#fdeec8;--card:var(--cream);--line:#ecdcb2;--line-2:#f4e8c8;--ink:#2d2a26;--ink-2:#51432f;--muted:#5c4d37;--ink-3:var(--muted);--danger:#d6363b;--red:var(--danger);--ok:#26803a;--glass-bg:#fffdf6bd;--glass-bg-strong:#fffdf6e6;--glass-bg-toast:#2d2a26d9;--glass-blur:14px;--glass-blur-strong:18px;--glass-blur-toast:10px;--glass-border:#fff9;--glass-filter:blur(var(--glass-blur)) saturate(1.35);--glass-filter-strong:blur(var(--glass-blur-strong)) saturate(1.35);--glass-filter-toast:blur(var(--glass-blur-toast));--toast-a:.86;--scrim-filter:blur(3px);--r-sm:10px;--r-md:14px;--r-lg:18px;--r-xl:24px;--r-pill:999px;--r:var(--r-md);--shadow-1:0 2px 8px #50381029;--shadow-2:0 6px 22px #50381033;--shadow-3:0 12px 38px #50381047;--shadow:var(--shadow-2);--shadow-s:var(--shadow-1);--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--font:"Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--fs-xs:clamp(12px, .72vw + 9.4px, 13px);--fs-sm:clamp(12.5px, .8vw + 9.8px, 14px);--fs-md:clamp(14.5px, .45vw + 12.6px, 16px);--fs-lg:clamp(17px, .5vw + 15px, 20px);--fs-xl:clamp(20px, .9vw + 16px, 26px);--fs-label:10px;--hud-h:120px;--safe-t:env(safe-area-inset-top,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--tap:44px;--tap-sm:36px;--panel-w:clamp(380px, 30vw, 440px);--panel-w-wide:clamp(400px, 34vw, 480px);--tb-w:56px}:root.solid{--glass-bg:#fffdf6;--glass-bg-strong:#fffdf6;--glass-bg-toast:#2d2a26;--glass-border:#fff;--glass-filter:none;--glass-filter-strong:none;--glass-filter-toast:none;--scrim-filter:none;--toast-a:1}@media (prefers-reduced-transparency:reduce){:root{--glass-bg:#fffdf6;--glass-bg-strong:#fffdf6;--glass-bg-toast:#2d2a26;--glass-border:#fff;--glass-filter:none;--glass-filter-strong:none;--glass-filter-toast:none;--scrim-filter:none;--toast-a:1}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){:root{--glass-bg:#fffdf6;--glass-bg-strong:#fffdf6;--glass-bg-toast:#2d2a26;--glass-border:#fff;--glass-filter:none;--glass-filter-strong:none;--glass-filter-toast:none;--scrim-filter:none;--toast-a:1}}@media (pointer:coarse),(width<=719px),(height<=520px){:root{--tap-sm:44px}}.pill.hud-team{gap:2px;padding-right:4px}.ht-open{min-width:0;min-height:var(--tap);text-align:left;color:inherit;background:0 0;border:0;border-radius:18px;flex:0 auto;align-items:center;gap:8px;margin:0;padding:0 6px 0 0;display:flex}.ht-open:focus-visible,.era-ring:focus-visible{outline-offset:0}.era-ring{min-width:var(--tap);min-height:var(--tap);color:var(--ink);background:0 0;border:0;border-radius:22px;flex:none;align-items:center;gap:2px;margin:0;padding:0 6px 0 2px;transition:background .15s;display:inline-flex}.era-ring:hover,.era-ring.on{background:#fff3c4cc}.er-disc{flex:none;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex;position:relative}.er-disc svg{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.er-track{stroke:#e6d9b3}.er-val{stroke:var(--leaf-d);transition:stroke-dashoffset .5s}.era-ring.mega .er-val{stroke:#b36f00}.er-em{font-size:17px;line-height:1;position:relative}.er-pct{color:var(--ink);font-variant-numeric:tabular-nums;text-align:left;min-width:2.5em;font-size:12px;font-weight:800}#era-pop{z-index:6;top:calc(var(--hud-h) + 6px);right:calc(10px + var(--safe-r));width:min(370px, calc(100vw - 20px - var(--safe-l) - var(--safe-r)));max-height:calc(100dvh - var(--hud-h) - 20px);background:var(--glass-bg-strong);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-filter-strong);backdrop-filter:var(--glass-filter-strong);box-shadow:var(--shadow-2), inset 0 1px 0 #fff9;overscroll-behavior:contain;border-radius:22px;flex-direction:column;gap:10px;padding:12px 14px 14px;animation:.2s pop;display:flex;position:absolute;overflow-y:auto}#era-pop:focus{outline:none}.ep-head{align-items:center;gap:10px;display:flex}.ep-em{flex:none;font-size:34px;line-height:1}.ep-ttl{flex:1;min-width:0}.ep-ttl h3{font-size:16px;font-weight:800}.ep-route{color:var(--ink-2);font-size:13px;font-weight:700}.ep-overall{flex-direction:column;font-size:15px;font-weight:800;display:flex}.ep-overall small{font-size:12.5px;font-weight:500}.ep-mega{background:linear-gradient(135deg, #e3f8e7, var(--sun-l));border-radius:14px;padding:8px 10px}.ep-bars{flex-direction:column;gap:8px;display:flex}.ep-row{background:#fff8e7bf;border:2px solid #0000;border-radius:14px;align-items:flex-start;gap:8px;padding:8px 10px;display:flex}.ep-row.bn{border-color:var(--sun-d);background:var(--sun-l)}.ep-ic{text-align:center;flex:none;width:26px;font-size:20px;line-height:1.3}.ep-main{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.ep-label{justify-content:space-between;align-items:baseline;gap:8px;font-size:13px;display:flex}.ep-name{color:var(--ink);flex-wrap:wrap;align-items:baseline;gap:0 6px;min-width:0;font-weight:700;display:flex}.ep-sub{color:var(--ink-2);font-size:12.5px;font-weight:600}.ep-tag{color:#fff;white-space:nowrap;background:#8a5500;border-radius:8px;padding:0 6px;font-size:12px;font-style:normal;font-weight:800}.ep-label b{color:var(--ink);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;flex:none;font-weight:800}.ep-bar{flex:none;height:12px;display:block}.ep-bar>i{background:linear-gradient(#5fb84d,#2a7f35)}.ep-bar.ok>i{background:linear-gradient(#5fe07a,#2f9e44)}.ep-row.bn .ep-bar{background:#e2cf9b}.ep-note{color:var(--muted);font-size:12.5px}.ep-btn{align-self:flex-start}.ep-hint{background:var(--sky-l);color:var(--ink);border-radius:14px;align-items:flex-start;gap:8px;padding:8px 10px;font-size:13.5px;line-height:1.4;display:flex}.ep-hint-ic{flex:none}.ep-hint p{margin:0}.ep-eta{color:var(--ink-2);font-size:13px}body.mode-visit #era-pop{display:none}@media (width<=719px){.er-pct{display:none}.era-ring{min-width:38px;padding:0;position:relative}.era-ring:after{content:"";position:absolute;inset:0 -3px}.ht-top .era-badge{display:none}.ht-open{gap:6px;padding-right:0}.pill.hud-team{padding-left:6px;padding-right:2px}.hud-team .ht-name{max-width:64px}.hud-team .ht-emblem{border-radius:11px;width:34px;height:34px;font-size:19px}}@media (width<=719px) and (height>=521px){#era-pop{left:calc(8px + var(--safe-l));right:calc(8px + var(--safe-r));width:auto;max-height:calc(100dvh - var(--hud-h) - 78px)}}@media (height<=520px) and (orientation:landscape){#era-pop{right:calc(var(--tb-w) + 14px + var(--safe-r));width:min(370px, calc(100vw - var(--tb-w) - 28px));max-height:calc(100dvh - var(--hud-h) - 12px)}}@media (height<=700px){#era-pop{gap:8px;padding:10px 12px 12px}.ep-overall small{display:none}.ep-bars{gap:6px}.ep-row{padding:6px 8px}.ep-em{font-size:28px}}@media (prefers-reduced-motion:reduce){.er-val,.ep-bar>i,.era-ring{transition:none!important}#era-pop{animation:none}}.ch-back{z-index:92;-webkit-backdrop-filter:var(--scrim-filter);backdrop-filter:var(--scrim-filter);background:#281c0873;justify-content:center;align-items:center;padding:14px;animation:.2s fadein;display:flex;position:fixed;inset:0}.ch-back.out{opacity:0;transition:opacity .18s}.ch-card{background:var(--glass-bg-strong);border:1px solid var(--glass-border);width:min(740px,100%);max-height:calc(100dvh - 28px);-webkit-backdrop-filter:var(--glass-filter-strong);backdrop-filter:var(--glass-filter-strong);box-shadow:var(--shadow-3), inset 0 1px 0 #fff9;border-radius:24px;flex-direction:column;animation:.25s pop;display:flex;overflow:hidden}.ch-card:focus{outline:none}.ch-head{flex:none;align-items:center;gap:10px;padding:14px 14px 6px 18px;display:flex}.ch-hic{color:var(--sky-d);font-size:28px;display:inline-flex}.ch-head h2{min-width:0;font-size:var(--fs-lg);flex:1;font-weight:800}.ch-body{overscroll-behavior:contain;flex:auto;min-height:0;padding:4px 18px 8px;overflow-y:auto}.ch-cols{grid-template-columns:1fr;gap:12px 18px;display:grid}@media (width>=640px){.ch-cols.two{grid-template-columns:1fr 1fr;align-items:start}}.ch-sec h3{color:var(--ink);align-items:center;gap:8px;margin:8px 0;font-size:15px;font-weight:800;display:flex}.ch-sec h3 .ph{color:var(--sky-d);font-size:20px}.ch-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.ch-row{background:#fff8e7cc;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px;min-height:42px;padding:6px 10px;display:flex}.ch-in{color:var(--ink);flex-wrap:wrap;flex:130px;align-items:center;gap:6px;font-size:13.5px;font-weight:700;display:flex}.ch-act{color:var(--ink-2);flex:130px;font-size:13.5px}.ch-g{align-items:center;gap:6px;display:inline-flex}.ch-ri{color:var(--sky-d);font-size:18px}.ch-caps,.ch-caps-line{flex-wrap:wrap;align-items:center;gap:4px;display:inline-flex}.ch-caps-line{gap:6px}.ch-or{color:var(--muted);font-size:12px;font-weight:600}.keycap{min-width:28px;height:28px;color:var(--ink);background:linear-gradient(#fff,#f4ead0);border:1px solid #c9b684;border-bottom-width:3px;border-radius:7px;justify-content:center;align-items:center;padding:0 7px;font:800 13px/1 ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;display:inline-flex;box-shadow:inset 0 1px #ffffffe6}.keycap.wide{padding:0 10px}.ch-note{color:var(--muted);margin:10px 2px 4px;font-size:12.5px}.ch-foot{flex:none;justify-content:flex-end;padding:8px 18px 14px;display:flex}.ch-ok{min-width:150px}@media (width<=719px) and (height>=521px){.ch-back{align-items:flex-end;padding:0}.ch-card{width:100%;max-height:70dvh;padding-bottom:var(--safe-b);border-bottom:0;border-radius:24px 24px 0 0;animation:.28s cubic-bezier(.2,.9,.3,1.05) chsheet}.ch-foot{padding-bottom:12px}.ch-ok{width:100%}}@keyframes chsheet{0%{transform:translateY(100%)}}@media (height<=520px){.ch-back{padding:8px calc(8px + var(--safe-r)) 8px calc(8px + var(--safe-l))}.ch-card{max-height:calc(100dvh - 16px)}.ch-head{padding-top:8px;padding-bottom:2px}.ch-foot{padding-bottom:8px}}@media (prefers-reduced-motion:reduce){.ch-card{animation:none}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;color:var(--ink);font-family:var(--font);font-size:var(--fs-md);touch-action:manipulation;-webkit-text-size-adjust:100%;background:#cfe9b5;margin:0;line-height:1.4;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}input,select,textarea{font:inherit;color:var(--ink)}h1,h2,h3,h4,p{margin:0}[hidden]{display:none!important}b{font-weight:700}:focus-visible{outline:3px solid var(--sky);outline-offset:2px}#stage{z-index:0;touch-action:none;overscroll-behavior:none;background:linear-gradient(#9fd8f5,#d9f0c2);position:fixed;inset:0}#stage canvas{touch-action:none;outline:none;width:100%;height:100%;display:block}#ui{z-index:20;pointer-events:none;position:fixed;inset:0}#ui>*{pointer-events:auto}#screens{z-index:50;pointer-events:none;position:fixed;inset:0}#screens>*{pointer-events:auto}.btn{--b:var(--cream-2);--bd:#dcc58c;--c:var(--ink);background:var(--b);min-height:44px;color:var(--c);letter-spacing:.1px;box-shadow:0 4px 0 var(--bd), 0 6px 10px #50381024;-webkit-user-select:none;user-select:none;white-space:nowrap;border:0;border-radius:14px;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-weight:700;transition:transform 80ms,box-shadow 80ms,filter .15s;display:inline-flex;position:relative}.btn:hover{filter:brightness(1.05)}.btn:active:not(:disabled){box-shadow:0 1px 0 var(--bd), 0 2px 4px #50381024;transform:translateY(3px)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;filter:grayscale(.4)}.btn.primary{--b:var(--leaf);--bd:var(--leaf-d);--c:#fff;text-shadow:0 1px #00000026}.btn.sun{--b:var(--sun);--bd:var(--sun-d);--c:#4a3200}.btn.sky{--b:var(--sky);--bd:var(--sky-d);--c:#fff;text-shadow:0 1px #00000026}.btn.danger{--b:var(--red);--bd:#b3282d;--c:#fff}.btn.ghost{--b:transparent;--bd:transparent;box-shadow:none;border:2px solid var(--line);font-weight:600}.btn.ghost:active:not(:disabled){background:var(--cream-2);transform:none}.btn.ghost.danger{--c:var(--red);border-color:#f3b9bb}.btn.sm{min-height:var(--tap-sm);box-shadow:0 3px 0 var(--bd);border-radius:12px;padding:5px 12px;font-size:13px}.btn.big{border-radius:16px;width:100%;min-height:52px;font-size:17px}.btn.huge{border-radius:18px;width:100%;min-height:60px;font-size:21px}.btn.on{--b:var(--sun);--bd:var(--sun-d)}.btn.busy{pointer-events:none;opacity:.7}.btn.busy:after{content:"";border:3px solid;border-right-color:#0000;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin}.btn.glow{animation:1.6s ease-in-out infinite glow}.btn.bounce{animation:.6s bounce}@keyframes glow{0%,to{filter:brightness()}50%{filter:brightness(1.12)saturate(1.1);box-shadow:0 4px 0 var(--bd), 0 0 18px #ffc83dd9}}@keyframes bounce{0%{transform:scale(.7)}60%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}.x-btn{width:var(--tap);height:var(--tap);background:var(--cream-2);color:var(--ink-2);border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;font-size:16px;font-weight:700;display:inline-flex}.ph{vertical-align:-.125em;pointer-events:none;flex:none;width:1em;height:1em;line-height:1;display:inline-flex}.ph svg{width:100%;height:100%;display:block}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.x-btn:hover{background:#f6ddaa}.link-btn{min-height:var(--tap-sm);color:var(--sky-d);background:0 0;border:0;padding:8px;font-size:13px;text-decoration:underline}.chip{background:var(--sun-l);white-space:nowrap;border:1.5px solid #f3dc8b;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:13px;display:inline-flex}.chip.warm{background:var(--sun-l)}.chip.tiny{padding:0 6px;font-size:12px}.chip.water{background:var(--sky-l);border-color:#a9d9f3}.chip-btn{border:1.5px solid var(--line);min-height:var(--tap-sm);background:#fff;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600}.chip-btn:active{background:var(--sun-l)}.muted{color:var(--ink-3)}.small{font-size:12.5px}.center{text-align:center}.ok-text{color:var(--ok);font-weight:600}.bad{color:var(--red)}.warn{color:#b3541b;background:#fff0dc;border:1.5px solid #f6cf9d;border-radius:10px;padding:5px 9px;font-size:13px}.hint{color:var(--ink-3);font-size:13px}.coin{color:#8a5a00;white-space:nowrap;font-weight:700}.coin.big{font-size:18px}.avatar{color:#fff;border:2px solid #fff;border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:800;display:inline-flex;box-shadow:0 1px 3px #00000040}.avatar.online{box-shadow:0 0 0 2px #7ad77f}.role{font-size:14px}.dot{background:#bbb;border:2px solid #fff;border-radius:50%;width:11px;height:11px;display:inline-block;position:absolute;bottom:-2px;right:-2px}.dot.on{background:#3ccf4e}.av-wrap{flex:none;display:inline-flex;position:relative}.inp{border:2.5px solid var(--line);background:#fff;border-radius:14px;width:100%;min-height:46px;padding:8px 14px;font-size:16px;transition:border-color .15s,box-shadow .15s}.inp:focus{border-color:var(--sky);outline:none;box-shadow:0 0 0 4px #4fb8f038}.inp.big{text-align:center;min-height:56px;font-size:20px;font-weight:700}.inp.num{text-align:center;flex:none;width:90px}textarea.inp{resize:vertical;min-height:80px}select.inp{padding-right:8px}.field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field>span:first-child{color:var(--ink-2);font-size:13px;font-weight:700}.row-switch{min-height:var(--tap);flex-direction:row;justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px;display:flex}.switch{flex:none;width:54px;height:32px;display:inline-block;position:relative}.switch:after{content:"";position:absolute;inset:-6px -4px}.switch input{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;margin:0;position:absolute;inset:0}.switch i{background:#d8ccb0;border-radius:999px;transition:background .2s;position:absolute;inset:0}.switch i:after{content:"";background:#fff;border-radius:50%;width:26px;height:26px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000004d}.switch input:checked+i{background:var(--leaf)}.switch input:checked+i:after{transform:translate(22px)}.row-btns{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.row-btns.grow .inp{flex:1;min-width:140px}.bar{background:#eadcb8;border-radius:999px;flex:1;height:12px;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #0000001f}.bar>i{background:linear-gradient(#7fd667,#4caf50);border-radius:999px;width:0;height:100%;transition:width .4s;display:block}.bar.warm>i{background:linear-gradient(#ffd964,#f5a300)}.bar.ok>i{background:linear-gradient(#5fe07a,#2f9e44)}.bar.xp{height:14px}.bar.xp>i{background:linear-gradient(#7fd8ff,#3aa6e0)}.bar .hp-xp-tx{color:#1d4e6e;text-shadow:0 0 3px #fff,0 0 3px #fff;justify-content:center;align-items:center;font-size:10px;font-weight:800;display:flex;position:absolute;inset:0}.seg{background:var(--cream-2);border-radius:14px;gap:4px;padding:4px;display:flex}.seg.scroll{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.seg.scroll::-webkit-scrollbar{display:none}.seg-btn{min-height:var(--tap-sm);color:var(--ink-2);white-space:nowrap;background:0 0;border:0;border-radius:11px;flex:1 0 auto;padding:4px 12px;font-size:14px;font-weight:700;transition:background .15s}.seg-btn.on{color:var(--ink);background:#fff;box-shadow:0 2px 5px #5038102e}.seg.mini .seg-btn{min-height:var(--tap-sm);padding:2px 10px;font-size:13px}.seg-btn.cat{flex-direction:column;align-items:center;gap:0;min-width:64px;padding:4px 10px;display:flex}.seg-btn.cat small{font-size:12px;font-weight:700}.seg-btn.cat span{font-size:20px;line-height:1.1}.tabs{scrollbar-width:none;border-bottom:2px solid var(--line-2);background:#fffdf673;flex:none;gap:4px;padding:6px 8px 0;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{min-width:62px;color:var(--muted);background:0 0;border:0;border-radius:12px 12px 0 0;flex-direction:column;flex:1 0 auto;align-items:center;gap:0;padding:6px 8px 8px;font-size:18px;display:flex;position:relative}.tab-l{font-size:12px;font-weight:700}.tab-ic{font-size:22px;display:inline-flex}.tab.on{color:var(--ink);background:var(--sun-l);box-shadow:inset 0 -4px 0 var(--sun)}.tab-badge{background:var(--red);color:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:12px;font-style:normal;font-weight:800;display:flex;position:absolute;top:2px;right:6px}.tabs.cats .tab{min-width:70px}.tab-content{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:1;min-height:0;overflow:hidden auto}.tab-content.flex-col{flex-direction:column;display:flex}.tab-pad{padding:14px}.list{flex-direction:column;gap:8px;display:flex}.sec{margin-bottom:18px}.sec-title{color:var(--ink-2);letter-spacing:.2px;align-items:center;gap:6px;margin-bottom:8px;font-size:14px;font-weight:800;display:flex}.sec-ic{color:var(--leaf-d);font-size:18px}.intro{margin-bottom:10px}.empty{text-align:center;color:var(--ink-3);padding:28px 14px}.empty-ic{filter:grayscale(.2);font-size:46px}.empty-tx{color:var(--ink-2);margin-top:4px;font-weight:700}.empty-sub{margin-top:4px;font-size:13px}.loading{color:var(--ink-3);justify-content:center;align-items:center;gap:10px;padding:30px;display:flex}.spinner{border:3px solid var(--sun);border-right-color:#0000;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.dots{justify-content:center;gap:6px;margin:10px 0;display:flex}.dots i{background:var(--sun-d);border-radius:50%;width:10px;height:10px;animation:1s infinite dotb}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}@keyframes dotb{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(-7px)}}.ichip{border:1.5px solid var(--line);background:#fff;border-radius:999px;align-items:center;gap:4px;padding:3px 9px 3px 6px;font-size:13px;font-weight:700;display:inline-flex}.ichip b{font-size:17px}.ichip.big b{font-size:22px}.ichip.big{padding:4px 11px 4px 8px;font-size:14px}.ichip.lack{color:var(--red);background:#fff1f1;border-color:#f3a3a6}.ichip.out{background:var(--leaf-l);border-color:#b5deae}.stat-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px;display:grid}.stat{border:1.5px solid var(--line-2);background:#fff;border-radius:12px;align-items:center;gap:8px;padding:8px 10px;display:flex}.stat-ic{font-size:22px}.stat b{font-size:15px;display:block}.stat small{color:var(--ink-3);font-size:12px}.emoji-grid{grid-template-columns:repeat(10,1fr);gap:4px;display:grid}.em{aspect-ratio:1;min-height:var(--tap-sm);background:#fff;border:2.5px solid #0000;border-radius:10px;padding:0;font-size:20px}.em.on{border-color:var(--leaf);background:var(--leaf-l);transform:scale(1.08)}.swatches{flex-wrap:wrap;gap:8px;display:flex}.sw{width:var(--tap-sm);height:var(--tap-sm);box-shadow:0 0 0 2px var(--line);border:3px solid #fff;border-radius:50%;padding:0}.sw.on{box-shadow:0 0 0 3px var(--ink);transform:scale(1.1)}.pop{animation:.35s pop}.tick{animation:.45s tick}@keyframes pop{0%{opacity:0;transform:scale(.85)}70%{transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes tick{0%{color:var(--sun-d);transform:scale(1.35)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}#boot{z-index:100;background:linear-gradient(#bfe6fb,#e6f6cf);justify-content:center;align-items:center;transition:opacity .5s;display:flex;position:fixed;inset:0}#boot.out{opacity:0;pointer-events:none}.boot-in{text-align:center}.boot-em{font-size:72px;animation:1.4s ease-in-out infinite bob}.boot-tx{color:var(--leaf-d);font-size:28px;font-weight:800}@keyframes bob{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-12px)rotate(4deg)}}.screen{-webkit-backdrop-filter:var(--scrim-filter);backdrop-filter:var(--scrim-filter);background:linear-gradient(#9fd8f5b8,#d9f0c2c7);justify-content:center;align-items:center;padding:16px;animation:.4s fadein;display:flex;position:fixed;inset:0;overflow-y:auto}.screen.out{opacity:0;pointer-events:none;transition:opacity .4s}@keyframes fadein{0%{opacity:0}}.screen{align-items:flex-start}.screen>.start-card{margin:auto}.screen.teamchoice{align-items:flex-start}.floaties{pointer-events:none;position:absolute;inset:0;overflow:hidden}.floaties span{opacity:.55;animation:linear infinite rise;position:absolute;bottom:-60px}@keyframes rise{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-115vh)rotate(25deg)}}.start-top{top:calc(10px + var(--safe-t));z-index:2;position:absolute;right:12px}.start-card,.choice-card{z-index:1;background:var(--glass-bg-strong);border:1px solid var(--glass-border);text-align:center;border-radius:26px;width:min(440px,100%);padding:24px 22px;animation:.5s pop;position:relative}.choice-card{text-align:left;width:min(520px,100%);margin:40px auto 20px;padding:20px}.logo{color:var(--sun-d);letter-spacing:-1px;text-shadow:0 3px #fff,0 6px 12px #0000001f;justify-content:center;align-items:center;gap:8px;font-size:44px;font-weight:800;display:flex}.logo b{color:var(--leaf-d);font-weight:800}.logo-em{font-size:54px;animation:2.2s ease-in-out infinite bob;display:inline-block}.logo-em.big{font-size:64px}.tagline{color:var(--ink-2);margin:6px 0 18px;font-size:15px}.invite-banner{background:var(--sun-l);border:2px dashed var(--sun-d);border-radius:14px;margin-bottom:14px;padding:8px 12px;font-size:14px;font-weight:600}.start-card .field{text-align:left}.form-err{color:var(--red);min-height:20px;margin:-6px 0 6px;font-size:14px;font-weight:600}.perks{color:var(--ink-2);flex-direction:column;gap:4px;margin:16px 0 4px;font-size:13.5px;display:flex}.restore{gap:8px;margin-top:6px;display:flex}.restore .inp{min-height:40px;font-size:14px}.lang-sw .seg{background:#fffc}.choice-head{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.choice-head h2{font-size:22px}.hello{align-items:center;gap:10px;display:flex}.hello small{color:var(--ink-3);display:block}.choice-body{padding-top:14px}.team-preview{background:var(--cream-2);border-radius:16px;justify-content:center;align-items:center;gap:12px;margin-bottom:14px;padding:12px;font-size:20px;display:flex}.pv-emblem,.lb-emblem,.vb-emblem,.ht-emblem{border:3px solid #fff;border-radius:16px;flex:none;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 2px 6px #00000040}.pv-emblem{width:56px;height:56px;font-size:32px}.pub-team{border:2px solid var(--line-2);background:#fff;border-radius:14px;align-items:center;gap:10px;padding:10px;display:flex}.pub-info{flex-direction:column;flex:1;min-width:0;display:flex}.pub-info small{color:var(--ink-3)}.pub-motto{text-overflow:ellipsis;white-space:nowrap;font-style:italic;overflow:hidden}.pending{text-align:center}.pend-ic{font-size:56px;animation:1.6s infinite bob}.pending h2{margin:6px 0}.pending p{color:var(--ink-2);margin-bottom:8px}.cooldown{background:#fff0dc;border:2px solid #f6cf9d;border-radius:12px;margin-bottom:10px;padding:8px 12px;font-size:14px;font-weight:600}.code-in{letter-spacing:6px;text-transform:uppercase;margin:10px 0 14px}#hud{padding:calc(var(--sp-2) + var(--safe-t)) calc(10px + var(--safe-r)) 0 calc(10px + var(--safe-l));gap:var(--sp-2);grid-template-columns:auto minmax(0,1fr) auto;align-items:start;display:grid;position:absolute;top:0;left:0;right:0;pointer-events:none!important}#hud>*{pointer-events:auto}.pill{min-height:var(--tap);text-align:left;border-radius:22px;align-items:center;gap:8px;min-width:0;padding:5px 12px 5px 6px;display:flex}button.pill{cursor:pointer}.hud-player{max-width:330px}.hp-main{flex-direction:column;gap:2px;min-width:76px;display:flex}.hp-top{align-items:baseline;gap:6px;display:flex}.hp-name{text-overflow:ellipsis;white-space:nowrap;max-width:100px;font-size:14px;font-weight:800;overflow:hidden}.hp-lv{color:#fff;white-space:nowrap;background:#1a6fae;border-radius:8px;padding:0 6px;font-size:12px;font-weight:800}.hp-res{flex-direction:column;gap:0;font-size:13px;display:flex}.res{white-space:nowrap;align-items:center;gap:3px;font-weight:800;display:inline-flex}.res b{min-width:24px;display:inline-block}.res .ph{color:#c47f00;font-size:15px}.res.kp .ph{color:#7b3fb3}.res.treasury .ph{color:#c47f00}.res.kp b{color:#5e2a96}.hud-chips{scrollbar-width:none;overscroll-behavior-x:contain;flex-wrap:nowrap;justify-content:flex-start;gap:6px;min-width:0;padding:2px;display:flex;overflow:auto hidden}.hud-chips::-webkit-scrollbar{display:none}.hud-chips>:first-child{margin-left:auto}.hud-chips>:last-child{margin-right:auto}.hud-chips.fade-r{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 20px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 20px),#0000)}.hud-chips .chip{min-height:40px;color:var(--ink);flex:none;gap:5px;padding:2px 12px;font-size:13.5px;font-weight:800;position:relative}.hud-chips .chip:after{content:"";position:absolute;inset:-2px 0}.chip-ic{display:inline-flex}.hud-chips .chip .ph{font-size:18px}.lp{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.stat-pop .ph{color:var(--sky-d)}.stat-happy .ph{color:#c98a00}.stat-beauty .ph{color:var(--rose-d)}.stat-power .ph{color:#c47f00}.stat-water .ph{color:var(--sky-d)}.hud-chips .chip.bad{color:#9c1519}.hud-chips .chip.bad .ph{color:#c0262b}.hud-chips .chip.shake{animation:.5s 2 shake}.hud-right{justify-self:end;align-items:flex-start;gap:6px;min-width:0;display:flex}.hud-btns{flex:none;gap:6px;display:flex}.hud-btn{width:var(--tap);height:var(--tap);cursor:pointer;color:var(--ink-2);border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;font-size:22px;line-height:1;transition:transform .1s;display:flex}.hud-btn:active{transform:scale(.9)}.hud-btn.off{color:var(--muted)}.hud-team{max-width:320px;padding-left:8px}.ht-emblem{border-radius:13px;width:40px;height:40px;font-size:22px}.ht-main{flex-direction:column;min-width:0;display:flex}.ht-top{align-items:center;gap:6px;display:flex}.ht-name{text-overflow:ellipsis;white-space:nowrap;max-width:130px;font-size:14px;font-weight:800;overflow:hidden}.era-badge{background:var(--leaf-l);color:#1f6a2a;white-space:nowrap;border-radius:8px;padding:0 6px;font-size:12px;font-weight:800}.ht-sub{align-items:center;gap:8px;font-size:13px;display:flex}.presence{align-items:center;margin-left:2px;display:inline-flex}.presence .avatar{border-width:1.5px;margin-left:-6px}.presence .avatar:first-child{margin-left:0}.presence-more{color:var(--ink-2);margin-left:3px;font-size:12px;font-weight:800}.presence-dot{background:#9a9a9a;border-radius:50%;width:9px;height:9px}#toolbar{left:50%;bottom:calc(10px + var(--safe-b));max-width:calc(100vw - 12px - var(--safe-l) - var(--safe-r));pointer-events:auto;border-radius:26px;gap:4px;padding:6px;transition:transform .25s,opacity .2s;display:flex;position:absolute;transform:translate(-50%)}.tb-btn{--ic:var(--ink-2);background:0 0;border:0;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:1px;width:auto;min-width:72px;min-height:58px;padding:2px 6px;transition:transform .1s,background .15s;display:flex;position:relative}.tb-btn[data-panel=build]{--ic:#c46f00}.tb-btn[data-panel=inventory]{--ic:#c8386e}.tb-btn[data-panel=orders]{--ic:#1f78bf}.tb-btn[data-panel=codex]{--ic:#2a8036}.tb-btn[data-panel=quiz]{--ic:#d4561f}.tb-btn[data-panel=team]{--ic:#5b4bc4}.tb-btn[data-panel=leaderboard]{--ic:#c48a00}.tb-btn[data-panel=settings]{--ic:#55606e}.tb-btn:hover{background:#fff3c4cc}.tb-btn:active{transform:scale(.92)}.tb-btn.on{background:#fff3c4e6}.tb-ic{color:var(--ic);font-size:28px;line-height:1;display:flex}.tb-label{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;font-weight:800;overflow:hidden}.tb-badge{background:var(--danger);color:#fff;border:2px solid #fff;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:12px;font-weight:800;animation:.3s pop;display:flex;position:absolute;top:0;right:8px}.tb-btn.pulse{background:var(--sun-l);animation:1.2s infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 #ffc83dcc}50%{box-shadow:0 0 0 9px #ffc83d00}}.ready-bar{left:50%;bottom:calc(92px + var(--safe-b));flex-direction:column;align-items:center;gap:6px;max-width:calc(100vw - 16px);display:flex;position:absolute;transform:translate(-50%)}.ready-bar[hidden],.ready-chip[hidden],.rb-btn[hidden]{display:none}.ready-chip{min-height:var(--tap);color:#3a2700;--bd:var(--sun-d);border-radius:999px;padding:8px 18px;font-weight:800;animation:.6s bounce,1.8s 1s infinite glow}.rb-btns{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.rb-btn{min-height:var(--tap);box-shadow:var(--shadow-2);color:#3a2700;background:#fff6d6;border:3px solid #fff;border-radius:999px;align-items:center;gap:6px;padding:4px 14px;font-size:13px;font-weight:800;display:inline-flex}.rb-btn.leaf{background:var(--leaf-d);color:#fff;text-shadow:0 1px #00000026}.rb-btn:active:not(:disabled){transform:scale(.95)}.rb-btn:disabled{opacity:.6;cursor:progress}.perf{font-variant-numeric:tabular-nums}.perf-row{border-bottom:1px dashed var(--line);justify-content:space-between;gap:12px;padding:3px 0;font-size:13.5px;display:flex}.perf-row:last-child{border-bottom:0}#paint-badge{z-index:70;pointer-events:none;color:#fff;white-space:nowrap;box-shadow:var(--shadow-2);background:#3c2d14eb;border-radius:999px;padding:5px 12px;font-size:14px;font-weight:800;position:fixed;transform:translate(-50%,calc(-100% - 38px))}#paint-badge[hidden]{display:none}#paint-badge.warn{background:#c0392b}body.tool-active #toolbar,body.tool-active .ready-bar,body.mode-visit #toolbar,body.mode-visit .ready-bar,body.mode-visit #hud{opacity:0;transform:translate(-50%,160%);pointer-events:none!important}body.mode-visit #hud{transform:translateY(-160%)}#toolbar-tool{left:50%;bottom:calc(10px + var(--safe-b));width:min(720px,100vw - 16px);position:absolute;transform:translate(-50%)}#toolbar-tool:not(:empty){border-radius:22px;align-items:center;gap:10px;padding:8px 10px;animation:.25s slideup;display:flex}@keyframes slideup{0%{opacity:0;transform:translate(-50%,40px)}}.tool-info{flex-direction:column;flex:1;min-width:0;display:flex}.tool-cost{color:#6b4300;font-size:13px;font-weight:800}.tool-cost.bad{color:var(--danger)}.tool-hint{color:var(--ink-2);min-height:18px;font-size:12.5px}.tool-hint.bad{color:var(--danger);font-weight:600}.tool-hint.warn{color:#8a5500;font-weight:700}.tool-btns{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.btn.toggle.on{--b:var(--sun);--bd:var(--sun-d)}.icon-btn{font-size:18px}.icon-btn span,.done-btn span{font-size:13px}.lp-tip{z-index:120;background:var(--glass-bg-toast);max-width:min(240px,100vw - 16px);-webkit-backdrop-filter:var(--glass-filter-toast);backdrop-filter:var(--glass-filter-toast);color:#fff;text-align:center;pointer-events:none;box-shadow:var(--shadow-2);border-radius:10px;padding:6px 12px;font-size:13px;font-weight:700;line-height:1.3;animation:.15s pop;position:fixed;transform:translate(-50%,-100%)}.lp-tip.below{transform:translate(-50%)}.lp-tip.left{transform:translate(-100%,-50%)}.a2hs{left:50%;top:calc(var(--hud-h) + 10px);z-index:30;border-radius:18px;align-items:flex-start;gap:10px;width:min(340px,100vw - 20px);padding:12px 12px 12px 14px;animation:.35s slidedown;display:flex;position:absolute;transform:translate(-50%)}.a2hs-ic{color:var(--sky-d);flex:none;font-size:28px;display:flex}.a2hs-tx{min-width:0;color:var(--ink-2);flex:1;font-size:13.5px;line-height:1.35}.a2hs-tx b{color:var(--ink);font-size:14.5px;display:block}#tutorial{left:calc(10px + var(--safe-l));top:calc(var(--hud-h) + 6px);border-radius:18px;width:270px;position:absolute;overflow:hidden}#tutorial.pop{animation:.4s pop}#tutorial.done{border-color:var(--sun);box-shadow:0 0 0 3px #ffc83d80, var(--shadow-2)}.tut-head{width:100%;min-height:var(--tap);text-align:left;background:linear-gradient(90deg,#fff3c4d9,#fff0);border:0;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;display:flex}.tut-step{color:#744a00;text-transform:uppercase;letter-spacing:.5px;width:100%;margin-bottom:-6px;font-size:12px;font-weight:800}.tut-title{flex:1;font-size:14px;font-weight:800}.tut-caret{color:var(--muted);font-size:16px;display:flex}.tut-body{padding:4px 12px 10px}.tut-hint{color:var(--ink-2);margin-bottom:8px;font-size:12.5px}.tut-prog{align-items:center;gap:8px;font-size:12px;font-weight:800;display:flex}.tut-reward{color:#6b4300;margin-top:6px;font-size:12px;font-weight:700}#tutorial.collapsed .tut-hint,#tutorial.collapsed .tut-reward{display:none}#tutorial.collapsed .tut-body{padding-top:0}.tut-claim{width:calc(100% - 24px);margin:0 12px 12px}.tut-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;display:flex}.tut-actions .tut-invite{flex:1;min-width:120px}.tut-skip{color:var(--muted);cursor:pointer;min-height:var(--tap-sm);background:0 0;border:0;margin-left:auto;padding:6px 4px;font-size:12px;font-weight:700;text-decoration:underline}.tut-skip:hover{color:var(--ink-2)}.modal-warn{color:#a8191e;background:#ffe3e3;border:2px solid #ff9a9d;border-radius:12px;margin-top:10px;padding:10px 12px;font-weight:800}.skips-left{color:var(--ink-2);margin:-2px 0 8px;font-size:12.5px;font-weight:800}.skips-left.none{color:var(--danger)}.panel-back{display:none}.panel{top:calc(var(--hud-h) + 6px);right:calc(10px + var(--safe-r));bottom:calc(86px + var(--safe-b));width:min(var(--panel-w), calc(100vw - 20px));border-radius:22px;flex-direction:column;animation:.28s cubic-bezier(.2,.9,.3,1.1) slidein;display:flex;position:absolute;overflow:hidden}.panel.wide{width:min(var(--panel-w-wide), calc(100vw - 20px))}.panel.out{animation:.2s forwards slideout}@keyframes slidein{0%{opacity:0;transform:translate(60px)}}@keyframes slideout{to{opacity:0;transform:translate(60px)}}.sheet-grip{display:none}.panel-head{border-bottom:1px solid var(--line);background:linear-gradient(#fff3c4d9,#fffdf600);flex:none;align-items:center;gap:8px;padding:10px 10px 10px 16px;display:flex}.panel-head h2{min-width:0;font-size:var(--fs-lg);flex:1;font-weight:800}.panel-ic{color:var(--pc,var(--ink-2));flex:none;font-size:28px;display:inline-flex}.panel-build{--pc:#c46f00}.panel-inventory{--pc:#c8386e}.panel-orders{--pc:#1f78bf}.panel-codex{--pc:#2a8036}.panel-quiz{--pc:#d4561f}.panel-team{--pc:#5b4bc4}.panel-leaderboard{--pc:#c48a00}.panel-settings{--pc:#55606e}.panel-body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden auto}.panel-body>*{flex:none}.panel-body.no-scroll{overflow:hidden}.panel-body.no-scroll>.tab-content{flex:1}.panel-body>.inv,.panel-body>.orders,.panel-body>.codex,.panel-body>.quiz{padding:14px}.tool-row{gap:8px;padding:10px 12px 0;display:flex}.bgrid{flex-direction:column;gap:10px;padding:12px;display:flex}.bcard{text-align:left;border:2.5px solid var(--line-2);background:#fff;border-radius:16px;align-items:flex-start;gap:10px;padding:10px;transition:transform .1s,border-color .15s,box-shadow .15s;display:flex;position:relative}.bcard:hover:not(.locked){border-color:var(--leaf);transform:translateY(-1px);box-shadow:0 3px 10px #4caf5040}.bcard:active:not(.locked){transform:scale(.98)}.bcard.locked{opacity:.62;filter:grayscale(.5);background:#f3ecd8}.bcard.poor .bc-ic{filter:grayscale(.6)}.bc-ic{background:var(--leaf-l);border-radius:14px;flex:none;justify-content:center;align-items:center;width:54px;height:54px;font-size:38px;display:flex}.bc-main{flex:1;min-width:0}.bc-top{align-items:center;gap:8px;display:flex}.bc-top b{font-size:15px}.bc-size{background:var(--sky-l);color:var(--sky-d);border-radius:6px;padding:0 6px;font-size:12px;font-weight:800}.bc-desc{color:var(--ink-2);margin:2px 0 5px;font-size:12.5px}.bc-fx{flex-wrap:wrap;gap:4px;display:flex}.fx{background:var(--cream-w);border:1px solid var(--line);border-radius:8px;align-items:center;gap:2px;padding:0 6px;font-size:12px;display:inline-flex}.bc-cost{color:#8a5a00;font-size:14px;font-weight:800;position:absolute;top:8px;right:10px}.bc-lock{text-align:center;color:#fff;background:#3c2d14c7;border-radius:0 0 13px 13px;padding:3px;font-size:12px;font-weight:800;position:absolute;bottom:0;left:0;right:0}.bc-top{padding-right:70px}.bcard.locked{padding-bottom:28px}.inv-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.inv-coins{background:var(--sun-l);border-radius:14px;align-items:baseline;gap:6px;padding:6px 12px;display:flex}.inv-coins span,.inv-coins b{font-size:22px}.inv-coins small{color:var(--ink-3)}.inv-total{color:var(--ink-2);text-align:right;font-size:13px}.inv-row{border:2px solid var(--line-2);background:#fff;border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 10px;display:flex}.inv-em{text-align:center;width:44px;font-size:32px}.inv-info{flex:1;min-width:100px}.inv-name{font-weight:800}.inv-sub{color:var(--ink-3);font-size:12.5px}.inv-btns{flex-wrap:wrap;gap:6px;display:flex}.donate{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.donate .inp{width:100px}.order{border:2.5px solid var(--line-2);background:#fff;border-radius:18px;flex-direction:column;gap:10px;margin-bottom:12px;padding:12px;display:flex}.order.ready{border-color:var(--leaf);background:#f6fff1}.order-items{flex-wrap:wrap;gap:8px;display:flex}.order-reward{align-items:center;gap:12px;display:flex}.xp{color:var(--sky-d);font-weight:800}.order-btns{gap:8px;display:flex}.order-btns .btn.primary{flex:1}.cx-top{align-items:center;gap:12px;margin-bottom:12px;display:flex}.cx-count{white-space:nowrap;font-size:14px}.cx-count b{color:var(--leaf-d);font-size:20px}.cx-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px;display:grid}.cx-card{border:2.5px solid var(--line-2);background:#fff;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:104px;padding:12px 6px;transition:transform .1s;display:flex;position:relative}.cx-card:hover:not(.locked){border-color:var(--sun);transform:translateY(-2px)rotate(-1deg)}.cx-card.new{border-color:var(--sun);background:var(--sun-l);animation:2s infinite glow}.cx-card.locked{background:#efe7d0}.cx-card.locked .cx-ce{filter:brightness(0)opacity(.28)}.cx-ce{font-size:38px;line-height:1.1}.cx-ct{text-align:center;font-size:12px;font-weight:800;line-height:1.2}.cx-new{background:var(--red);color:#fff;border-radius:8px;padding:1px 7px;font-size:10px;font-weight:800;position:absolute;top:-6px;right:-4px}.cx-ok{color:var(--ok);font-weight:800;position:absolute;top:4px;right:8px}.cx-hero{--hue:100;text-align:center;background:linear-gradient(160deg, hsl(var(--hue) 70% 88%), hsl(calc(var(--hue) + 40) 70% 80%));box-shadow:var(--shadow-s);border:3px solid #fff;border-radius:22px;margin:10px 0 14px;padding:18px 12px}.cx-emoji{filter:drop-shadow(0 6px 6px #0000002e);font-size:84px;line-height:1.1;animation:3s ease-in-out infinite bob}.cx-hero h3{margin-top:4px;font-size:24px}.cx-sci{color:var(--ink-2);font-style:italic}.cx-tag{color:var(--ink-2);background:#fff;border-radius:999px;margin-top:6px;padding:2px 10px;font-size:12px;font-weight:800;display:inline-block}.cx-facts{flex-direction:column;gap:8px;display:flex}.cx-fact{border:2px solid var(--line-2);border-left:6px solid var(--leaf);background:#fff;border-radius:12px;padding:8px 12px}.cx-fl{color:var(--leaf-d);text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:800}.cx-ft{font-size:14px}.cx-fun{background:var(--sun-l);border:2px dashed var(--sun-d);border-radius:16px;gap:10px;margin-top:12px;padding:12px;display:flex}.cx-bulb{font-size:30px}.cx-sdg{margin-top:12px}.cx-sdg-t{color:var(--ink-2);margin-bottom:6px;font-size:12px;font-weight:800}.cx-sdg-l{flex-wrap:wrap;gap:6px;display:flex}.sdg{color:#fff;border-radius:8px;align-items:center;gap:6px;padding:3px 10px 3px 4px;font-size:12px;font-weight:700;display:inline-flex}.sdg b{text-align:center;background:#0003;border-radius:6px;min-width:22px;font-size:13px}.sdg i{font-style:normal}.cx-read{text-align:center;color:var(--ok);margin:14px 0 4px;font-weight:800}.cx-read.new{color:#8a5a00}.back{margin-bottom:4px}.quiz-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.quiz-n{font-weight:800}.qdots{gap:6px;display:flex}.qdot{background:var(--cream-2);width:28px;height:28px;color:var(--ink-3);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex}.qdot.ok{background:var(--ok);color:#fff}.qdot.bad{background:var(--red);color:#fff}.qdot.cur{box-shadow:0 0 0 3px var(--sun);color:var(--ink);background:#fff}.quiz-card{border:2.5px solid var(--line-2);background:#fff;border-radius:20px;padding:14px}.quiz-card.good{border-color:var(--ok)}.quiz-card.bad{border-color:var(--red)}.quiz-q{margin-bottom:12px;font-size:17px;font-weight:800;line-height:1.35}.choices{flex-direction:column;gap:8px;display:flex}.choice{border:2.5px solid var(--line);background:var(--cream-w);text-align:left;border-radius:14px;align-items:center;gap:10px;min-height:52px;padding:8px 12px;font-size:15px;font-weight:600;transition:transform .1s,border-color .15s,background .15s;display:flex}.choice:hover:not(:disabled){border-color:var(--sky);background:var(--sky-l);transform:translate(3px)}.choice-k{background:var(--sun);border-radius:50%;flex:none;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;font-weight:800;display:flex}.choice.right{border-color:var(--ok);background:#e3f8e7;animation:.4s pop}.choice.right .choice-k{background:var(--ok);color:#fff}.choice.wrong,.choice.picked.wrong{border-color:var(--red);background:#ffe5e5;animation:.4s shake}.choice.wrong .choice-k{background:var(--red);color:#fff}.choice:disabled{cursor:default;color:var(--ink)}.choice.locked:not(.right):not(.wrong),.choice:disabled:not(.right):not(.wrong):not(.picked){opacity:.6}.choice.busy{opacity:.85}.quiz-res,.hq-result{border-radius:16px;margin-top:12px;padding:12px;animation:.35s pop}.quiz-res.good,.hq-result.good{background:#e3f8e7}.quiz-res.bad,.hq-result.bad{background:#fff0e6}.res-head{font-size:18px;font-weight:800}.res-reward{color:#8a5a00;margin:4px 0;font-size:16px;font-weight:800}.res-explain{color:var(--ink-2);font-size:14px}.quiz-next{margin-top:12px}.tip{text-align:center;margin-top:12px}.quiz-done{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:14px 6px;display:flex}.qd-stars{font-size:54px;animation:.8s bounce}.qd-score{color:var(--leaf-d);font-size:20px;font-weight:800}.hq-hero{align-items:center;gap:10px;margin-bottom:8px;display:flex}.hq-badge{background:var(--sun);box-shadow:0 4px 0 var(--sun-d);border-radius:14px;padding:4px 14px;font-size:26px;font-weight:800;animation:.7s bounce;transform:rotate(-4deg)}.hq-bonus{font-weight:700}.hq-timer{align-items:center;gap:8px;margin-bottom:10px;display:flex}.hq-time{min-width:40px;font-size:13px;font-weight:800}.team-hero{--tc:var(--leaf);color:#fff;background:linear-gradient(135deg, var(--tc), color-mix(in srgb, var(--tc) 60%, #000));box-shadow:var(--shadow-s);text-shadow:0 1px 2px #00000059;border-radius:20px;align-items:center;gap:14px;margin-bottom:14px;padding:14px;display:flex}.th-emblem{background:#ffffff40;border-radius:18px;flex:none;justify-content:center;align-items:center;width:70px;height:70px;font-size:46px;display:flex}.th-main h3{font-size:21px}.th-motto{opacity:.95;font-style:italic}.th-meta{opacity:.95;margin-top:2px;font-size:13px}.announce{background:var(--sun-l);border:2px solid #f3dc8b;border-radius:14px;margin-bottom:14px;padding:10px 12px}.announce p{white-space:pre-wrap;word-break:break-word;margin-top:2px}.era-card{border:2.5px solid var(--line-2);background:#fff;border-radius:18px;flex-direction:column;gap:10px;padding:12px;display:flex}.era-card.mega{background:linear-gradient(135deg, #e3f8e7, var(--sun-l))}.era-top{align-items:center;gap:10px;display:flex}.era-em{font-size:38px}.era-lm{background:var(--cream-w);border-radius:12px;align-items:center;gap:8px;padding:6px 10px;font-size:16px;display:flex}.req-row{align-items:flex-start;gap:8px;display:flex}.req-ic{text-align:center;width:24px;font-size:18px}.req-main{flex:1}.req-label{justify-content:space-between;margin-bottom:3px;font-size:13px;display:flex}.req-row .bar{display:block}.invite{flex-direction:column;align-items:center;gap:10px;display:flex}.invite-code{gap:6px;display:flex}.invite-code span{border:2.5px solid var(--sun);width:40px;height:52px;box-shadow:0 3px 0 var(--sun-d);background:#fff;border-radius:12px;justify-content:center;align-items:center;font-family:ui-monospace,Consolas,monospace;font-size:26px;font-weight:800;display:flex}.invite-btns{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.invite .small{word-break:break-all;text-align:center}.leave-zone{border-top:2px dashed var(--line);justify-content:space-between;align-items:center;gap:8px;padding-top:10px;display:flex}.filters{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.member{border:2px solid var(--line-2);background:#fff;border-radius:16px;overflow:hidden}.member.me{border-color:var(--leaf);background:#f6fff1}.member-main{cursor:default;align-items:center;gap:8px;padding:8px 10px;display:flex}.mrank{text-align:center;width:28px;color:var(--ink-3);font-size:15px;font-weight:800}.mrank.top1,.mrank.top2,.mrank.top3{font-size:22px}.member-info{flex:1;min-width:0}.member-name{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.you{color:var(--leaf-d);background:var(--leaf-l);border-radius:6px;padding:0 6px;font-size:12px;font-style:normal;font-weight:800}.member-sub{color:var(--ink-3);font-size:12px}.member-titles{flex-wrap:wrap;gap:4px;margin-top:3px;display:flex}.ttl{color:#6a4300;background:linear-gradient(90deg,#ffe58a,#ffd0a0);border-radius:8px;padding:0 7px;font-size:12px;font-weight:800}.member-sectors{flex-wrap:wrap;gap:4px;margin-top:3px;display:flex}.sec-chip{background:var(--cream-w);border:1px solid var(--line);border-radius:8px;padding:0 6px;font-size:12px}.member-score{text-align:right;color:var(--leaf-d);flex-direction:column;font-size:17px;display:flex}.caret{color:var(--ink-3);font-size:12px}.member-actions{background:var(--cream-w);border-top:2px dashed var(--line);flex-direction:column;gap:8px;padding:8px 10px 10px;display:flex}.act-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.act-l{color:var(--ink-2);font-size:12.5px;font-weight:700}.jr{background:#fff7dc;border:2px solid #f3dc8b;border-radius:14px;align-items:center;gap:10px;padding:8px 10px;display:flex}.jr-n{flex-direction:column;flex:1;display:flex}.jr-n small{color:var(--ink-3)}.jr-b{gap:6px;display:flex}.req-form{align-items:center;gap:6px;margin-bottom:4px;display:flex}.req-form select{flex:1;min-width:0}.reqcard{border:2px solid var(--line-2);background:#fff;border-radius:16px;flex-direction:column;gap:8px;padding:10px;display:flex}.reqcard.mine{background:var(--sun-l);border-color:#f3dc8b}.req-who{align-items:center;gap:8px;display:flex}.req-who>div:nth-child(2){flex-direction:column;line-height:1.15;display:flex}.req-who small{color:var(--ink-3)}.req-need{align-items:center;gap:4px;margin-left:auto;font-size:15px;display:flex}.req-em{font-size:28px}.req-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.req-btns{gap:6px;display:flex}.chat{flex-direction:column;flex:1;min-height:0;display:flex}.chat-status{color:#b3541b;text-align:center;background:#fff0dc;padding:3px;font-size:12.5px;font-weight:700}.chat-list{overscroll-behavior:contain;flex-direction:column;flex:1;gap:8px;min-height:0;padding:12px;display:flex;overflow-y:auto}.msg{align-items:flex-end;gap:6px;max-width:88%;display:flex}.msg.mine{flex-direction:row-reverse;align-self:flex-end}.bubble{border:2px solid var(--line-2);background:#fff;border-radius:16px 16px 16px 4px;min-width:60px;padding:5px 11px 3px}.msg.mine .bubble{background:var(--leaf-l);border-color:#b5deae;border-radius:16px 16px 4px}.msg-n{color:var(--sky-d);font-size:12px;font-weight:800}.msg-t{word-break:break-word;white-space:pre-wrap}.bubble small{text-align:right;color:var(--ink-3);font-size:10px;display:block}.chat-form{border-top:2px solid var(--line-2);background:var(--card);flex:none;gap:8px;padding:8px;display:flex}.log{flex-direction:column;gap:6px;display:flex}.log-row{border:1.5px solid var(--line-2);background:#fff;border-radius:12px;gap:10px;padding:7px 10px;font-size:13.5px;display:flex}.log-t{color:var(--ink-3);white-space:nowrap;min-width:66px;padding-top:2px;font-size:12px}.log-x{flex:1}.log-x small{color:var(--ink-3)}.lb-head{flex-direction:column;flex:none;gap:8px;padding:10px 12px 4px;display:flex}.lb-filters{flex-direction:column;gap:6px;display:flex}.lb-note{padding:0 2px}.lb-list{flex-direction:column;gap:8px;padding:8px 12px 14px;display:flex}.lb-row{border:2.5px solid var(--line-2);text-align:left;background:#fff;border-radius:16px;align-items:center;gap:10px;width:100%;padding:8px 10px;transition:transform .1s,border-color .15s;display:flex}.lb-row:hover{border-color:var(--sky);transform:translate(2px)}.lb-row.mine{border-color:var(--leaf);background:#f6fff1}.lb-row.top1{background:linear-gradient(90deg,#fff3b8,#fff)}.lb-row.top2{background:linear-gradient(90deg,#eceff1,#fff)}.lb-row.top3{background:linear-gradient(90deg,#ffe3cc,#fff)}.lb-rank{text-align:center;width:32px;color:var(--ink-3);font-size:17px;font-weight:800}.lb-row.top1 .lb-rank,.lb-row.top2 .lb-rank,.lb-row.top3 .lb-rank{font-size:26px}.lb-emblem{border-radius:14px;width:44px;height:44px;font-size:24px}.lb-info{flex-direction:column;flex:1;min-width:0;display:flex}.lb-info b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lb-info small{color:var(--ink-3)}.lb-score{text-align:right;color:var(--leaf-d);flex-direction:column;font-size:17px;display:flex}.lb-score small{font-size:14px}.lb-go{color:var(--sky-d);background:var(--sky-l);white-space:nowrap;border-radius:10px;padding:2px 8px;font-size:12px;font-weight:800}.lb-sep{text-align:center;color:var(--ink-3);font-weight:800}.who{margin-bottom:14px;font-size:18px}.code-box{word-break:break-all;background:var(--ink);color:#b8ffb0;border-radius:12px;margin-top:8px;padding:10px;font-size:12.5px;display:block}.about{font-size:14px}#popup{left:50%;bottom:calc(92px + var(--safe-b));width:min(440px,100vw - 20px);max-height:calc(100dvh - var(--hud-h) - 110px);z-index:25;display:flex;position:absolute;transform:translate(-50%)}#popup.in{animation:.25s cubic-bezier(.2,.9,.3,1.15) popin}#popup.out{animation:.18s forwards popout}@keyframes popin{0%{opacity:0;transform:translate(-50%,30px)scale(.95)}}@keyframes popout{to{opacity:0;transform:translate(-50%,30px)}}.pop-card{border-radius:22px;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.pop-head{background:linear-gradient(#fff3c4d9,#fffdf600);flex:none;align-items:flex-start;gap:10px;padding:12px 10px 8px 12px;display:flex}.pop-ic{border:2px solid var(--line-2);background:#fff;border-radius:16px;flex:none;justify-content:center;align-items:center;width:56px;height:56px;font-size:36px;display:flex}.pop-title{flex:1;min-width:0}.pop-title h3{font-size:18px}.pop-sub{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:6px;font-size:12.5px;display:flex}.sz{background:var(--sky-l);color:var(--sky-d);border-radius:6px;padding:0 6px;font-size:12px;font-weight:800}.status{font-size:12px;font-weight:800}.status.ok{color:var(--ok)}.status.bad{color:var(--red)}.warns{flex-direction:column;gap:3px;margin-top:4px;display:flex}.pop-body{overscroll-behavior:contain;flex-direction:column;flex:1;gap:10px;min-height:0;padding:4px 14px 10px;display:flex;overflow-y:auto}.pop-body>*{flex:none}.pop-desc{color:var(--ink-2);font-size:13.5px}.pop-foot{flex-wrap:wrap;flex:none;justify-content:space-between;gap:8px;padding:6px 12px 12px;display:flex}.pop-foot:empty{display:none}.pop-card.small .pop-body{padding-bottom:14px}.crop-list{flex-direction:column;gap:6px;display:flex}.crop-row{border:2px solid var(--line-2);background:#fff;border-radius:14px;align-items:center;gap:10px;padding:8px 10px;display:flex}.crop-row.last{border-color:var(--sun);background:var(--sun-l)}.crop-row.locked{opacity:.55;background:#f3ecd8}.crop-em{text-align:center;width:40px;font-size:30px}.crop-main{flex:1;min-width:0}.crop-name{align-items:center;gap:6px;display:flex}.crop-stats{color:var(--ink-2);flex-wrap:wrap;gap:4px 10px;font-size:12.5px;display:flex}.crop-lock{color:var(--ink-3);font-size:12.5px;font-weight:700}.crop-now{border:2px solid var(--line-2);background:#fff;border-radius:16px;align-items:center;gap:12px;padding:10px;display:flex}.crop-big{font-size:46px}.crop-info{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.crop-bar{align-items:center;gap:8px;display:flex}.cd{text-align:right;min-width:50px;font-size:14px}.recipes{flex-direction:column;gap:8px;display:flex}.recipe{border:2px solid var(--line-2);background:#fff;border-radius:14px;flex-direction:column;align-items:flex-start;gap:6px;padding:8px 10px;display:flex}.recipe.locked{opacity:.55}.rc-flow{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.rc-in{flex-wrap:wrap;gap:4px;display:inline-flex}.rc-arrow{color:var(--ink-3);font-weight:800}.coin-btns{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.cb-l{min-width:110px;font-size:12.5px;font-weight:800}.lm-top{justify-content:space-between;display:flex}.lm-items{flex-direction:column;gap:6px;display:flex}.lm-item{border:2px solid var(--line-2);background:#fff;border-radius:12px;align-items:center;gap:10px;padding:6px 10px;display:flex}.lm-item.done{background:#f1fbef}.lm-em{font-size:26px}.lm-n{flex-direction:column;flex:1;display:flex}.lm-n small{color:var(--ink-3)}.land{border:2px solid var(--line-2);background:#fff;border-radius:14px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.land-cost{text-align:right;flex-direction:column;display:flex}.land-cost small{color:var(--ink-3);font-size:12px}.era-path{gap:6px;display:flex}.ep{text-align:center;background:var(--cream-2);opacity:.6;border-radius:12px;flex:1;padding:6px 2px}.ep span{font-size:22px;display:block}.ep small{font-size:12px;font-weight:700}.ep.cur{opacity:1;background:var(--sun);box-shadow:0 3px 0 var(--sun-d)}.ep.done{opacity:1;background:var(--leaf-l)}#visit-banner{top:calc(8px + var(--safe-t));width:min(620px,100vw - 16px);animation:.35s slidedown;position:absolute;left:50%;transform:translate(-50%)}@keyframes slidedown{0%{opacity:0;transform:translate(-50%,-40px)}}.vb-card{border-radius:22px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.vb-head{align-items:center;gap:10px;display:flex}.vb-emblem{width:48px;height:48px;font-size:28px}.vb-main{flex:1;min-width:0}.vb-name{flex-wrap:wrap;align-items:center;gap:8px;font-size:17px;display:flex}.vb-motto{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-style:italic;overflow:hidden}.vb-stats{scrollbar-width:none;gap:6px;display:flex;overflow-x:auto}.vb-stats::-webkit-scrollbar{display:none}.vb-actions{flex-wrap:wrap;gap:8px;display:flex}.vb-actions .btn{flex:1}.vb-warn{color:#b3541b;background:#fff0dc;border-radius:10px;padding:4px 10px;font-size:13px;font-weight:700}body:not(.mode-visit) #visit-banner{display:none}#model-banner{top:calc(8px + var(--safe-t));width:min(620px,100vw - 16px);animation:.35s slidedown;position:absolute;left:50%;transform:translate(-50%)}body:not(.mode-model) #model-banner,body:not(.mode-model) #tour-card,body.model-preview #screens{display:none}.mb-flag{color:var(--sky-d);font-style:normal;font-weight:700}.mb-tag{color:var(--ink-2);flex:100%;font-size:13px}#model-banner .vb-actions .btn{flex:none;margin-left:auto}#model-banner.touring .vb-card{padding:6px 10px}#model-banner.touring .vb-emblem{border-radius:12px;width:36px;height:36px;font-size:20px}#tour-card{left:calc(14px + var(--safe-l));bottom:calc(18px + var(--safe-b));z-index:26;border-radius:22px;flex-direction:column;gap:8px;width:min(400px,100vw - 28px);padding:12px 14px;animation:.25s cubic-bezier(.2,.9,.3,1.15) popin;display:flex;position:absolute}.tc-top{align-items:center;gap:10px;display:flex}.tc-step{color:var(--sky-d);background:var(--sky-l);white-space:nowrap;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:800}.tc-dots{flex:1;gap:4px;display:flex}.tc-dots i{background:var(--line);border-radius:3px;flex:1;max-width:22px;height:5px}.tc-dots i.done{background:#a9d9f3}.tc-dots i.on{background:var(--sky-d)}.tc-title{font-size:17px;line-height:1.25}.tc-text{color:var(--ink-2);font-size:14px;line-height:1.5}.tc-card{background:var(--sky-l);border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px;padding:6px 8px;display:flex}.tc-card-t{font-size:13px;font-weight:700}.tc-card.locked{background:var(--cream-2);flex-direction:column;align-items:flex-start;gap:0}.tc-card.locked small{color:var(--ink-3)}.tc-nav{gap:8px;display:flex}.tc-nav .btn{flex:1}body.mode-tour #popup{bottom:auto;top:calc(112px + var(--safe-t));width:min(380px,100vw - 440px);max-height:calc(100dvh - 140px);left:auto;right:14px;transform:none}.model-list{flex-direction:column;gap:10px;display:flex}.model-intro{padding:0 2px}.model-card{border:2.5px solid var(--line-2);text-align:left;background:#fff;border-radius:18px;align-items:center;gap:12px;width:100%;padding:10px 12px;transition:transform .1s,border-color .15s;display:flex}.model-card:hover{border-color:var(--sky);transform:translate(2px)}.model-card.era-2{background:linear-gradient(90deg,#fff6df,#fff)}.model-card.era-3{background:linear-gradient(90deg,#eaf4fb,#fff)}.model-card.era-4{background:linear-gradient(90deg,#e6f6e2,#fff)}.model-card.mega{background:linear-gradient(90deg,#fff3b8,#e6f6e2 60%,#fff);border-color:#f3dc8b}.mc-emblem{border:3px solid #fff;border-radius:16px;flex:none;justify-content:center;align-items:center;width:52px;height:52px;font-size:28px;display:inline-flex;box-shadow:0 2px 6px #00000040}.mc-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.mc-top{display:flex}.mc-name{font-size:16px}.mc-tag{color:var(--ink-3);line-height:1.3}.mc-stats{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.mc-go{color:var(--sky-d);background:var(--sky-l);white-space:nowrap;border-radius:12px;flex-direction:column;align-items:flex-end;gap:0;padding:4px 10px;font-size:12px;font-weight:800;display:flex}.mc-go small{color:var(--ink-3);font-weight:600}.choice-models{background:var(--sky-l);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;margin-bottom:12px;padding:8px 10px;display:flex}.choice-models p{flex:200px;line-height:1.3}.choice-models .btn{flex:none}.models-card .choice-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.models-card .choice-head h2{font-size:19px}.seg-btn.cat.models{background:var(--sky-l)}.seg-btn.cat.models.on{background:#fff}body.mode-visit #popup{bottom:calc(14px + var(--safe-b))}body.mode-visit #tutorial{display:none}#toasts{top:calc(var(--hud-h) + 8px + var(--safe-t));z-index:80;pointer-events:none;flex-direction:column;align-items:center;gap:6px;width:min(460px,100vw - 24px);display:flex;position:fixed;left:50%;transform:translate(-50%)}body.mode-visit #toasts{top:150px}.toast{background:var(--glass-bg-toast);-webkit-backdrop-filter:var(--glass-filter-toast);backdrop-filter:var(--glass-filter-toast);color:#fff;box-shadow:var(--shadow-2);border-radius:999px;align-items:center;gap:8px;max-width:100%;padding:9px 16px;font-size:14px;font-weight:700;animation:.3s cubic-bezier(.2,.9,.3,1.2) toastin;display:flex}.toast.out{opacity:0;transition:all .3s;transform:translateY(-10px)}.toast.pulse{animation:.35s bounce}.toast.ok{background:rgba(32, 110, 48, var(--toast-a))}.toast.error{background:rgba(176, 48, 36, var(--toast-a))}.toast.reward{background:rgba(140, 80, 0, var(--toast-a));color:#fff}.toast.event{background:rgba(38, 94, 143, var(--toast-a))}.toast.has-act{pointer-events:auto}.toast-act{color:#fff;background:#ffffff2e;border:1.5px solid #ffffffd9;border-radius:999px;flex:none;min-height:32px;margin:-4px -8px -4px 4px;padding:2px 12px;font-size:13px;font-weight:800}.toast-act:active{background:#ffffff59}.toast-ic{font-size:18px;display:inline-flex}.toast-tx{text-overflow:ellipsis;overflow:hidden}@keyframes toastin{0%{opacity:0;transform:translateY(-16px)scale(.9)}}.banner{z-index:95;pointer-events:none;justify-content:center;align-items:center;animation:.3s fadein;display:flex;position:fixed;inset:0}.banner.out{opacity:0;transition:opacity .5s}.banner-in{text-align:center;border:4px solid var(--sun);box-shadow:0 0 60px #ffc83dcc, var(--shadow);background:linear-gradient(135deg,#fff4bef5,#fffffff5);border-radius:30px;max-width:calc(100vw - 30px);padding:22px 40px;animation:.7s cubic-bezier(.2,1.3,.4,1) bannerpop}@keyframes bannerpop{0%{opacity:0;transform:scale(.3)rotate(-8deg)}}.banner-emoji{font-size:76px;animation:1s bounce}.banner-title{color:var(--sun-d);text-shadow:0 2px #fff;font-size:30px;font-weight:800}.banner-sub{color:var(--ink-2);margin-top:4px;font-weight:600}.modal-back{z-index:90;-webkit-backdrop-filter:var(--scrim-filter);backdrop-filter:var(--scrim-filter);background:#281c0880;justify-content:center;align-items:center;padding:14px;animation:.2s fadein;display:flex;position:fixed;inset:0}.modal-back.out{opacity:0;transition:opacity .18s}.modal{border-radius:24px;flex-direction:column;width:min(440px,100%);max-height:calc(100dvh - 28px);animation:.3s pop;display:flex;overflow:hidden}.modal-head{align-items:center;gap:10px;padding:14px 18px 4px;display:flex}.modal-head h3{font-size:19px}.modal-ic{font-size:30px}.modal-body{padding:8px 18px;overflow-y:auto}.modal-text{color:var(--ink-2)}.modal-actions{justify-content:flex-end;gap:10px;padding:10px 18px 16px;display:flex}.modal-actions .btn{flex:1;max-width:200px}.pill,.hud-chips .chip,.hud-btn,#toolbar,#tutorial,.ready-chip{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);box-shadow:var(--shadow-1), inset 0 1px 0 #ffffff80}.ready-chip{background:linear-gradient(#ffc83db8, #ffc83db8), var(--glass-bg);box-shadow:var(--shadow-2), inset 0 1px 0 #fff9;border-color:#fffc}.hud-chips .chip.bad{background:linear-gradient(#ff505533, #ff505533), var(--glass-bg);border-color:#ff9a9de6}.hud-btn.off{background:linear-gradient(#9696962e, #9696962e), var(--glass-bg)}.panel,.pop-card,.modal,#tour-card,.vb-card,#toolbar-tool:not(:empty),#save-nudge,.a2hs,.start-card,.choice-card{background:var(--glass-bg-strong);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-filter-strong);backdrop-filter:var(--glass-filter-strong);box-shadow:var(--shadow-2), inset 0 1px 0 #fff9}.pill:focus-visible,.hud-btn:focus-visible,.tb-btn:focus-visible,.ready-chip:focus-visible{outline-offset:0}@media (width<=719px){.hp-name,.ht-name{max-width:84px}.era-name{display:none}.ht-name{min-width:36px}.hp-res{font-size:13px}.hp-main{min-width:60px}.ht-sub .presence{display:none}.tb-badge{min-width:18px;height:18px;right:2px}.vb-motto{display:none}.mb-flag{font-size:12px;display:block!important}#model-banner .back-btn .bl{display:none}#model-banner .back-btn{min-width:var(--tap);padding:5px 11px;font-size:16px}#model-banner .vb-name{gap:4px 6px;font-size:16px}#model-banner .mb-flag{white-space:normal;line-height:1.25}.tc-title{font-size:16px}.tc-text{font-size:13.5px;line-height:1.45}.mc-go{display:none}.model-card:after{content:"›";color:var(--sky-d);flex:none;font-size:28px;font-weight:800}.mc-emblem{width:44px;height:44px;font-size:24px}.cx-grid{grid-template-columns:repeat(3,1fr);gap:8px}.emoji-grid{grid-template-columns:repeat(7,1fr)}.banner-title{font-size:24px}.banner-in{padding:18px 24px}.logo{font-size:38px}.start-card{padding:20px 16px}.panel-open .ready-bar{display:none}}@media (width<=719px) and (height>=521px){#hud{padding:calc(6px + var(--safe-t)) calc(8px + var(--safe-r)) 0 calc(8px + var(--safe-l));grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"p t""c m";gap:6px}.hud-player{grid-area:p;max-width:none;padding:4px 10px 4px 5px}.hud-right{display:contents}.hud-team{grid-area:t;max-width:52vw}.hud-btns{grid-area:m;align-self:center}.hud-chips{grid-area:c;justify-content:flex-start;padding:2px 2px 2px 0}#toolbar{max-width:none;padding:4px calc(4px + var(--safe-r)) calc(4px + var(--safe-b)) calc(4px + var(--safe-l));border-bottom:0;border-radius:22px 22px 0 0;justify-content:space-between;gap:0;bottom:0;left:0;right:0;transform:none}.tb-btn{flex:1;width:auto;min-width:0;min-height:54px;padding:2px 0}.tb-ic{font-size:25px}.tb-label{font-size:var(--fs-label);letter-spacing:-.2px}body.tool-active #toolbar,body.mode-visit #toolbar{transform:translateY(160%)}.ready-bar{bottom:calc(74px + var(--safe-b))}#toolbar-tool{left:calc(6px + var(--safe-l));right:calc(6px + var(--safe-r));bottom:calc(6px + var(--safe-b));flex-wrap:wrap;width:auto;transform:none}@keyframes slideup{0%{opacity:0;transform:translateY(40px)}}.tool-btns{justify-content:stretch;width:100%}.tool-btns .btn{flex:1;padding:6px 8px}#tutorial{width:min(300px,100vw - 16px);left:calc(8px + var(--safe-l));top:calc(var(--hud-h) + 4px)}.panel-back{background:#281c084d;animation:.2s fadein;display:block;position:absolute;inset:0}.panel-back.out{opacity:0;transition:opacity .2s}.panel,.panel.wide{width:100%;height:min(70dvh,700px);max-height:70dvh;padding-bottom:var(--safe-b);touch-action:pan-y;border-bottom:0;border-radius:26px 26px 0 0;animation:.3s cubic-bezier(.2,.9,.3,1.05) sheetin;inset:auto 0 0}.panel.dragging{transition:none;animation:none}.panel.snap{transition:transform .22s cubic-bezier(.2,.9,.3,1)}.panel.out{animation:.22s forwards sheetout}@keyframes sheetin{0%{transform:translateY(100%)}}@keyframes sheetout{to{transform:translateY(100%)}}.sheet-grip{touch-action:none;cursor:grab;flex:none;justify-content:center;align-items:center;height:22px;margin:0;display:flex}.sheet-grip:before{content:"";background:#c9b78a;border-radius:3px;width:44px;height:5px}.panel-head{touch-action:none;padding-top:0}#popup{width:100%;max-height:62dvh;bottom:0;left:0;right:0;transform:none}#popup .pop-card{padding-bottom:var(--safe-b);border-bottom:0;border-radius:24px 24px 0 0}@keyframes popin{0%{opacity:0;transform:translateY(100%)}}@keyframes popout{to{opacity:0;transform:translateY(100%)}}body.mode-visit #popup{bottom:0}body:has(#popup:not([hidden])) #toolbar{visibility:hidden}body:has(#popup:not([hidden])) .ready-bar{visibility:hidden}#visit-banner,#model-banner{top:calc(6px + var(--safe-t))}#tour-card{width:100%;max-height:70dvh;padding-bottom:calc(12px + var(--safe-b));border-bottom:0;border-radius:24px 24px 0 0;gap:6px;bottom:0;left:0;right:0;overflow-y:auto}body.mode-tour #popup{width:100%;inset:auto 0 0}body.mode-visit #toasts{top:168px}}@media (width<=379px){.tb-label{display:none}.tb-btn{min-height:var(--tap)}.tb-ic{font-size:26px}.hp-name{max-width:52px}.ht-name{max-width:56px}.hud-player{padding-right:8px}.hp-lv{padding:0 4px}.ready-bar{bottom:calc(60px + var(--safe-b))}#tutorial{width:min(250px,100vw - 16px)}}@media (height<=520px) and (orientation:landscape){:root{--tb-w:56px}#hud{right:calc(var(--tb-w) + 14px + var(--safe-r));padding:calc(4px + var(--safe-t)) 0 0 calc(8px + var(--safe-l));gap:6px}.hud-player{max-width:230px;padding:3px 10px 3px 4px}.hp-name,.ht-name{max-width:84px}.hp-res{flex-direction:row;gap:8px;font-size:13px}.hud-chips{justify-content:flex-start}.hud-team{max-width:210px}.ht-sub .presence{display:none}#toolbar{left:auto;right:calc(6px + var(--safe-r));top:calc(6px + var(--safe-t));bottom:calc(6px + var(--safe-b));width:var(--tb-w);border-radius:22px;flex-direction:column;justify-content:space-between;gap:0;max-width:none;padding:3px;transform:none}.tb-btn{width:100%;min-width:0;min-height:var(--tap);flex:1 1 0;padding:0}.tb-label{display:none}.tb-ic{font-size:25px}.tb-badge{min-width:18px;height:18px;top:0;right:2px}body.tool-active #toolbar,body.mode-visit #toolbar{transform:translate(160%)}.ready-bar{left:calc(50% - var(--tb-w) / 2);bottom:calc(8px + var(--safe-b));max-width:calc(100vw - var(--tb-w) - 28px);flex-direction:row}body.tool-active .ready-bar,body.mode-visit .ready-bar{transform:translate(-50%,160%)}.panel-open .ready-bar{display:none}#toolbar-tool{bottom:calc(6px + var(--safe-b))}#tutorial{width:230px;left:calc(8px + var(--safe-l));top:calc(var(--hud-h) + 4px);display:block}#tutorial .tut-hint,#tutorial .tut-reward,#tutorial .tut-actions{display:none}.panel,.panel.wide{top:calc(var(--hud-h) + 4px);right:calc(var(--tb-w) + 14px + var(--safe-r));bottom:calc(8px + var(--safe-b));border-radius:18px;width:min(50vw,420px)}.panel-head{padding-top:6px;padding-bottom:6px}#popup{left:calc(50% - var(--tb-w) / 2);bottom:calc(8px + var(--safe-b));width:min(440px, calc(100vw - var(--tb-w) - 28px));max-height:calc(100dvh - var(--hud-h) - 16px)}#visit-banner,#model-banner{top:calc(6px + var(--safe-t));left:calc(50% - var(--tb-w) / 2);width:min(620px, calc(100vw - var(--tb-w) - 28px))}#tour-card{left:calc(8px + var(--safe-l));bottom:calc(8px + var(--safe-b));width:min(380px,44vw);max-height:calc(100dvh - var(--hud-h) - 16px);padding:8px 12px;overflow-y:auto}body.mode-tour #popup{top:calc(var(--hud-h) + 4px);bottom:auto;left:auto;right:calc(var(--tb-w) + 14px + var(--safe-r));width:min(300px, calc(100vw - 44vw - var(--tb-w) - 40px));max-height:calc(100dvh - var(--hud-h) - 16px);transform:none}#save-nudge{bottom:calc(8px + var(--safe-b))}.modal{max-height:calc(100dvh - 20px)}.banner-emoji{font-size:48px}.start-card,.choice-card{margin-top:8px}}@media (height<=700px){.screen:not(.teamchoice){padding-top:calc(60px + var(--safe-t))}.start-top{top:calc(8px + var(--safe-t));right:calc(10px + var(--safe-r))}.perks{display:none}.tagline{margin:4px 0 12px}.google-slot{margin-top:10px}}@media (height<=520px) and (orientation:landscape){.screen:not(.teamchoice){padding-top:calc(8px + var(--safe-t));padding-bottom:8px}.start-card{padding:12px 16px}.logo{font-size:30px}.logo-em{font-size:36px}.tagline{display:none}.start-card .field{margin-bottom:8px}.legal-links{margin-top:6px}.google-hint{display:none}}@media (width>=1700px){.tb-btn{min-width:clamp(72px,4.6vw,96px);min-height:clamp(58px,3.6vw,72px)}.tb-ic{font-size:clamp(28px,1.9vw,38px)}.tb-label{font-size:clamp(12px,.75vw,15px)}.hp-name,.ht-name{font-size:var(--fs-md)}.pill{gap:10px}.hud-chips .chip{font-size:var(--fs-sm)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.google-slot{margin-top:14px}.google-slot .or-sep{color:var(--ink-3);align-items:center;gap:10px;font-size:12.5px;font-weight:700;display:flex}.google-slot .or-sep:before,.google-slot .or-sep:after{content:"";background:var(--line-2);border-radius:2px;flex:1;height:2px}.google-hint{text-align:center;margin:6px 0 8px}.google-btn{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;justify-content:center;min-height:44px;display:flex}.gsi-ph{box-sizing:border-box;color:#3c4043;letter-spacing:.25px;cursor:pointer;background:#fff;border:1px solid #dadce0;border-radius:20px;justify-content:center;align-items:center;gap:10px;max-width:100%;height:40px;padding:0 12px;font:500 14px/20px Roboto,Helvetica Neue,Arial,sans-serif;transition:background .15s,box-shadow .15s;display:inline-flex}.gsi-ph:hover{background:#f8faff;border-color:#d2e3fc;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.gsi-ph:focus-visible{outline-offset:2px;outline:3px solid #4285f473}.gsi-ph-g{flex:none;width:18px;height:18px;display:inline-flex}.gsi-ph-t{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.gsi-ph.busy{cursor:progress;opacity:.7}.gsi-real.pre{visibility:hidden;position:fixed;top:0;left:-9999px}.legal-links{color:var(--ink-3);text-align:center;margin-top:14px;font-size:12.5px}.legal-link{color:var(--sky-d);text-decoration:underline}.acc-google{background:var(--cream-w);border:2px solid var(--line-2);border-radius:14px;margin-bottom:12px;padding:10px 12px}.acc-google.ok{background:#eefbe9;border-color:#bfe6b3}.acc-google p{margin:0 0 8px}.acc-row{word-break:break-word;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;font-weight:700;display:flex}.acc-label{color:var(--ink-2);margin:10px 0 6px;font-size:13px;font-weight:800}.sess-list{flex-direction:column;gap:6px;display:flex}.sess{background:var(--cream-w);border:2px solid var(--line-2);border-radius:12px;align-items:center;gap:10px;padding:8px 10px;display:flex}.sess.cur{border-color:var(--sky);background:var(--sky-l)}.sess-ic{flex:none;font-size:18px}.sess-main{flex-direction:column;flex:1;min-width:0;display:flex}.sess-main b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sess-this{background:#fff;flex:none;font-size:12px}#save-nudge{left:calc(10px + var(--safe-l));bottom:calc(92px + var(--safe-b));z-index:5;border-radius:18px;width:min(320px,100vw - 20px);padding:10px 12px 12px;animation:.3s slideup;position:absolute}#save-nudge[hidden]{display:none}.nudge-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.nudge-title{font-size:14px;line-height:1.3}.nudge-x{width:30px;height:30px;font-size:13px}.nudge-text{color:var(--ink-2);margin:4px 0 8px;font-size:13px}body.mode-visit #save-nudge,body.tool-active #save-nudge,body.panel-open #save-nudge,body.model-preview #save-nudge{display:none}