:root{--gp-win:url(../assets/gui/win.webp) 149 122 150 125 fill / 62.5px 51px 63px 52.5px;--gp-win-edge:url(../assets/gui/win.webp) 149 122 150 125 / 62.5px 51px 63px 52.5px;--gp-win-img:url(../assets/gui/win.webp);--gp-win-frame:url(../assets/gui/win-frame.webp) 149 122 150 125 fill / 62.5px 51px 63px 52.5px;--gp-win-frame-edge:url(../assets/gui/win-frame.webp) 149 122 150 125 / 62.5px 51px 63px 52.5px;--gp-win-frame-img:url(../assets/gui/win-frame.webp);--gp-pop:url(../assets/gui/pop.webp) 45 45 45 45 fill / 16px 16px 16px 16px;--gp-pop-edge:url(../assets/gui/pop.webp) 45 45 45 45 / 16px 16px 16px 16px;--gp-pop-img:url(../assets/gui/pop.webp);--gp-pop-deco-img:url(../assets/gui/pop-deco.webp);--gp-panel:url(../assets/gui/panel.webp) 23 44 24 45 fill / 11.5px 22px 12px 22.5px;--gp-panel-edge:url(../assets/gui/panel.webp) 23 44 24 45 / 11.5px 22px 12px 22.5px;--gp-panel-img:url(../assets/gui/panel.webp);--gp-row:url(../assets/gui/row.webp) 28 28 28 28 fill / 14px 14px 14px 14px;--gp-row-edge:url(../assets/gui/row.webp) 28 28 28 28 / 14px 14px 14px 14px;--gp-row-img:url(../assets/gui/row.webp);--gp-row-on:url(../assets/gui/row-on.webp) 28 28 28 28 fill / 14px 14px 14px 14px;--gp-row-on-edge:url(../assets/gui/row-on.webp) 28 28 28 28 / 14px 14px 14px 14px;--gp-row-on-img:url(../assets/gui/row-on.webp);--gp-slot:url(../assets/gui/slot.webp) 27 27 27 27 fill / 13.5px 13.5px 13.5px 13.5px;--gp-slot-edge:url(../assets/gui/slot.webp) 27 27 27 27 / 13.5px 13.5px 13.5px 13.5px;--gp-slot-img:url(../assets/gui/slot.webp);--gp-slot-hi:url(../assets/gui/slot-hi.webp) 27 27 27 27 fill / 13.5px 13.5px 13.5px 13.5px;--gp-slot-hi-edge:url(../assets/gui/slot-hi.webp) 27 27 27 27 / 13.5px 13.5px 13.5px 13.5px;--gp-slot-hi-img:url(../assets/gui/slot-hi.webp);--gp-slot-focus:url(../assets/gui/slot-focus.webp) 30 30 30 30 fill / 15px 15px 15px 15px;--gp-slot-focus-edge:url(../assets/gui/slot-focus.webp) 30 30 30 30 / 15px 15px 15px 15px;--gp-slot-focus-img:url(../assets/gui/slot-focus.webp);--gp-input:url(../assets/gui/input.webp) 0 23 0 21 fill / 0px 10px 0px 9px;--gp-input-edge:url(../assets/gui/input.webp) 0 23 0 21 / 0px 10px 0px 9px;--gp-input-img:url(../assets/gui/input.webp);--gp-input-on:url(../assets/gui/input-on.webp) 0 23 0 21 fill / 0px 10px 0px 9px;--gp-input-on-edge:url(../assets/gui/input-on.webp) 0 23 0 21 / 0px 10px 0px 9px;--gp-input-on-img:url(../assets/gui/input-on.webp);--gp-input-bad:url(../assets/gui/input-bad.webp) 0 23 0 21 fill / 0px 10px 0px 9px;--gp-input-bad-edge:url(../assets/gui/input-bad.webp) 0 23 0 21 / 0px 10px 0px 9px;--gp-input-bad-img:url(../assets/gui/input-bad.webp);--gp-check-on-img:url(../assets/gui/check-on.webp);--gp-check-off-img:url(../assets/gui/check-off.webp);--gp-switch-on:url(../assets/gui/switch-on.webp) 34 36 34 36 fill / 13.5px 14.5px 13.5px 14.5px;--gp-switch-on-edge:url(../assets/gui/switch-on.webp) 34 36 34 36 / 13.5px 14.5px 13.5px 14.5px;--gp-switch-on-img:url(../assets/gui/switch-on.webp);--gp-switch-off:url(../assets/gui/switch-off.webp) 32 34 32 34 fill / 13px 13.5px 13px 13.5px;--gp-switch-off-edge:url(../assets/gui/switch-off.webp) 32 34 32 34 / 13px 13.5px 13px 13.5px;--gp-switch-off-img:url(../assets/gui/switch-off.webp);--gp-knob-on-img:url(../assets/gui/knob-on.webp);--gp-knob-off-img:url(../assets/gui/knob-off.webp);--gp-btn-blue:url(../assets/gui/btn-blue.webp) 52 80 52 79 fill / 21px 32px 21px 31.5px;--gp-btn-blue-edge:url(../assets/gui/btn-blue.webp) 52 80 52 79 / 21px 32px 21px 31.5px;--gp-btn-blue-img:url(../assets/gui/btn-blue.webp);--gp-btn-green:url(../assets/gui/btn-green.webp) 52 80 52 78 fill / 21px 32px 21px 31px;--gp-btn-green-edge:url(../assets/gui/btn-green.webp) 52 80 52 78 / 21px 32px 21px 31px;--gp-btn-green-img:url(../assets/gui/btn-green.webp);--gp-btn-yellow:url(../assets/gui/btn-yellow.webp) 52 80 52 79 fill / 21px 32px 21px 31.5px;--gp-btn-yellow-edge:url(../assets/gui/btn-yellow.webp) 52 80 52 79 / 21px 32px 21px 31.5px;--gp-btn-yellow-img:url(../assets/gui/btn-yellow.webp);--gp-btn-red:url(../assets/gui/btn-red.webp) 52 80 52 79 fill / 21px 32px 21px 31.5px;--gp-btn-red-edge:url(../assets/gui/btn-red.webp) 52 80 52 79 / 21px 32px 21px 31.5px;--gp-btn-red-img:url(../assets/gui/btn-red.webp);--gp-btn-gray:url(../assets/gui/btn-gray.webp) 52 80 52 78 fill / 21px 32px 21px 31px;--gp-btn-gray-edge:url(../assets/gui/btn-gray.webp) 52 80 52 78 / 21px 32px 21px 31px;--gp-btn-gray-img:url(../assets/gui/btn-gray.webp);--gp-btn-bluegray:url(../assets/gui/btn-bluegray.webp) 52 80 52 79 fill / 21px 32px 21px 31.5px;--gp-btn-bluegray-edge:url(../assets/gui/btn-bluegray.webp) 52 80 52 79 / 21px 32px 21px 31.5px;--gp-btn-bluegray-img:url(../assets/gui/btn-bluegray.webp);--gp-btn-dark:url(../assets/gui/btn-dark.webp) 52 80 52 79 fill / 21px 32px 21px 31.5px;--gp-btn-dark-edge:url(../assets/gui/btn-dark.webp) 52 80 52 79 / 21px 32px 21px 31.5px;--gp-btn-dark-img:url(../assets/gui/btn-dark.webp);--gp-btn-purple:url(../assets/gui/btn-purple.webp) 52 80 52 79 fill / 21px 32px 21px 31.5px;--gp-btn-purple-edge:url(../assets/gui/btn-purple.webp) 52 80 52 79 / 21px 32px 21px 31.5px;--gp-btn-purple-img:url(../assets/gui/btn-purple.webp);--gp-btn-brown:url(../assets/gui/btn-brown.webp) 52 80 52 79 fill / 21px 32px 21px 31.5px;--gp-btn-brown-edge:url(../assets/gui/btn-brown.webp) 52 80 52 79 / 21px 32px 21px 31.5px;--gp-btn-brown-img:url(../assets/gui/btn-brown.webp);--gp-btn-mint:url(../assets/gui/btn-mint.webp) 52 80 52 79 fill / 21px 32px 21px 31.5px;--gp-btn-mint-edge:url(../assets/gui/btn-mint.webp) 52 80 52 79 / 21px 32px 21px 31.5px;--gp-btn-mint-img:url(../assets/gui/btn-mint.webp);--gp-tile:url(../assets/gui/tile.webp) 67 67 67 68 fill / 28px 28px 28px 28.5px;--gp-tile-edge:url(../assets/gui/tile.webp) 67 67 67 68 / 28px 28px 28px 28.5px;--gp-tile-img:url(../assets/gui/tile.webp);--gp-circle-gray-img:url(../assets/gui/circle-gray.webp);--gp-circle-blue-img:url(../assets/gui/circle-blue.webp);--gp-circle-green-img:url(../assets/gui/circle-green.webp);--gp-circle-yellow-img:url(../assets/gui/circle-yellow.webp);--gp-circle-purple-img:url(../assets/gui/circle-purple.webp);--gp-circle-red-img:url(../assets/gui/circle-red.webp);--gp-close-img:url(../assets/gui/close.webp);--gp-tab-on-img:url(../assets/gui/tab-on.webp);--gp-bar:url(../assets/gui/bar.webp) 0 24 0 24 fill / 0px 10px 0px 10px;--gp-bar-edge:url(../assets/gui/bar.webp) 0 24 0 24 / 0px 10px 0px 10px;--gp-bar-img:url(../assets/gui/bar.webp);--gp-bar-thin:url(../assets/gui/bar-thin.webp) 0 10 0 10 fill / 0px 5px 0px 5px;--gp-bar-thin-edge:url(../assets/gui/bar-thin.webp) 0 10 0 10 / 0px 5px 0px 5px;--gp-bar-thin-img:url(../assets/gui/bar-thin.webp);--gp-hex:url(../assets/gui/hex.webp) 0 16 0 16 fill / 0px 10px 0px 10px;--gp-hex-edge:url(../assets/gui/hex.webp) 0 16 0 16 / 0px 10px 0px 10px;--gp-hex-img:url(../assets/gui/hex.webp);--gp-hex-line:url(../assets/gui/hex-line.webp) 0 16 0 16 fill / 0px 10px 0px 10px;--gp-hex-line-edge:url(../assets/gui/hex-line.webp) 0 16 0 16 / 0px 10px 0px 10px;--gp-hex-line-img:url(../assets/gui/hex-line.webp);--gp-res:url(../assets/gui/res.webp) 0 20 0 20 fill / 0px 10px 0px 10px;--gp-res-edge:url(../assets/gui/res.webp) 0 20 0 20 / 0px 10px 0px 10px;--gp-res-img:url(../assets/gui/res.webp);--gp-coin-img:url(../assets/gui/coin.webp);--gp-gem-img:url(../assets/gui/gem.webp);--gp-label:url(../assets/gui/label.webp) 0 12 0 12 fill / 0px 7px 0px 7px;--gp-label-edge:url(../assets/gui/label.webp) 0 12 0 12 / 0px 7px 0px 7px;--gp-label-img:url(../assets/gui/label.webp);--gp-toast:url(../assets/gui/toast.webp) 21 9 21 9 fill / 12.5px 5.5px 12.5px 5.5px;--gp-toast-edge:url(../assets/gui/toast.webp) 21 9 21 9 / 12.5px 5.5px 12.5px 5.5px;--gp-toast-img:url(../assets/gui/toast.webp);--gp-toast-ok:url(../assets/gui/toast-ok.webp) 21 9 21 9 fill / 12.5px 5.5px 12.5px 5.5px;--gp-toast-ok-edge:url(../assets/gui/toast-ok.webp) 21 9 21 9 / 12.5px 5.5px 12.5px 5.5px;--gp-toast-ok-img:url(../assets/gui/toast-ok.webp);--gp-toast-err:url(../assets/gui/toast-err.webp) 21 9 21 9 fill / 12.5px 5.5px 12.5px 5.5px;--gp-toast-err-edge:url(../assets/gui/toast-err.webp) 21 9 21 9 / 12.5px 5.5px 12.5px 5.5px;--gp-toast-err-img:url(../assets/gui/toast-err.webp);--gp-ribbon:url(../assets/gui/ribbon.webp) 0 124 0 124 fill / 0px 52px 0px 52px;--gp-ribbon-edge:url(../assets/gui/ribbon.webp) 0 124 0 124 / 0px 52px 0px 52px;--gp-ribbon-img:url(../assets/gui/ribbon.webp);--gp-ribbon-gold:url(../assets/gui/ribbon-gold.webp) 0 124 0 124 fill / 0px 52px 0px 52px;--gp-ribbon-gold-edge:url(../assets/gui/ribbon-gold.webp) 0 124 0 124 / 0px 52px 0px 52px;--gp-ribbon-gold-img:url(../assets/gui/ribbon-gold.webp);--gp-rule-l:url(../assets/gui/rule-l.webp) 0 4 0 20 fill / 0px 2.5px 0px 12px;--gp-rule-l-edge:url(../assets/gui/rule-l.webp) 0 4 0 20 / 0px 2.5px 0px 12px;--gp-rule-l-img:url(../assets/gui/rule-l.webp);--gp-rule-r:url(../assets/gui/rule-r.webp) 0 21 0 3 fill / 0px 12.5px 0px 2px;--gp-rule-r-edge:url(../assets/gui/rule-r.webp) 0 21 0 3 / 0px 12.5px 0px 2px;--gp-rule-r-img:url(../assets/gui/rule-r.webp);--gp-shield-img:url(../assets/gui/shield.webp);--gp-portrait-img:url(../assets/gui/portrait.webp);--gp-ring-img:url(../assets/gui/ring.webp);--gp-alert-img:url(../assets/gui/alert.webp);--gp-joy-base-img:url(../assets/gui/joy-base.webp);--gp-joy-knob-img:url(../assets/gui/joy-knob.webp);--gp-action-img:url(../assets/gui/action.webp);--gp-bg-title-img:url(../assets/gui/bg-title.webp);--gp-bg-stone-img:url(../assets/gui/bg-stone.webp);--gp-bg-dark-img:url(../assets/gui/bg-dark.webp)}@font-face{font-family:Kanit;font-weight:400;font-display:swap;src:url(./kanit-thai-400-D80Pglro.woff2)format("woff2");unicode-range:U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-weight:400;font-display:swap;src:url(./kanit-latin-400-BUlsQXH3.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kanit;font-weight:600;font-display:swap;src:url(./kanit-thai-600-Bj6oiaDc.woff2)format("woff2");unicode-range:U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-weight:600;font-display:swap;src:url(./kanit-latin-600-0lS78yAd.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font:"Kanit", "Noto Sans Thai", "Leelawadee UI", "Leelawadee", "Tahoma", "Thonburi", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--gp-bg:#2e293c;--gp-bg-head:#221e2d;--gp-bg-deep:#17141d;--gp-bg-raised:#3b3146;--gp-bg-hover:#4a3d55;--gp-rim:#4f4254;--gp-rim-2:#6e6586;--gp-gold:#f4d487;--gp-amber:#fab137;--gp-desc:#b1abb2;--pet-paper:var(--gp-bg);--pet-surface:var(--gp-bg-raised);--pet-ink:#f2edf8;--pet-muted:#a79fb8;--pet-line:var(--gp-rim);--pet-peach:#e0705f;--pet-apricot:#f0b44a;--pet-mint:#4fbf8a;--pet-sky:#4f9fe0;--pet-focus:var(--gp-gold);--pet-danger:#e5484d;--pet-success:#5cc46a;--pet-radius:10px;--pet-shadow:0 14px 34px #00000073, 0 3px 8px #0000004d;--sky-50:#1f2638;--sky-100:#253049;--sky-200:#2e3f62;--sky-300:#3e5b8c;--sky-400:#4f7fbf;--sky-500:#2f86d6;--sky-600:#4c9ae6;--sky-700:#9ccbfa;--sky-800:#cfe5ff;--c-sky-50:#1f2638;--c-sky-100:#253049;--c-sky-200:#2e3f62;--c-sky-300:#3e5b8c;--c-sky-400:#4f7fbf;--c-sky-500:#2f86d6;--c-sky-600:#4c9ae6;--c-sky-700:#9ccbfa;--c-sky-800:#cfe5ff;--c-pink-50:#2e1f2a;--c-pink-100:#3a2433;--c-pink-200:#522d43;--c-pink-300:#7a3a5c;--c-pink-400:#b04d7c;--c-pink-500:#d6457f;--c-pink-600:#e56b98;--c-pink-700:#f6a9c6;--c-pink-800:#ffd3e3;--c-mint-50:#1b2a27;--c-mint-100:#1f3530;--c-mint-200:#26473e;--c-mint-300:#2f6a58;--c-mint-400:#389477;--c-mint-500:#2fae7c;--c-mint-600:#4fc795;--c-mint-700:#98e8c4;--c-mint-800:#cdf6e3;--c-lilac-50:#262038;--c-lilac-100:#2e2645;--c-lilac-200:#3c3060;--c-lilac-300:#574590;--c-lilac-400:#7559c4;--c-lilac-500:#8a5ce6;--c-lilac-600:#a585f0;--c-lilac-700:#cdb8ff;--c-lilac-800:#e6dcff;--c-peach-50:#2e2420;--c-peach-100:#3a2c24;--c-peach-200:#54392a;--c-peach-300:#82522f;--c-peach-400:#b36d33;--c-peach-500:#e0882e;--c-peach-600:#f2a24a;--c-peach-700:#ffc98a;--c-peach-800:bisque;--c-honey-50:#2c271c;--c-honey-100:#383020;--c-honey-200:#4f4226;--c-honey-300:#7a6330;--c-honey-400:#b08c33;--c-honey-500:#d9a62c;--c-honey-600:#f0c24a;--c-honey-700:#f8dc8c;--c-honey-800:#fff0c4;--spark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 0c1 6 4 9 10 10-6 1-9 4-10 10-1-6-4-9-10-10 6-1 9-4 10-10z' fill='%23fff'/%3E%3C/svg%3E");--star:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1.8l3 6.4 7 .8-5.2 4.8 1.4 6.9L12 17.2l-6.2 3.5 1.4-6.9L2 9l7-.8z' fill='%23fff' stroke='%23fff' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");--heart:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21s-8.5-5.3-8.5-11.2C3.5 6.6 5.8 4.5 8.5 4.5c1.6 0 2.8.8 3.5 2 .7-1.2 1.9-2 3.5-2 2.7 0 5 2.1 5 5.3C20.5 15.7 12 21 12 21z' fill='%23fff'/%3E%3C/svg%3E");--paw:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cellipse cx='12' cy='16' rx='5.5' ry='4.6'/%3E%3Cellipse cx='5.2' cy='10.4' rx='2.3' ry='2.9'/%3E%3Cellipse cx='9.4' cy='6.4' rx='2.3' ry='3'/%3E%3Cellipse cx='14.6' cy='6.4' rx='2.3' ry='3'/%3E%3Cellipse cx='18.8' cy='10.4' rx='2.3' ry='2.9'/%3E%3C/svg%3E");--diamond:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M6 0 12 6 6 12 0 6Z' fill='%23fff'/%3E%3C/svg%3E");--dots:none;--gloss:none;--bounce:cubic-bezier(.2, .8, .2, 1);--cream-50:#3b3146;--cream-100:#342b40;--cream-200:#2e293c;--cream-300:#4f4254;--gold-200:#4a3d22;--gold-300:#f4d487;--gold-400:#f6c24f;--gold-500:#e0a030;--gold-600:#f0b44a;--gold-700:#f4c86a;--mint-100:#1f3530;--mint-400:#389477;--mint-600:#4fc795;--mint-700:#98e8c4;--coral-100:#3a2027;--coral-400:#b8454f;--coral-600:#ef5b60;--coral-700:#ff9a9c;--lilac-100:#2e2645;--lilac-400:#7559c4;--lilac-600:#a585f0;--lilac-700:#cdb8ff;--pink-100:#3a2433;--pink-400:#b04d7c;--hp-a:#ff7a6b;--hp-b:#c92f2a;--ap-a:#6cb8ff;--ap-b:#2563c9;--exp-a:#ffe07a;--exp-b:#e09a1e;--stripes:none;--ink:var(--pet-ink);--ink-2:#c3bbd3;--ink-3:#9d94b0;--ink-inv:#fff;--surface:#2e293cf5;--surface-solid:var(--gp-bg);--card:var(--gp-bg-raised);--sunken:#1f1b29;--line:var(--gp-rim);--line-strong:var(--gp-rim-2);--glass:#1a1724e0;--glass-2:#14111bf2;--glass-line:#ffffff24;--scrim:#0b0910b8;--r-xs:4px;--r-sm:6px;--r-md:8px;--r-lg:12px;--r-xl:16px;--r-pill:999px;--shadow-1:0 2px 4px #00000040;--shadow-2:0 6px 16px #00000059;--shadow-3:var(--pet-shadow);--ring:0 0 0 2px var(--gp-gold);--tap:44px;--slot:44px;--fs-xs:11px;--fs-sm:12.5px;--fs-md:14px;--fs-lg:16px;--fs-xl:19px;--fs-2xl:24px;--ease:cubic-bezier(.2, .8, .2, 1);--hs:1;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--ink-soft:var(--ink-2);--gold:var(--gold-400);--title:var(--gp-gold);--title-ink:var(--gp-gold);--pill:var(--sunken);--pill-line:var(--line);--panel:var(--glass)}body.touch{--tap:44px;--slot:48px}@media (min-width:1600px) and (min-height:860px){:root{--hs:1.15}}*{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:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-font-smoothing:antialiased;background:#0e0c14;margin:0;line-height:1.4;overflow:hidden}input,select,textarea,button{font-family:var(--font)}input,select,textarea{-webkit-user-select:text;user-select:text}[hidden]{display:none!important}#scene{width:100vw;height:100vh;outline:none;height:100dvh;display:block;position:fixed;inset:0}#overlay{pointer-events:none;z-index:2;position:fixed;inset:0;overflow:hidden}.ico{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.25em;flex:none;width:1.25em;height:1.25em}.ico.sm{width:1em;height:1em}.ico.lg{width:1.6em;height:1.6em}.scroll,.win-body{scrollbar-width:thin;scrollbar-color:#6e6586 #17141d80}.scroll::-webkit-scrollbar{width:8px;height:8px}.win-body::-webkit-scrollbar{width:8px;height:8px}.scroll::-webkit-scrollbar-track{background:#17141d80;border-radius:8px}.win-body::-webkit-scrollbar-track{background:#17141d80;border-radius:8px}.scroll::-webkit-scrollbar-thumb{background:#6e6586 padding-box padding-box;border:2px solid #0000;border-radius:8px}.win-body::-webkit-scrollbar-thumb{background:#6e6586 padding-box padding-box;border:2px solid #0000;border-radius:8px}:focus-visible{box-shadow:var(--ring);outline:none}body:not(.touch){cursor:var(--cur-normal,default)}body:not(.touch) button,body:not(.touch) a,body:not(.touch) .slot,body:not(.touch) .hot,body:not(.touch) .tab,body:not(.touch) select,body:not(.touch) .mbtn,body:not(.touch) .row-btn{cursor:var(--cur-normal,pointer)}body:not(.touch) input[type=text],body:not(.touch) input:not([type]),body:not(.touch) input[type=password],body:not(.touch) input[type=number],body:not(.touch) textarea{cursor:text}body:not(.touch) #scene{cursor:var(--cur-normal,default)}body:not(.touch) #scene[data-cursor=attack]{cursor:var(--cur-attack,crosshair)}body:not(.touch) #scene[data-cursor=talk]{cursor:var(--cur-talk,pointer)}body:not(.touch) #scene[data-cursor=pickup]{cursor:var(--cur-pickup,pointer)}body:not(.touch) #scene[data-cursor=magic]{cursor:var(--cur-magic,crosshair)}body:not(.touch).busy,body:not(.touch).busy *{cursor:var(--cur-wait,wait)!important}.btn{min-height:var(--tap);border:0 solid #0000;border-image:var(--gp-btn-bluegray);color:#29233d;font-size:var(--fs-md);text-align:center;text-shadow:0 1px #ffffff59;box-shadow:none;background:0 0;border-radius:0;justify-content:center;align-items:center;gap:7px;padding:8px 18px;font-weight:600;line-height:1.35;transition:filter .12s,transform .12s;display:inline-flex;position:relative}.btn:hover:not(:disabled){filter:brightness(1.1)saturate(1.05)}.btn:active:not(:disabled){filter:brightness(.9);transform:translateY(1px)}.btn:disabled{filter:grayscale(.85)brightness(.75);opacity:.75;cursor:not-allowed}.btn.primary{border-image:var(--gp-btn-blue);color:#fff;text-shadow:0 1px 2px #0a356e}.btn.gold{border-image:var(--gp-btn-yellow);color:#4e2600;text-shadow:0 1px #ffe7a1}.btn.danger{border-image:var(--gp-btn-red);color:#fff;text-shadow:0 1px 2px #6b0d12}.btn.ok,.btn.green{border-image:var(--gp-btn-green);color:#0b3d16;text-shadow:0 1px #c9ff9c}.btn.purple{border-image:var(--gp-btn-purple);color:#fff;text-shadow:0 1px 2px #3b0f6e}.btn.dark{border-image:var(--gp-btn-dark);color:var(--ink);text-shadow:0 1px 1px #000}.btn.ghost{color:var(--ink-2);border-radius:var(--r-sm);text-shadow:none;background:0 0;border-image-source:none}.btn.ghost:hover:not(:disabled){filter:none;color:var(--gp-gold);background:#ffffff12}.btn.sm{min-height:36px;font-size:var(--fs-sm);padding:5px 13px}body.touch .btn.sm{min-height:44px}.btn.wide,.btn.block{width:100%;margin-top:8px;display:flex}.btn.lg{min-height:50px;font-size:var(--fs-lg);padding:10px 26px}.btn.icon{width:var(--tap);flex:none;padding:0}.btn .ico{width:18px;height:18px}.btn.plus{width:36px;min-height:36px;margin-left:8px;padding:0}body.touch .btn.plus{width:44px;min-height:44px}.icon-btn{width:44px;height:44px;color:var(--ink-2);background:0 0;border:1px solid #0000;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s;display:inline-flex}.icon-btn:hover{border-color:var(--line);color:var(--gp-gold);background:#ffffff14}.icon-btn .ico{width:20px;height:20px}.link-btn{color:#7fb8ff;min-height:44px;font-size:var(--fs-sm);text-underline-offset:4px;background:0 0;border:0;padding:6px 2px;font-weight:600;text-decoration:underline}.link-btn:hover{color:var(--gp-gold)}.row{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.row .btn{flex:1}.small-row .btn{font-size:var(--fs-sm)}label{font-size:var(--fs-sm);color:var(--ink-2);margin:8px 0;font-weight:600;display:block}.field{flex-direction:column;gap:4px;margin:0 0 12px;display:flex}.field>label{margin:0}label input:not([type=checkbox]):not([type=radio]):not([type=range]),label select,label textarea,.field input:not([type=checkbox]):not([type=radio]):not([type=range]),.field select,.field textarea,.input{width:100%;min-height:var(--tap);border:0 solid #0000;border-image:var(--gp-input);color:var(--ink);box-shadow:none;background:0 0;border-radius:0;outline:none;margin-top:4px;padding:7px 16px;font-size:16px;font-weight:400;display:block}.field input,.field select,.field textarea{margin-top:0}body.touch .field input:not([type=checkbox]):not([type=radio]),body.touch .input,body.touch label input:not([type=checkbox]):not([type=radio]):not([type=range]){min-height:46px}textarea.input,label textarea,.field textarea{resize:vertical;min-height:72px;line-height:1.45}:is(label,.field) :is(textarea,select),textarea.input,select.input{border:1px solid var(--gp-rim-2);border-radius:var(--r-sm);background:var(--gp-bg-deep);border-image-source:none}select option{background:var(--gp-bg-deep);color:var(--ink)}label input:focus,label select:focus,label textarea:focus,.field input:focus,.field select:focus,.field textarea:focus,.input:focus{border-image:var(--gp-input-on);box-shadow:none}:is(label,.field) :is(textarea,select):focus,textarea.input:focus,select.input:focus{border-color:#d9a441;border-image-source:none;box-shadow:0 0 0 2px #d9a44133}input::placeholder,textarea::placeholder{color:var(--ink-3)}input[type=password]::-ms-reveal{display:none}input[type=password]::-ms-clear{display:none}input[type=checkbox]{appearance:none;vertical-align:middle;background:var(--gp-check-off-img) center / contain no-repeat;cursor:pointer;border:0;flex:none;width:20px;height:20px;margin:0}input[type=checkbox]:checked{background-image:var(--gp-check-on-img)}input[type=checkbox]:disabled{opacity:.5}input[type=radio]{accent-color:var(--gp-amber);width:18px;height:18px}body.touch input[type=checkbox],body.touch input[type=radio]{width:24px;height:24px}input[type=range]{accent-color:var(--gp-amber);touch-action:pan-x}.field-hint{font-size:var(--fs-xs);color:var(--ink-3);font-weight:400}.field-err{font-size:var(--fs-xs);color:var(--coral-600);font-weight:600}.input.bad,.field .bad,.field.bad input,label .bad{border-image:var(--gp-input-bad)!important;box-shadow:none!important}.switch{min-height:var(--tap);font-size:var(--fs-md);color:var(--ink);cursor:pointer;align-items:center;gap:10px;margin:6px 0;font-weight:400;display:flex}.switch input{opacity:0;width:0;height:0;position:absolute}.switch i{border:0 solid #0000;border-image:var(--gp-switch-off);flex:none;width:50px;height:26px;transition:filter .15s;position:relative}.switch i:after{content:"";background:var(--gp-knob-off-img) center / contain no-repeat;width:32px;height:32px;transition:transform .15s;position:absolute;top:-3px;left:-3px}.switch input:checked+i{border-image:var(--gp-switch-on)}.switch input:checked+i:after{background-image:var(--gp-knob-on-img);transform:translate(24px)}.switch input:focus-visible+i{box-shadow:var(--ring);border-radius:13px}.switch input:disabled+i{opacity:.45}.msg{min-height:18px;color:var(--coral-600);font-size:var(--fs-sm);margin-top:4px;font-weight:600}.msg.ok{color:var(--mint-600)}.muted{color:var(--ink-2);font-size:var(--fs-sm);padding:4px}.small{font-size:var(--fs-sm)}.hint{color:var(--ink-3);font-size:var(--fs-xs)}.tabs,.seg{scrollbar-width:thin;background:0 0;border-bottom:2px solid #76617d7d;gap:4px;margin:0 0 14px;padding:2px 2px 0;display:flex;overflow:auto hidden}.tab,.seg-btn{min-height:44px;color:var(--ink-3);font-size:var(--fs-sm);white-space:nowrap;background:0 0;border:0;border-radius:0;flex:1 0 auto;justify-content:center;align-items:center;gap:6px;padding:8px 14px 12px;font-weight:600;transition:color .15s;display:inline-flex;position:relative}.tab:after,.seg-btn:after{content:"";background:var(--gp-tab-on-img) center bottom / 100% 100% no-repeat;opacity:0;pointer-events:none;width:min(100%,120px);height:13px;transition:opacity .15s,transform .15s;position:absolute;bottom:0;left:50%;transform:translate(-50%)scaleX(.4)}@media (hover:hover){.tab:hover,.seg-btn:hover{color:var(--ink)}}.tab.active,.seg-btn.active,.tab.on,.seg-btn.on{color:var(--gp-gold);background:linear-gradient(#f4d48700,#f4d48714)}:is(.tab,.seg-btn):is(.active,.on):after{opacity:1;transform:translate(-50%)}.tab:disabled,.seg-btn:disabled{opacity:.45}body.touch .tab,body.touch .seg-btn{min-height:44px;font-size:var(--fs-md)}body.touch .tabs,body.touch .seg{padding:2px}.tabs.line{gap:4px;padding:0}.tabs.line .tab{background:0 0}.chip{border:0 solid #0000;border-image:var(--gp-hex-line);min-height:24px;color:var(--sky-700);font-size:var(--fs-xs);white-space:nowrap;background:0 0;border-radius:0;align-items:center;gap:4px;padding:0 12px;font-weight:600;display:inline-flex}.chip.gold{color:var(--gp-gold)}.chip.mint{color:var(--mint-700)}.chip.coral{color:var(--coral-700)}.chip.lilac{color:var(--lilac-700)}.chip.gray{color:var(--ink-2);border-image:var(--gp-hex)}.badge{color:#fff;background:#e5484d;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10.5px;font-weight:600;line-height:1;display:inline-flex;box-shadow:0 0 0 1.5px #000,inset 0 1px #ffffff59}.badge.gold{background:var(--gp-amber);color:#3d2000}.badge.sky{background:#2f7fd0}.dot{background:var(--ink-3);border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.dot.on{background:#5cd67a;box-shadow:0 0 0 3px #5cd67a33,0 0 6px #5cd67a}.card{background:var(--gp-bg-raised);border-radius:var(--r-md);box-shadow:inset 0 0 0 1px var(--gp-rim), var(--shadow-1);border:1px solid #000;padding:12px}.card.flat{box-shadow:inset 0 0 0 1px var(--gp-rim)}.card.sunken{background:var(--sunken);border-color:#00000080;box-shadow:inset 0 1px 3px #0000008c}.panel,.skin-frame{color:var(--ink);border:0 solid #0000;border-image:var(--gp-pop);box-shadow:none;filter:drop-shadow(0 8px 18px #0000008c);background:0 0;border-radius:0;padding:14px}.list{flex-direction:column;gap:6px;display:flex}.list-row,.skill-row,.shop-row{border:0 solid #0000;border-image:var(--gp-row);background:0 0;border-radius:0;align-items:center;gap:10px;min-height:56px;margin-bottom:8px;padding:10px 12px;transition:filter .15s;display:flex}.list .list-row{margin:0}.list-row.clickable:hover,.list-row.row-btn:hover{filter:brightness(1.15)}.list-row.selected,.list-row.on{border-image:var(--gp-row-on)}.row-main,.skill-info,.shop-info{flex-direction:column;flex:1;min-width:0;display:flex}.row-main b,.skill-info b,.shop-info b{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.row-main small,.skill-info small,.shop-info small{color:var(--gp-desc);font-size:var(--fs-xs)}.skill-row .btn,.shop-row .btn,.list-row .btn{flex:none}.skill-row.passive{opacity:.6}.win-body h4,.sec-title{font-size:var(--fs-sm);color:var(--gp-gold);box-shadow:none;letter-spacing:.02em;background:0 0;border-radius:0;align-items:center;gap:8px;margin:14px 0 8px;padding:0;font-weight:600;display:flex}.win-body h4:before,.sec-title:before{content:"";background:var(--gp-amber);flex:none;width:9px;height:9px;transform:rotate(45deg);box-shadow:0 0 0 1.5px #3b2a10,0 0 6px #fab13766}.win-body h4:after,.sec-title:after{content:"";border:0 solid #0000;border-image:var(--gp-rule-r);flex:12px;min-width:12px;height:11px;margin-left:2px}.win-body h4:first-child,.sec-title:first-child{margin-top:2px}.empty{text-align:center;color:var(--ink-3);font-size:var(--fs-sm);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:22px 12px;display:flex;position:relative}.empty .ico{width:30px;height:30px;color:var(--gp-rim-2)}.empty:has(>.ico)>.ico{box-sizing:content-box;background:var(--gp-bg-deep);box-shadow:0 0 0 2px #000, 0 0 0 4px var(--gp-rim), inset 0 2px 6px #000;color:var(--gp-rim-2);border-radius:50%;padding:13px}.empty>b{color:var(--ink-2)}.divider{background:linear-gradient(90deg,#0000,#76617d 20% 80%,#0000);border:0;height:2px;margin:12px 0}.kv{border-collapse:separate;border-spacing:0;width:100%}.kv th,.kv td{font-size:var(--fs-sm);background:0 0;border-bottom:1px solid #ffffff12;border-radius:0;padding:6px 10px}.kv tr:last-child th,.kv tr:last-child td{border-bottom:0}.kv th{text-align:left;color:var(--gp-desc);width:46%;font-weight:400}.kv td{text-align:right;color:var(--ink);font-variant-numeric:tabular-nums;font-weight:600}.stat-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:6px;display:grid}.stat{border-radius:var(--r-sm);background:var(--sunken);border:1px solid #0009;justify-content:space-between;align-items:center;gap:6px;min-height:36px;padding:4px 10px;display:flex;box-shadow:inset 0 0 0 1px #ffffff0d}.stat span{color:var(--gp-desc);font-size:var(--fs-sm)}.stat b{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:600}.money{border:0 solid #0000;border-image:var(--gp-res);color:#ffe08a;font-variant-numeric:tabular-nums;background:0 0;border-radius:0;align-items:center;gap:6px;min-height:30px;padding:3px 14px 3px 8px;font-weight:600;display:inline-flex}.money:before{content:"";background:var(--gp-coin-img) center / contain no-repeat;flex:none;width:20px;height:20px}.money.cash{color:#b9e4ff}.money.cash:before{background-image:var(--gp-gem-img)}.points{color:var(--gp-gold);font-weight:600}.shop-gold{color:var(--ink);font-weight:600;font-size:var(--fs-sm);margin:0 0 6px}.grid{grid-template-columns:repeat(auto-fill, minmax(var(--slot), 1fr));justify-items:center;gap:4px;display:grid}.slot{--slot-r:7px;width:var(--slot);height:var(--slot);border-radius:var(--slot-r);border:0 solid #0000;border-image:var(--gp-slot);box-shadow:none;background:0 0;flex:none;justify-content:center;align-items:center;transition:filter .15s;display:flex;position:relative}.slot:hover{border-image:var(--gp-slot-hi);z-index:1}.slot.selected,.slot.on{outline:none}.slot.selected:after,.slot.on:after{content:"";z-index:3;pointer-events:none;border:0 solid #0000;border-image:var(--gp-slot-focus-edge);filter:drop-shadow(0 0 4px #ffcf5a99);position:absolute;inset:-3px}.slot.locked{opacity:.7;background:repeating-linear-gradient(135deg,#00000038 0 5px,#0000 5px 10px)}.slot.up{box-shadow:0 0 0 1px #a585f0a6,0 0 7px #8a5ce680}.slot:has(>.slot-plus){box-shadow:0 0 0 1px #a585f0a6,0 0 7px #8a5ce680}.slot.up-hi{box-shadow:0 0 0 1px #f6c24fcc,0 0 9px #fab137a6}.slot-plus{z-index:2;pointer-events:none;color:#fff;font-variant-numeric:tabular-nums;background:#6b45c9;border-radius:4px;padding:0 4px;font-size:10.5px;font-weight:600;line-height:15px;position:absolute;top:1px;left:1px;box-shadow:0 0 0 1px #000}.slot.up-hi .slot-plus{color:#3d2000;background:var(--gp-amber)}.slot.empty-slot .ico{color:#6e6586b3;width:55%;height:55%}.slot .icon{border-radius:calc(var(--slot-r) - 3px);width:calc(100% - 6px);height:calc(100% - 6px)}.slot-count,.count{z-index:2;text-align:center;color:#fff;letter-spacing:-.2px;font-variant-numeric:tabular-nums;background:#2c211dee;border-radius:8px;min-width:16px;padding:0 4px;font-size:11.5px;font-weight:700;line-height:15px;position:absolute;bottom:1px;right:1px;box-shadow:0 0 0 1.5px #fff6e4d9}.slot-label{color:var(--ink-2);text-align:center;white-space:nowrap;font-size:10px;position:absolute;bottom:-16px;left:0;right:0}.equip-slot{margin-bottom:16px}.icon{background:linear-gradient(135deg, hsl(var(--hue), 45%, 60%), hsl(var(--hue), 50%, 38%));border-radius:8px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative;overflow:hidden}.icon img{object-fit:contain;image-rendering:auto;-webkit-user-drag:none;width:100%;height:100%}.icon-letter{color:#fff;text-shadow:0 1px 2px #0009;font-size:18px;font-weight:600}.icon-atlas{image-rendering:auto;background-repeat:no-repeat;position:absolute;inset:0}.bar{border:0 solid #0000;border-image:var(--gp-bar);background:0 0;border-radius:0;height:20px;position:relative}.bar i{--fill:#f0b44a;--fill-2:#b86d12;width:0;max-width:calc(100% - 6px);transition:width .2s var(--ease);background:linear-gradient(#ffffff59, #fff0 45%), linear-gradient(var(--fill), var(--fill-2));border-radius:3px;position:absolute;top:3px;bottom:3px;left:3px;box-shadow:inset 0 -1px #00000059}.bar span{z-index:1;text-align:center;color:#fff;white-space:nowrap;font-variant-numeric:tabular-nums;text-shadow:0 1px 1px #000,0 0 2px #000;font-size:11px;font-weight:600;line-height:20px;display:block;position:relative}.bar.hp i{--fill:#ff6b5b;--fill-2:#c22a25}.bar.mp i,.bar.ap i{--fill:#5fb4ff;--fill-2:#1f5fc7}.bar.exp i{--fill:#ffe07a;--fill-2:#e09a1e}.bar.mint i{--fill:#6fe0a6;--fill-2:#23935e}.bar.lilac i{--fill:#c9a6ff;--fill-2:#7a4fd6}.bar.thin{border-image:var(--gp-bar-thin);height:8px}.bar.thin i{border-radius:2px;max-width:calc(100% - 4px);top:2px;bottom:2px;left:2px}.bar.thin span{display:none}.win{z-index:8;width:min(var(--win-w,360px), calc(100vw - 16px));max-height:min(720px,100dvh - 110px);color:var(--ink);background:var(--gp-bg);box-shadow:var(--pet-shadow);animation:win-in .18s var(--ease);border:0;border-radius:12px;flex-direction:column;display:flex;position:absolute;top:76px;left:50%;overflow:hidden;transform:translate(-50%)}.win:after{content:"";z-index:20;pointer-events:none;border:0 solid #0000;border-image:var(--gp-win-frame-edge);position:absolute;inset:0}@keyframes win-in{0%{opacity:0;transform:translate(-50%)translateY(10px)scale(.94)}}.win.win-placed,.win.win-moved{animation-name:win-in-placed;transform:none}@keyframes win-in-placed{0%{opacity:0;transform:translateY(10px)scale(.96)}}.win-head{background:linear-gradient(#2a2536, var(--gp-bg-head));min-height:58px;color:var(--gp-gold);font-size:var(--fs-lg);touch-action:none;border-bottom:2px solid #0000008c;flex:none;align-items:center;gap:10px;margin:0;padding:10px 16px 8px;font-weight:600;display:flex;position:relative;box-shadow:0 1px #ffffff12}.win-heading{flex-direction:column;gap:2px;min-width:0;margin-right:auto;display:flex}.win-emblem{background:var(--gp-circle-gray-img) center / contain no-repeat;color:#e9e3f0;filter:drop-shadow(0 2px 2px #0000008c);border-radius:50%;flex:none;place-items:center;width:36px;height:36px;display:grid}.win-emblem .ico{width:19px;height:19px}.win-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--gp-gold);text-shadow:0 2px #000000b3;padding:0;font-size:17px;line-height:1.45;display:block;overflow:hidden}.win-title:empty{display:none}.win-head-extra{z-index:1;align-items:center;gap:4px;display:flex}.win-close{color:#0000;background:var(--gp-close-img) center / contain no-repeat;filter:drop-shadow(0 2px 2px #0000008c);border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;width:36px;height:36px;margin:0 -2px 0 0;padding:0;font-size:0;transition:filter .15s,transform .15s;display:inline-flex;position:relative}.win-close .ico{display:none}.win-close:hover{filter:drop-shadow(0 2px 2px #0000008c)brightness(1.25)}.win-close:active{transform:translateY(1px)}body:not(.touch) .win-head{cursor:move}.win-corner{display:none}.win-body{overscroll-behavior:contain;touch-action:pan-y;min-height:0;color:var(--ink);max-height:var(--win-body-h,none);height:var(--win-body-h,auto);flex:auto;padding:16px 18px;overflow-y:auto}.win-foot{background:var(--gp-bg-head);border-top:2px solid #0000008c;flex:none;align-items:center;gap:8px;padding:10px 16px 12px;display:flex;box-shadow:inset 0 1px #ffffff12}.win-foot .btn{flex:1}.win-cols{align-items:flex-start;gap:12px;display:flex}.win-cols>*{flex:1;min-width:0}body.touch .win-cols{flex-direction:column}body.touch .win-cols>*{width:100%}#win-social,#win-trade,#win-partywin,#win-pboard,#win-mail,#win-mega,#win-mega-big,#win-emote,#ctx-menu,#social-invites{--sky-50:var(--c-pink-50);--sky-100:var(--c-pink-100);--sky-200:var(--c-pink-200);--sky-300:var(--c-pink-300);--sky-400:var(--c-pink-400);--sky-500:var(--c-pink-500);--sky-600:var(--c-pink-600);--sky-700:var(--c-pink-700);--sky-800:var(--c-pink-800)}#win-shop,#win-bank,#win-stall,#win-stall-buy,#win-stall-search,#win-craft,#win-ihist{--sky-50:var(--c-mint-50);--sky-100:var(--c-mint-100);--sky-200:var(--c-mint-200);--sky-300:var(--c-mint-300);--sky-400:var(--c-mint-400);--sky-500:var(--c-mint-500);--sky-600:var(--c-mint-600);--sky-700:var(--c-mint-700);--sky-800:var(--c-mint-800)}#win-skills,#win-pet,#win-bpet,#win-bpskill,#win-lpcfg,#win-petapp,#win-jobchange,#win-tuning,#win-succession,#win-arcane,#win-arcane-jaro{--sky-50:var(--c-lilac-50);--sky-100:var(--c-lilac-100);--sky-200:var(--c-lilac-200);--sky-300:var(--c-lilac-300);--sky-400:var(--c-lilac-400);--sky-500:var(--c-lilac-500);--sky-600:var(--c-lilac-600);--sky-700:var(--c-lilac-700);--sky-800:var(--c-lilac-800)}#win-quest,#win-npc,#win-dungeon,#win-dungeon-result,#win-gwh,#win-attend,#win-playtime,#win-marble,#win-fishing,#win-fame,#win-gacha{--sky-50:var(--c-peach-50);--sky-100:var(--c-peach-100);--sky-200:var(--c-peach-200);--sky-300:var(--c-peach-300);--sky-400:var(--c-peach-400);--sky-500:var(--c-peach-500);--sky-600:var(--c-peach-600);--sky-700:var(--c-peach-700);--sky-800:var(--c-peach-800)}#win-mall,#win-topup,#win-rank,#win-gm{--sky-50:var(--c-honey-50);--sky-100:var(--c-honey-100);--sky-200:var(--c-honey-200);--sky-300:var(--c-honey-300);--sky-400:var(--c-honey-400);--sky-500:var(--c-honey-500);--sky-600:var(--c-honey-600);--sky-700:var(--c-honey-700);--sky-800:var(--c-honey-800)}.modal-scrim{z-index:1000;background:var(--scrim);animation:.15s fade-in;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}}.dialog{z-index:1001;pointer-events:auto;width:min(420px,100vw - 24px);max-height:calc(100dvh - 24px - var(--safe-t) - var(--safe-b));text-align:center;color:var(--ink);border:0 solid #0000;border-image:var(--gp-win);box-shadow:none;filter:drop-shadow(0 14px 26px #000000a6);animation:pop-in .18s var(--ease);background:0 0;border-radius:0;padding:22px 26px 24px;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.dialog:before{content:"";background:var(--gp-tab-on-img) center / contain no-repeat;pointer-events:none;width:150px;height:20px;margin:0 auto 12px;display:block;transform:scaleY(-1)}.dialog:has(.dlg-ico.danger):before{filter:hue-rotate(-38deg)saturate(1.6)}@keyframes pop-in{0%{opacity:0;transform:translate(-50%,-44%)scale(.9)}}.dialog p{font-size:var(--fs-lg);color:var(--ink);white-space:pre-line;margin:0 0 14px;font-weight:400;line-height:1.5}.dialog .dlg-ico{background:var(--gp-circle-gray-img) center / contain no-repeat;width:48px;height:48px;color:var(--gp-gold);filter:drop-shadow(0 2px 3px #000000a6);border:0;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 12px;display:flex}.dialog .dlg-ico .ico{width:24px;height:24px}.dialog .dlg-ico.danger{color:#ff8a8d;background-image:var(--gp-circle-red-img)}.dialog .dlg-ico.danger .ico{color:#fff}.dialog .row{margin-top:4px}.dialog .input{text-align:center;margin:-4px 0 14px}.dialog.top{z-index:40}.popup{z-index:1000;min-width:180px;max-width:260px;color:var(--ink);border:0 solid #0000;border-image:var(--gp-pop);box-shadow:none;filter:drop-shadow(0 8px 18px #0000008c);animation:pop-menu .15s var(--ease);max-height:calc(100dvh - 12px - var(--safe-t) - var(--safe-b));overscroll-behavior:contain;touch-action:pan-y;background:0 0;border-radius:0;flex-direction:column;gap:2px;padding:10px 8px;display:flex;position:fixed;overflow:hidden auto}.popup>*{flex-shrink:0}@keyframes pop-menu{0%{opacity:0;transform:scale(.92)}}.popup .btn{min-height:36px;box-shadow:none;color:var(--ink);text-shadow:none;border-radius:var(--r-sm);background:0 0;border-image-source:none;justify-content:flex-start;padding:0 12px;font-weight:400}.popup .btn:before{display:none}.popup .btn:hover:not(:disabled){color:var(--gp-gold);filter:none;background:#ffffff14;transform:translate(2px)}.popup .btn .ico{color:var(--gp-rim-2)}.popup .btn:hover:not(:disabled) .ico{color:var(--gp-gold)}.popup .btn.danger{color:#ff8a8d;text-shadow:none;background:0 0}.popup .btn.danger .ico{color:#ff8a8d;filter:none}.popup .btn.primary{color:#8fc4ff;text-shadow:none;background:0 0;font-weight:600}.popup .btn.primary .ico{filter:none}body.touch .popup .btn{min-height:44px}.skin-tip{z-index:2000;pointer-events:none;max-width:min(320px,100vw - 24px);font-size:var(--fs-sm);color:#ece6f5;border:0 solid #0000;border-image:var(--gp-pop);box-shadow:none;filter:drop-shadow(0 8px 16px #000000a6);white-space:pre-line;background:0 0;border-radius:0;padding:14px 16px;line-height:1.6;position:fixed}.skin-tip b,.skin-tip .tip-name{color:var(--gp-gold);font-weight:600}.skin-tip.pinned{pointer-events:auto}.skin-tip .tip-scroll{max-height:calc(100dvh - 48px - var(--safe-t) - var(--safe-b));overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#6e6586 transparent;overflow:hidden auto}.skin-tip .tip-acts{white-space:normal;border-top:1px solid #76617d80;flex-wrap:wrap;gap:6px;margin-top:8px;padding-top:10px;display:flex}.skin-tip .tip-acts .btn{flex:1 0 auto}.tip-x{color:#0000;background:var(--gp-close-img) center / 34px no-repeat;filter:drop-shadow(0 2px 2px #0000008c);border:0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:inline-flex;position:absolute;top:-10px;right:-8px}.tip-x .ico{display:none}.tip-x:hover{filter:drop-shadow(0 2px 2px #0000008c)brightness(1.25)}.toast-host{left:50%;top:calc(8% + var(--safe-t));z-index:1500;pointer-events:none;flex-direction:column;align-items:center;gap:6px;width:min(92vw,520px);display:flex;position:fixed;transform:translate(-50%)}body.touch .toast-host{top:calc(18% + var(--safe-t))}body.touch .toast-host>.toast:nth-last-child(n+4){display:none}.toast,.sys-line{min-width:min(320px,100%);max-width:100%;color:var(--ink);font-size:var(--fs-md);text-align:center;text-shadow:0 1px 2px #000;border:0 solid #0000;border-image:var(--gp-toast);box-shadow:none;animation:toast-in .18s var(--ease);background:0 0;border-radius:0;justify-content:center;align-items:center;gap:10px;padding:11px 32px;font-weight:600;transition:opacity .3s,transform .3s;display:inline-flex}.toast:not(:has(.ico)):before{content:"";background:var(--gp-rim-2);width:10px;height:10px;-webkit-mask:var(--diamond) center / contain no-repeat;mask:var(--diamond) center / contain no-repeat;flex:none}.sys-line:not(:has(.ico)):before{content:"";background:var(--gp-rim-2);width:10px;height:10px;-webkit-mask:var(--diamond) center / contain no-repeat;mask:var(--diamond) center / contain no-repeat;flex:none}.toast .ico,.sys-line .ico{width:20px;height:20px;color:var(--gp-gold);flex:none}.toast.ok{border-image:var(--gp-toast-ok);color:#fff6dc}.toast.ok .ico{color:var(--gp-gold)}.toast.ok:before{background-color:var(--gp-gold)}.toast.err{border-image:var(--gp-toast-err);color:#ff8f91}.toast.err .ico{color:#ff6b6e}.toast.err:before{background-color:#ff6b6e}.toast.fade,.sys-line.fade{opacity:0;transform:translateY(-8px)}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)scale(.86)}}.tag{text-align:center;white-space:nowrap;will-change:transform;position:absolute;top:0;left:0}.tag-plate{vertical-align:bottom;flex-direction:column;align-items:center;line-height:1.35;display:inline-flex;position:relative}.tag-body{flex-direction:column;align-items:center;row-gap:1px;display:flex;position:relative}.staff-badge{height:var(--staff-px,22px);color:#fff;font-size:calc(var(--staff-px,22px) * .64);letter-spacing:.8px;text-shadow:0 1px 2px #163552;background:linear-gradient(135deg,#126bcc,#20cfe1);border:1px solid #fff;border-radius:8px 8px 11px 11px;justify-content:center;align-items:center;gap:3px;margin-bottom:6px;padding:0 .5em;font-weight:800;line-height:1;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #38d9ff99,0 0 9px #32ddffcc,0 2px 4px #063c6799,inset 0 1px #ffffff70}.staff-badge svg{flex:none;width:1.15em;height:1.15em}.staff-admin{text-shadow:0 1px 2px #793c11;background:linear-gradient(135deg,#ffd765,#f79621 55%,#e7492d);box-shadow:0 0 0 1px #ffcc52,0 0 10px #ffcb62b3,inset 0 1px #fff9}.staff-admin:after{content:"";background:var(--spark) center / 9px 9px no-repeat, linear-gradient(90deg, transparent, #fff5, transparent);width:35%;animation:4s ease-in-out infinite staff-shine;position:absolute;inset:-30% auto -30% -60%;transform:skew(-25deg)}@keyframes staff-shine{0%,65%{transform:translate(0)skew(-25deg)}90%,to{transform:translate(545%)skew(-25deg)}}@media (prefers-reduced-motion:reduce){.staff-admin:after{animation:none;display:none}}.tag-emblem{object-fit:contain;pointer-events:none;background:#00000040;border-radius:3px;width:24px;height:24px;position:absolute;top:-4px;right:calc(100% + 5px);box-shadow:0 0 0 1px #0000008c,0 1px 3px #0009}.tag:has(.tag-stall:hover){z-index:1000!important}.tag-name{color:#fff;text-shadow:-1px 0 #000,1px 0 #000,0 1px #000,0 -1px #000,0 1px 3px #000;font-size:12px;font-weight:600}.tag-player .tag-name{text-shadow:none;align-items:center;gap:5px;margin-top:2px;font-size:13px;line-height:18px;display:inline-flex}.tag-nm{text-shadow:-1px 0 #000,1px 0 #000,0 1px #000,0 -1px #000,0 1px 3px #000}.tag-job{color:var(--a,#c9d6e6);text-shadow:-1px 0 #000,1px 0 #000,0 1px #000,0 -1px #000,0 1px 3px #000;font-size:12px;font-weight:600;line-height:18px}.tag-job[hidden]{display:none}:is(.tag-jico,.tag-rank){background:50%/contain no-repeat;flex:none;width:18px;height:18px;display:block}.tag-jico{margin-right:-2px}.tag-rank{width:17px;height:19px;margin-left:-1px}:is(.tag-jico,.tag-rank)[hidden]{display:none}.tag-hp{background:#0000008c;border-radius:3px;width:54px;height:6px;margin:2px auto 0;overflow:hidden;box-shadow:0 0 0 1px #00000059}.tag-hp i{transform-origin:0;background:linear-gradient(var(--hp-a), var(--hp-b));width:100%;height:100%;display:block}.tag-player .tag-hp{width:56px;height:5px;margin-top:5px;box-shadow:0 0 0 1px #0006}.tag-player .tag-hp i{background:linear-gradient(#8bff8b,#2aa42a)}:is(.tag-sp,.tag-combo){background:#0000008c;border-radius:2px;width:56px;margin:2px auto 0;overflow:hidden;box-shadow:0 0 0 1px #0006}:is(.tag-sp,.tag-combo)[hidden]{display:none}:is(.tag-sp,.tag-combo) i{transform-origin:0;width:100%;height:100%;display:block}.tag-sp{height:4px}.tag-sp i{background:linear-gradient(var(--ap-a), var(--ap-b))}.tag-combo{height:3px}.tag-combo i{background:linear-gradient(#ffe57a,#f5a21a);transition:transform .12s ease-out}.tag-combo[data-state=open] i{background:linear-gradient(#ff8a7a,#e0281e)}.tag-combo[data-state=ok] i{background:linear-gradient(#fffbe0,#ffd23a)}.tag-combo[data-state=fin]{box-shadow:0 0 0 1px #0006,0 0 5px 1px #ffd65ae6}.tag-combo[data-state=fin] i{background:linear-gradient(#fff2a8,#ffb21a)}.tag.targeted .tag-name{text-decoration:underline;-webkit-text-decoration-color:var(--gold-400);text-decoration-color:var(--gold-400);color:#fff!important}.tag-player.targeted .tag-name{text-decoration:none}.tag-player.targeted .tag-nm{text-decoration:underline;-webkit-text-decoration-color:var(--gold-400);text-decoration-color:var(--gold-400);text-underline-offset:2px}.tag-npc .tag-name{font-size:13px}.tag.np-compact :is(.tag-guild,.tag-title,.tag-emblem){display:none}.tag.np-compact .tag-name{gap:4px;margin-top:0;font-size:12px;line-height:16px}.tag.np-compact .staff-badge{--staff-px:15px;letter-spacing:.4px;margin-bottom:3px}.tag.np-compact .tag-job{display:none}.tag.np-compact .tag-jico{width:15px;height:15px;margin-right:0}.tag.np-compact .tag-rank{width:14px;height:16px}.tag.np-compact :is(.tag-hp,.tag-sp,.tag-combo){width:44px}.tag.np-compact .tag-hp{height:4px;margin-top:3px}.tag.np-compact .tag-sp{height:3px}.floater{white-space:nowrap;will-change:transform, opacity;paint-order:stroke fill;-webkit-text-stroke:4px #2a1208;text-shadow:0 2px 2px #000;font-size:24px;font-weight:600;font-family:var(--font);position:absolute;top:0;left:0}.floater.dmg-out{color:#fff36b}.floater.dmg-in{color:#ff5a4a}.floater.dmg-other{color:#fff;opacity:.85;font-size:17px}.floater.crit{color:#ff9a1a;font-size:32px}.floater.miss{color:#c8d8ff;font-size:19px}.floater.heal{color:#7dff7d}.floater.lvlup{color:var(--gold-400);font-size:28px}body.touch .floater{font-size:19px}body.touch .floater.crit{font-size:25px}.bubble{white-space:normal;color:#f5f0fa;word-break:break-word;background:#221e2df0;border-radius:12px;width:max-content;max-width:200px;margin:0 auto 9px;padding:5px 12px;font-size:12px;position:relative;box-shadow:0 0 0 1.5px #8e7ca3,0 3px 8px #00000080}.bubble:after{content:"";background:#221e2d;border-radius:0 0 3px;width:10px;height:10px;margin-left:-5px;position:absolute;bottom:-6px;left:50%;transform:rotate(45deg);box-shadow:1.5px 1.5px #8e7ca3}.only-touch{display:none!important}body.touch .only-touch{display:flex!important}body.touch .only-desktop{display:none!important}body.touch{font-size:15px}body.touch .win{width:auto;max-height:calc(100dvh - 12px - var(--safe-t) - var(--safe-b));z-index:12;animation-name:sheet-in;left:max(6px, var(--safe-l))!important;right:max(6px, var(--safe-r))!important;top:calc(6px + var(--safe-t))!important;bottom:auto!important;transform:none!important}@keyframes sheet-in{0%{opacity:0;transform:translateY(14px)}}body.touch .win-head{min-height:60px;padding:8px 12px;font-size:17px}body.touch .win-close{width:44px;height:44px;margin:0}body.touch .win{box-shadow:var(--pet-shadow)}@media (orientation:landscape) and (max-height:520px){body.touch .win{width:min(max(var(--win-w,360px), 560px), calc(100vw - 16px - var(--safe-l) - var(--safe-r)));max-height:calc(100dvh - 8px);left:50%!important;right:auto!important;top:calc(4px + var(--safe-t))!important;transform:translate(-50%)!important}body.touch .win-head{min-height:44px}}html[data-quality=low] .win-head:before,html[data-quality=low] .deco,html[data-quality=low] .deco *,html[data-quality=low] .deco-anim,html[data-quality=low] .deco-anim:before,html[data-quality=low] .deco-anim:after{animation:none!important}html[data-quality=low] .win,html[data-quality=low] .dialog,html[data-quality=low] .toast{animation-timing-function:var(--ease)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}#hud-menu{z-index:6;right:var(--hud-right);bottom:calc(var(--pad) + var(--safe-b));position:absolute}.menu-bar{transform:scale(var(--hs));transform-origin:100% 100%;align-items:center;gap:5px;padding:6px;display:flex}#btn-more,#btn-menu{border:0 solid #0000;border-image:var(--gp-btn-yellow);color:#4e2600;text-shadow:0 1px #ffe7a1;background:0 0;border-radius:0;justify-content:center;align-items:center;gap:6px;padding:4px 14px 4px 6px;font-weight:600;transition:filter .15s;display:flex;position:relative}#btn-more:hover,#btn-menu:hover{filter:brightness(1.1)}#btn-more:active,#btn-menu:active{filter:brightness(.9)}#btn-more{min-height:48px;font-size:13px}.more-ico{background:var(--gp-circle-gray-img) center / contain no-repeat;width:34px;height:34px;color:var(--gp-gold);pointer-events:none;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.more-ico .ico{width:18px;height:18px}#btn-more>span:last-child{flex-direction:column;align-items:flex-start;display:flex}#btn-more small{font-size:9px;font-weight:400}#btn-menu{flex-direction:column;gap:1px;width:76px;min-height:52px;padding:4px 3px;font-size:11px}#btn-menu .more-ico{width:28px;height:28px}#hud.menu-open:before{content:"";pointer-events:auto;z-index:90;background:#0b0910a6;position:fixed;inset:0}#hud.menu-open #hud-menu{z-index:91;visibility:visible}#pet-journal{right:max(12px, var(--safe-r));bottom:calc(84px + var(--safe-b));width:min(640px, calc(100vw - 24px - var(--safe-l) - var(--safe-r)));max-height:calc(100dvh - 108px - var(--safe-t) - var(--safe-b));background:var(--gp-bg);color:var(--ink);border-radius:12px;flex-direction:column;gap:12px;padding:20px 22px;display:flex;position:fixed;overflow:hidden;box-shadow:0 16px 50px #000000b3}#pet-journal:after{content:"";z-index:5;pointer-events:none;border:0 solid #0000;border-image:var(--gp-win-frame-edge);position:absolute;inset:0}#pet-journal[hidden]{display:none!important}.pet-menu-head{background:linear-gradient(#2a2536, var(--gp-bg-head));border-bottom:2px solid #0000008c;flex:none;align-items:center;gap:12px;margin:-20px -22px 0;padding:14px 20px 12px;display:flex;box-shadow:0 1px #ffffff12}.pet-menu-emblem{background:var(--gp-circle-yellow-img) center / contain no-repeat;color:#4e2600;filter:drop-shadow(0 2px 2px #0009);border-radius:50%;flex:none;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.pet-menu-emblem .ico{width:22px;height:22px}.pet-menu-head>div{flex:1;min-width:0}.pet-menu-head small{letter-spacing:.14em;color:var(--ink-3);font-size:10px}.pet-menu-head h2{color:var(--gp-gold);text-shadow:0 2px #000000b3;margin:0;font-size:23px;font-weight:600;line-height:1.3}.pet-menu-head p{color:var(--ink-2);margin:3px 0 0;font-size:11px}#pet-menu-close{background-image:var(--gp-close-img);color:#0000;align-self:center}#pet-menu-close .ico{display:none}.pet-menu-search{border:0 solid #0000;border-image:var(--gp-input);background:0 0;flex:none;align-items:center;gap:9px;min-height:46px;padding:0 18px;display:flex}.pet-menu-search>span{color:#8a7d9c;display:flex}.pet-menu-search .ico{width:20px;height:20px}#pet-menu-search{border:0;width:0;min-height:44px;box-shadow:none;color:var(--ink);background:0 0;border-image-source:none;border-radius:0;flex:1;padding:0;font-size:14px}.pet-menu-search:focus-within{border-image:var(--gp-input-on)}#pet-menu-search:focus-visible{outline:none}#pet-menu-categories{border-bottom:2px solid #76617d7d;flex-wrap:wrap;flex:none;gap:2px 4px;display:flex}#pet-menu-categories button{min-height:40px;color:var(--ink-3);background:0 0;border:0;border-radius:0;padding:6px 12px 10px;font-size:12px;font-weight:600;position:relative}#pet-menu-categories button:hover{color:var(--ink)}#pet-menu-categories button[aria-pressed=true]{color:var(--gp-gold);background:linear-gradient(#f4d48700,#f4d48714)}#pet-menu-categories button[aria-pressed=true]:after{content:"";background:var(--gp-tab-on-img) center bottom / 100% 100% no-repeat;pointer-events:none;width:min(100%,96px);height:12px;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.pet-menu-results{min-height:28px;color:var(--ink-3);flex:none;justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}#pet-menu-reset{color:#7fb8ff;background:0 0;border:0;min-height:32px;padding:2px 8px;text-decoration:underline}#hud #pet-journal .menu-items{overscroll-behavior:contain;touch-action:pan-y;min-height:0;box-shadow:none;background:0 0;border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:2px 3px 8px;display:grid;overflow-y:auto;transform:none}#pet-journal .mbtn{border:0 solid #0000;border-image:var(--gp-row);width:auto;min-height:66px;color:var(--ink);text-align:left;background:0 0;border-radius:0;justify-content:flex-start;align-items:center;gap:10px;padding:10px 12px;transition:filter .15s;display:flex;position:relative}#pet-journal .mbtn:hover{filter:brightness(1.18)}#pet-journal .mbtn.active{border-image:var(--gp-row-on)}#pet-journal .mbtn.active small{color:var(--gp-gold)}#pet-journal .mbtn small{white-space:normal;overflow-wrap:anywhere;min-width:0;font-size:12.5px;font-weight:500;line-height:1.35}#pet-journal .mbtn-ico{background:var(--gp-circle-gray-img) center / contain no-repeat;color:#fff;filter:drop-shadow(0 2px 2px #0009);border-radius:50%;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:flex}#pet-journal .mbtn-ico .ico{filter:drop-shadow(0 1px 1px #000000b3);width:20px;height:20px}#pet-journal [data-menu-category=character] .mbtn-ico{background-image:var(--gp-circle-red-img)}#pet-journal [data-menu-category=social] .mbtn-ico{background-image:var(--gp-circle-blue-img)}#pet-journal [data-menu-category=items] .mbtn-ico{background-image:var(--gp-circle-green-img)}#pet-journal [data-menu-category=system] .mbtn-ico{background-image:var(--gp-circle-gray-img)}#pet-journal [data-menu-category=shop] .mbtn-ico{background-image:var(--gp-circle-yellow-img);color:#4e2600}#pet-journal [data-menu-category=activities] .mbtn-ico,#pet-journal [data-menu-category=adventure] .mbtn-ico{background-image:var(--gp-circle-purple-img)}#pet-journal .mbtn[hidden],#pet-journal .mbtn[data-menu-filtered]{display:none!important}.mbtn.notify:after,#btn-menu.notify:after,#btn-more.notify:after{content:"";background:var(--gp-alert-img) center / contain no-repeat;width:14px;height:14px;position:absolute;top:3px;right:3px}#pet-menu-empty{text-align:center;color:var(--ink-3);padding:28px 8px;font-size:13px}.pet-menu-foot{color:var(--ink-3);text-align:center;border-top:1px solid #ffffff1a;flex:none;padding-top:8px;font-size:10px}body:not(.touch) #hud.bar-compact .pet-shortcut{display:none}body.touch #hud-menu{top:calc(236px + var(--safe-t));bottom:auto}body.touch #pet-journal{left:max(8px, var(--safe-l));right:max(8px, var(--safe-r));top:max(8px, var(--safe-t));bottom:max(8px, var(--safe-b));gap:9px;width:auto;max-height:none;padding:14px 16px}body.touch .pet-menu-head{margin:-14px -16px 0;padding:12px 14px 10px}body.touch #pet-menu-search{font-size:16px}body.touch #hud #pet-journal .menu-items{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start}body.touch .pet-menu-emblem{width:40px;height:40px}body.touch .pet-menu-head h2{font-size:20px}body.touch .pet-menu-head p{display:none}body.touch #pet-journal .mbtn{gap:8px;min-height:62px;padding:8px 10px}body.touch #pet-menu-categories{overscroll-behavior:contain;flex-wrap:nowrap;padding-bottom:3px;overflow-x:auto}body.touch #pet-menu-categories button{flex:none;min-height:44px}body.touch #pet-menu-reset{min-height:44px}@media (max-width:640px){#hud #pet-journal .menu-items{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (orientation:landscape) and (max-height:520px){body.touch #hud-menu{top:calc(8px + var(--safe-t));right:calc(166px + var(--safe-r))}body.touch #pet-journal{grid-template-rows:auto auto minmax(0,1fr);grid-template-columns:180px minmax(0,1fr);gap:7px 14px;display:grid}body.touch .pet-menu-head{grid-column:1/-1}body.touch .pet-menu-emblem{width:34px;height:34px}body.touch .pet-menu-head h2{font-size:17px}body.touch .pet-menu-head small{display:none}body.touch .pet-menu-search{grid-area:2/2}body.touch #pet-menu-categories{border-bottom:0;flex-direction:column;grid-area:2/1/4;overflow-y:auto}body.touch #hud #pet-journal .menu-items{grid-area:3/2}body.touch .pet-menu-results,body.touch .pet-menu-foot{display:none}body.touch #pet-menu-empty{grid-area:3/2}}#hud{z-index:5;pointer-events:none;color:var(--ink);--pad:12px;--self-w:288px;--self-h:104px;--map:154px;--hud-left:calc(var(--pad) + var(--safe-l));--hud-right:calc(var(--pad) + var(--safe-r));--hud-left-top:calc(var(--pad) + var(--safe-t) + var(--self-h) * var(--hs) + 10px);--hud-right-top:calc(var(--pad) + var(--safe-t) + 288px * var(--hs));--hud-cast-bottom:calc(132px + var(--safe-b));--edge-w:0px;--hud-plate:linear-gradient(#2a2536e6, #17141de6);position:fixed;inset:0}#hud>*{pointer-events:auto}.hud-box{z-index:4;position:absolute}.glass,#hud-self,#hud-target,#mm-frame,#hud-chat,.hotbar,.menu-bar{background:var(--hud-plate);border:1px solid #000;border-radius:10px;box-shadow:inset 0 0 0 1px #6e658680,inset 0 1px #ffffff14,0 4px 14px #00000080}.hud-ibtn{background:var(--gp-circle-gray-img) center / contain no-repeat;color:#f2edf8;filter:drop-shadow(0 2px 2px #0009);border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:filter .15s,transform .15s;display:inline-flex}.hud-ibtn:hover{filter:drop-shadow(0 2px 2px #0009)brightness(1.2)}.hud-ibtn:active{transform:translateY(1px)}.hud-ibtn.on{background-image:var(--gp-circle-green-img);color:#fff}.hud-ibtn.off{color:#9d94b0;filter:drop-shadow(0 2px 2px #0009)grayscale(.6)brightness(.85)}.hud-ibtn .ico{filter:drop-shadow(0 1px 1px #000000b3);width:20px;height:20px}#hud button:focus-visible,#hud input:focus-visible{outline:2px solid var(--gp-gold);outline-offset:2px}#hud-self{left:var(--hud-left);top:calc(var(--pad) + var(--safe-t));width:var(--self-w);height:var(--self-h);transform:scale(var(--hs));transform-origin:0 0;align-items:center;gap:12px;padding:10px 12px 10px 10px;display:flex}.self-ava{flex:none;width:62px;height:62px;position:relative}#self-ring{background:var(--gp-portrait-img) center / contain no-repeat;width:62px;height:62px;color:var(--gp-gold);border-radius:50%;justify-content:center;align-items:center;padding:6px;font-size:24px;font-weight:700;display:flex}#self-ring img.portrait{border-radius:50%}#self-level,#target-level{text-align:center;white-space:nowrap;min-width:38px;color:var(--gp-gold);text-shadow:0 1px 1px #000;border:0 solid #0000;border-image:var(--gp-hex-line);padding:0 9px;font-size:11px;font-weight:700;line-height:18px;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)}#self-prem{background:var(--gp-circle-yellow-img) center / contain no-repeat;color:#4e2600;border-radius:50%;place-items:center;width:24px;height:24px;display:grid;position:absolute;top:-7px;left:-6px}#self-prem .ico{width:14px;height:14px}.self-main{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.pet-passport-label{color:var(--ink-3);letter-spacing:.1em;font-size:9px;font-weight:700}#self-name{white-space:nowrap;color:#fff;text-shadow:0 1px 2px #000;align-items:baseline;gap:6px;font-size:14px;font-weight:600;display:flex;overflow:hidden}#self-name small{text-overflow:ellipsis;color:var(--gp-gold);font-size:10px;overflow:hidden}#hud-self .bar,#target-hp{height:17px}#hud-self .bar span,#target-hp span{font-size:10px;font-weight:600;line-height:17px}#hud-self .bar.exp{border-image:var(--gp-bar-thin);height:9px}#hud-self .bar.exp i{border-radius:2px;max-width:calc(100% - 4px);top:2px;bottom:2px;left:2px}#hud-self .bar.exp span{display:none}#hud-target{left:50%;top:calc(var(--pad) + var(--safe-t));transform:translateX(-50%) scale(var(--hs));transform-origin:50% 0;align-items:center;gap:10px;min-width:240px;max-width:340px;padding:9px 14px 12px 9px;display:flex}#target-ring{flex:none;width:42px;height:42px;position:relative}#target-ico{color:#fff;background:var(--gp-circle-red-img) center / contain no-repeat;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;padding:4px;font-size:18px;font-weight:700;display:flex}#hud-target[data-kind=player] #target-ico{background-image:var(--gp-circle-blue-img)}#hud-target[data-kind=npc] #target-ico{background-image:var(--gp-circle-yellow-img);color:#4e2600}#self-ring.has-portrait,#hud-target #target-ico.has-portrait,.char-ava.has-portrait,.soc-av.has-portrait{background-color:var(--gp-bg-deep)}#hud-target #target-ico.has-portrait{background-image:var(--gp-portrait-img)}#target-ico img.portrait{border-radius:50%}img.portrait{border-radius:inherit;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}#target-level{min-width:28px;padding:0 6px;font-size:9px;line-height:15px;bottom:-7px}#target-main{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}#target-top{align-items:center;gap:6px;min-width:0;display:flex}#target-name{text-overflow:ellipsis;white-space:nowrap;color:#fff;text-shadow:0 1px 2px #000;min-width:0;font-size:13px;font-weight:600;overflow:hidden}#hud-target[data-kind=monster] #target-name{color:#ff9a8a}#target-rank{color:var(--gp-gold);flex:none;align-items:center;gap:3px;font-size:10px;display:inline-flex}#target-rank i{background:50%/contain no-repeat;width:15px;height:17px}#hud-target.no-ring{min-width:0;padding:8px 16px}#hud-target.no-ring #target-ring{display:none}#hud-target.no-ring #target-top{justify-content:center}#hud-target.boss-target{background:linear-gradient(#3a1d22e6,#17141de6);box-shadow:inset 0 0 0 1px #d9b25a,0 0 14px #fab13766,0 4px 14px #00000080}#hud-target.boss-target #target-ico{color:#ffe9b3}#hud-target.boss-target #target-hp{height:20px}#hud-target.boss-target #target-hp span{line-height:20px}#target-boss{color:var(--gp-amber);font-size:10px;line-height:1.3}#hud-map{right:var(--hud-right);top:calc(var(--pad) + var(--safe-t));grid-template:"map" auto "btns" auto "bot" auto / var(--map);transform:scale(var(--hs));transform-origin:100% 0;gap:6px;display:grid}#mm-frame{width:var(--map);height:calc(var(--map) + 24px);grid-area:map;padding:25px 6px 6px;position:relative;overflow:hidden}#minimap{cursor:pointer;border-radius:6px;width:100%;height:100%;display:block;box-shadow:0 0 0 1px #000}#map-name{text-overflow:ellipsis;white-space:nowrap;text-align:center;color:var(--gp-gold);text-shadow:0 1px 1px #000;font-size:11px;font-weight:600;position:absolute;inset:4px 9px auto;overflow:hidden}#map-coords{font-variant-numeric:tabular-nums;color:#f2edf8;pointer-events:none;background:#000000b3;border-radius:4px;padding:1px 6px;font-size:9px;position:absolute;bottom:10px;right:11px}#map-coords:empty{display:none}#hud-map .mm-btns{grid-area:btns;align-items:center;gap:3px;display:flex}#hud-map .mm-btns>.hud-ibtn{width:44px;height:44px}#net-chip{min-width:34px;color:var(--ink-2);font-variant-numeric:tabular-nums;background:#17141dd9;border:1px solid #000;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:5px;font-size:10px;font-weight:600;display:flex;position:absolute;top:0;right:calc(100% + 6px);box-shadow:inset 0 0 0 1px #6e658680}#net-chip>span{flex-direction:column;align-items:center;display:flex}#net-chip small{font-size:8px}#net-status:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;margin-bottom:2px;box-shadow:0 0 5px}#net-status[data-status=online]{color:#5cd67a}#net-status[data-status=offline]{color:#ff6b6e}#net-status[data-status=connecting]{color:var(--gp-amber)}#fps{border-top:1px solid #ffffff1f;padding-top:3px}#auto-dock{grid-area:bot;align-items:center;gap:4px;width:100%;display:flex;position:relative}#btn-auto{white-space:nowrap;border-image:var(--gp-btn-dark);min-width:0;height:40px;color:var(--ink);filter:none;background:0 0;border-radius:0;flex:1;gap:4px;padding:0 8px;font-size:11px;font-weight:600}#btn-auto:hover{filter:brightness(1.15)}#btn-auto-combo,#btn-auto-go{width:44px;height:44px;position:relative}#btn-auto .auto-ico{display:none}#btn-auto .auto-label{font-variant-numeric:tabular-nums;text-shadow:0 1px 1px #000;justify-content:center;align-items:center;gap:4px;display:flex}#btn-auto .auto-dot{background:#5cd67a;border-radius:50%;width:7px;height:7px;box-shadow:0 0 5px #5cd67a}#btn-auto-combo .ac-badge{font:700 8px/11px var(--font);color:var(--gp-gold);background:#000c;border-radius:4px;padding:0 3px;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}#btn-auto-go,#btn-auto-combo.on{background-image:var(--gp-circle-green-img);color:#fff}#btn-auto.running{border-image:var(--gp-btn-green);color:#0b3d16}#btn-auto.running .auto-label{text-shadow:0 1px #c9ff9c}#btn-auto-go.on{background-image:var(--gp-circle-red-img);color:#fff}#btn-auto.paused{border-image:var(--gp-btn-yellow);color:#4e2600}#btn-auto.paused .auto-label{text-shadow:0 1px #ffe7a1}#btn-auto.paused .auto-dot{box-shadow:none;background:#9b6e29}#btn-auto-go:disabled,#btn-auto-combo:disabled{opacity:.5}#hud.map-hidden #mm-frame{display:none}#hud.map-hidden{--hud-right-top:calc(var(--pad) + var(--safe-t) + 102px * var(--hs))}#hud.qt-hidden #quest-tracker{display:none!important}#hud-chat{z-index:4;left:var(--hud-left);bottom:calc(var(--pad) + var(--safe-b));background:linear-gradient(#211d2ccc,#14111bcc);flex-direction:column;gap:5px;width:340px;padding:7px;display:flex;position:absolute}.chat-head{align-items:center;gap:3px;display:flex}.chat-head .hud-ibtn{width:36px;height:36px}.chat-head .hud-ibtn .ico{width:17px;height:17px}#chat-tabs{scrollbar-width:none;flex:1;gap:2px;min-width:0;display:flex;overflow:auto hidden}.ct-tab{min-height:36px;color:var(--ink-3);white-space:nowrap;background:0 0;border:0;border-radius:0;flex:none;padding:0 9px;font-size:11px;font-weight:600;position:relative}.ct-tab:hover{color:var(--ink)}.ct-tab.on{color:var(--gp-gold)}.ct-tab.on:after{content:"";background:linear-gradient(90deg, transparent, var(--gp-gold), transparent);border-radius:1px;height:2px;position:absolute;bottom:2px;left:4px;right:4px}.chat-filters{background:#0006;border-radius:6px;flex-wrap:wrap;gap:4px;padding:4px 6px;display:flex;box-shadow:inset 0 1px 2px #000}.chat-filters .switch{min-height:44px;margin:0;padding:0 6px;font-size:12px}#chat-log{touch-action:pan-y;color:#ece6f5;text-shadow:0 1px 1px #000;height:102px;padding:2px 5px;font-size:12px;line-height:1.5;overflow-y:auto}#chat-log.hide-map .ch-map,#chat-log.hide-whisper .ch-whisper,#chat-log.hide-shout .ch-shout,#chat-log.hide-party .ch-party,#chat-log.hide-guild .ch-guild{display:none}.chat-line{word-break:break-word;margin:1px 0}.chat-line b{color:#8fc4ff;font-weight:600}.ch-whisper,.ch-whisper b{color:#ff9ad0}.ch-shout,.ch-shout b,.ch-sys{color:#ffd27a}.ch-party,.ch-party b{color:#7fe3a8}.ch-guild,.ch-guild b{color:#c9a6ff}#chat-form{align-items:center;gap:4px;display:flex}#chat-input{border:0 solid #0000;border-image:var(--gp-input);min-width:0;height:40px;color:var(--ink);background:0 0;border-radius:0;flex:1;padding:0 14px;font-size:13px}#chat-input:focus{border-image:var(--gp-input-on);outline:none}#chat-input::placeholder{color:var(--ink-3)}#chat-send{background-image:var(--gp-circle-blue-img);width:40px;height:40px}#hud.chat-expanded #chat-log{height:min(300px,40dvh)}#hud.chat-hidden #chat-log,#hud.chat-hidden #chat-filters,#btn-chat{display:none}#sys-msg{z-index:1500;flex-direction:column;align-items:center;gap:6px;width:min(92vw,560px);display:flex;position:absolute;top:20%;left:50%;transform:translate(-50%);pointer-events:none!important}#sys-msg .sys-line{color:var(--ink)}#hotbars{left:50%;bottom:calc(var(--pad) + var(--safe-b));transform:translateX(-50%) scale(var(--hs));transform-origin:50% 100%;flex-direction:column;align-items:center;gap:5px;display:flex;position:absolute}.hotbar{border-radius:10px;gap:4px;padding:5px 6px;display:flex}.hot-page{flex-direction:column;justify-content:space-between;align-items:center;width:24px;display:flex}.hp-btn{width:24px;height:14px;color:var(--ink-2);background:#3b3146;border:0;border-radius:4px;place-items:center;padding:0;display:grid;box-shadow:inset 0 0 0 1px #6e6586}.hp-btn:hover{color:var(--gp-gold)}.hp-btn .ico{width:12px;height:12px}.hp-num{color:var(--gp-gold);font-size:12px;font-weight:700;line-height:14px}body:is(.sk-dragging,.bag-dragging,.hot-dragging) .hot-page:hover,body:is(.sk-dragging,.bag-dragging,.hot-dragging) #btn-hotpage:hover{outline:2px solid var(--gp-gold);outline-offset:2px}body.hot-dragging,body.hot-dragging *{cursor:grabbing!important}.hot,.mskill{color:var(--ink);border:0 solid #0000;padding:0;position:relative;overflow:hidden}.hot{border-image:var(--gp-slot);background:0 0;border-radius:6px;width:42px;height:42px;transition:filter .15s}.hot:hover{border-image:var(--gp-slot-hi)}.hot .icon,.mskill .icon{border-radius:5px;width:auto;height:auto;position:absolute;inset:3px}.hot-key{z-index:3;text-align:center;color:#fff;background:#1f5fc7e6;border-radius:3px;min-width:14px;padding:0 3px;font-size:9px;font-weight:700;line-height:13px;position:absolute;top:1px;left:1px;box-shadow:0 0 0 1px #000}#hotbar-2 .hot-key{background:#a8352ee6}#hotbar-1[data-page="2"] .hot-key,#hotbar-1[data-page="2"] .hp-num{color:#fff;background:#6b45c9e6;border-radius:3px}:is(.hot:not(:has(.icon)),.hot.out) .hot-key,#hotbar-2 :is(.hot:not(:has(.icon)),.hot.out) .hot-key,#hotbar-1[data-page="2"] :is(.hot:not(:has(.icon)),.hot.out) .hot-key{box-shadow:none;color:#8a7f9e;background:0 0;font-size:11px;top:50%;left:50%;transform:translate(-50%,-50%)}#hotbar-2 .hot{width:38px;height:38px}.hot.bag-ghost{width:42px;height:42px}.cd{z-index:2;pointer-events:none;border-radius:inherit;text-shadow:0 1px 2px #000;color:#fff;background:conic-gradient(#0b0910cc calc(var(--cd,0) * 360deg), transparent 0);justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex;position:absolute;inset:0}.slot .cd{font-size:12px}.cd-ready{animation:.35s ease-out pet-cd-ready}.cd-shake{animation:.25s ease-out pet-cd-shake}@keyframes pet-cd-ready{50%{outline:3px solid var(--gp-gold)}}@keyframes pet-cd-shake{25%{transform:translate(-2px)}75%{transform:translate(2px)}}.slot-count{z-index:3}:is(.hot,.mskill,#btn-potion).out .icon{filter:grayscale();opacity:.18}:is(.hot,.mskill,#btn-potion).out .cd{display:none}:is(.hot,.mskill).on{outline:2px solid var(--gp-gold);outline-offset:1px;box-shadow:0 0 8px #fab13799}:is(.hot,.mskill).need .icon{filter:grayscale();opacity:.4}.icon.icon-generic{color:var(--ink-2);background:radial-gradient(#4a3d55,#241f31);justify-content:center;align-items:center;display:flex}.icon.icon-generic svg{width:60%;height:60%}#hud-edge{z-index:16;left:var(--hud-left);bottom:calc(var(--pad) + var(--safe-b) + var(--chat-h,220px) + 10px);position:absolute}#hud-edge:empty,#hud-quick:empty{display:none!important}#hud-quick{right:var(--hud-right);top:var(--hud-right-top);position:absolute}body:not(.touch) #win-inv{left:auto;right:calc(16px + var(--safe-r));top:calc(8px + var(--map) + 110px);max-height:min(720px, calc(100dvh - 16px - var(--map) - 110px));--win-w:400px;animation-name:win-in-placed;transform:none}body:not(.touch) #win-char{left:calc(16px + var(--safe-l));top:calc(var(--self-h) + 28px);animation-name:win-in-placed;transform:none}#win-npc,#win-settings{--win-w:420px}#joy-zone{z-index:3;touch-action:none;--joy-d:128px;width:45vw;height:50vh;position:absolute;bottom:0;left:0}#joy-base{left:calc(80px + var(--safe-l));top:calc(100% - 100px - var(--safe-b));width:var(--joy-d);height:var(--joy-d);margin:calc(var(--joy-d) / -2) 0 0 calc(var(--joy-d) / -2);background:radial-gradient(#00000059, #00000026 62%, transparent 70%), var(--gp-joy-base-img) center / contain no-repeat;opacity:.8;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}#joy-base.active{opacity:1}#joy-knob{background:var(--gp-joy-knob-img) center / contain no-repeat;filter:drop-shadow(0 3px 4px #000000a6);border-radius:50%;width:58px;height:58px}#mobile-actions{--ma-s:1;right:calc(10px + var(--safe-r));bottom:calc(16px + var(--safe-b));z-index:4;pointer-events:none;width:224px;height:224px;position:absolute}#mobile-actions>*{pointer-events:auto}#btn-attack{touch-action:none;color:#fff;background:var(--gp-action-img) center / contain no-repeat;filter:drop-shadow(0 4px 5px #000000a6);border:0;border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;padding:0;display:flex;position:absolute;bottom:0;right:0}#btn-attack .ico{filter:drop-shadow(0 2px 2px #000);width:34px;height:34px}#btn-attack:active{transform:scale(.95)}#btn-attack.off{filter:grayscale();opacity:.55}#mobile-skills{pointer-events:none;position:absolute;inset:0}#mobile-skills .mskill,#btn-potion{pointer-events:auto;touch-action:none;background:var(--gp-circle-gray-img) center / contain no-repeat;filter:drop-shadow(0 3px 3px #0009);border-radius:50%;width:54px;height:54px;position:absolute}#mobile-skills .mskill .icon,#btn-potion .icon{border-radius:50%;inset:6px}#mobile-skills .mskill:first-child{bottom:0;right:92px}#mobile-skills .mskill:nth-child(2){bottom:64px;right:88px}#mobile-skills .mskill:nth-child(3){bottom:122px;right:48px}#mobile-skills .mskill:nth-child(4){bottom:94px;right:0}#mobile-skills .mskill:nth-child(5){bottom:116px;right:148px}#mobile-skills .mskill:not(:has(.icon)){opacity:.4}#btn-potion{background-image:var(--gp-circle-red-img);width:50px;height:50px;bottom:44px;right:154px}#btn-potion .slot-count{bottom:3px;right:5px}#btn-hotpage{touch-action:none;color:#fff;background:var(--gp-circle-purple-img) center / contain no-repeat;filter:drop-shadow(0 2px 3px #0009);border:0;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex;position:absolute;bottom:160px;right:2px}#btn-hotpage b{text-shadow:0 1px 2px #000;font-size:17px}#btn-hotpage small{font-size:10px}body.touch #hud{--pad:6px;--self-w:226px;--self-h:96px;--map:100px;--hud-right-top:calc(var(--pad) + var(--safe-t) + 288px);--hud-cast-bottom:calc(248px + var(--safe-b))}body.touch #hud-self{gap:7px;padding:7px}body.touch .self-ava,body.touch #self-ring{width:46px;height:46px}body.touch #self-ring{padding:4px;font-size:18px}body.touch #self-name{font-size:12px}body.touch #self-name small{display:none}body.touch .pet-passport-label{letter-spacing:.02em;font-size:7px}body.touch #hud-map{grid-template-columns:144px;justify-items:end}body.touch #mm-frame{width:var(--map);height:calc(var(--map) + 22px)}body.touch #hud-map .mm-btns{gap:4px}body.touch #net-chip{right:calc(var(--map) + 6px);top:calc(-6px - var(--map) - 22px)}body.touch #auto-dock{width:144px}body.touch #btn-auto{font-size:10px}body.touch #hud-target{top:calc(118px + var(--safe-t));left:var(--hud-left);transform:scale(var(--hs));transform-origin:0 0;box-sizing:border-box;gap:7px;width:calc(100vw - 206px);min-width:0;max-width:236px;padding:6px 8px 10px}body.touch #target-ring,body.touch #target-ico{width:32px;height:32px}body.touch #target-hp span{white-space:nowrap;font-size:8px}body.touch #target-rank{display:none}body.touch #target-name{font-size:11px}body.touch #hud-chat{bottom:calc(232px + var(--safe-b));border-radius:8px;width:min(280px,70vw);padding:4px}body.touch #chat-log{height:60px;font-size:11px}body.touch #hud:not(.chat-expanded):not(.chatting) .chat-head,body.touch #hud:not(.chat-expanded):not(.chatting) #chat-form,body.touch #hud:not(.chat-expanded):not(.chatting) #chat-filters{display:none}body.touch #hud.chat-expanded #hud-chat,body.touch #hud.chatting #hud-chat{z-index:29;left:max(6px, var(--safe-l));right:max(6px, var(--safe-r));bottom:calc(6px + var(--safe-b));background:linear-gradient(#2a2536f5,#17141df5);width:auto;padding:8px}body.touch #hud.chat-expanded #chat-log,body.touch #hud.chatting #chat-log{height:30dvh}body.touch #chat-input{height:44px;font-size:16px}body.touch .chat-head .hud-ibtn,body.touch #chat-send{width:44px;height:44px}body.touch .ct-tab{min-height:44px}body.touch #btn-chat{z-index:4;left:var(--hud-left);bottom:calc(182px + var(--safe-b));background:var(--gp-circle-blue-img) center / contain no-repeat;color:#fff;filter:drop-shadow(0 2px 3px #0009);border:0;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;position:absolute;display:flex!important}body.touch #btn-chat .ico{width:22px;height:22px}body.touch #hud.chat-expanded #btn-chat,body.touch #hud.chatting #btn-chat{display:none!important}body.touch #hud.win-open #mobile-actions,body.touch #hud.win-open #joy-zone,body.touch #hud.win-open #btn-chat,body.touch #hud.win-open #hud-chat,body.touch #hud.chat-expanded #mobile-actions,body.touch #hud.chatting #mobile-actions{visibility:hidden}body.touch #hud-edge{bottom:calc(232px + var(--safe-b) + var(--chat-h,70px) + 8px)}@media (orientation:portrait){body.touch #hud{--self-w:min(226px, calc(100vw - 154px))}body.touch #hud.win-open :is(#hud-map,#hud-target,#hud-self,#hud-menu,#hud-quick,#hud-edge){visibility:hidden}}@media (orientation:landscape) and (max-height:520px){body.touch #hud{--self-w:216px;--self-h:88px;--map:86px;--hud-cast-bottom:calc(150px + var(--safe-b));--hud-right-top:calc(226px + var(--safe-t))}body.touch #hud-target{top:calc(6px + var(--safe-t));max-width:calc(100vw - 450px);left:50%;transform:translate(-50%)}body.touch #hud-chat{bottom:calc(150px + var(--safe-b));width:min(280px,34vw)}body.touch #chat-log{height:48px}body.touch #btn-chat{bottom:calc(150px + var(--safe-b));left:calc(var(--hud-left) + min(280px, 34vw) + 6px)}body.touch #hud.chat-expanded #hud-chat,body.touch #hud.chatting #hud-chat{width:min(560px,75vw);left:50%;right:auto;transform:translate(-50%)}body.touch #hud.chat-expanded #chat-log,body.touch #hud.chatting #chat-log{height:100px}body.touch #joy-zone{--joy-d:112px;width:40vw;height:60vh}body.touch #joy-base{top:calc(100% - 76px - var(--safe-b))}body.touch #mobile-actions{--ma-s:.9;transform:scale(var(--ma-s));transform-origin:100% 100%;bottom:calc(8px + var(--safe-b))}body.touch #btn-hotpage{width:50px;height:50px}body.touch #hud-dgn-col,body.touch #quest-tracker{right:calc(248px + var(--safe-r))}}@media (max-width:1100px){body:not(.touch) #hud-chat{width:290px}}body:not(.touch) #hud.hb-side #hotbars{left:var(--hb-left,360px);transform:scale(var(--hs));transform-origin:0 100%}body:not(.touch) #hud.hb-lift #hotbars{bottom:calc(var(--pad) + var(--safe-b) + var(--bar-h,64px) + 6px)}body:not(.touch) #hud.hb-lift{--hud-cast-bottom:calc(132px + var(--bar-h,64px) + var(--safe-b))}body:not(.touch) #hud.hb-stack #hotbars{left:auto;right:var(--hud-right);bottom:calc(78px + var(--safe-b));transform:scale(var(--hs));transform-origin:100% 100%}body:not(.touch) #hud.hb-stack{--hud-cast-bottom:calc(194px + var(--safe-b))}#hud :is(#self-prem,#target-rank,#fps,.chat-filters)[hidden]{display:none}@media (prefers-reduced-motion:reduce){#hud *,#hud :before,#hud :after{transition:none!important;animation:none!important}}html[data-quality=low] .hud-ibtn,html[data-quality=low] #mobile-skills .mskill{filter:none}body.touch #hud{--hud-left-top:calc(182px + var(--safe-t))}body.touch #hud.map-hidden{--hud-right-top:calc(294px + var(--safe-t))}@media (orientation:landscape) and (max-height:520px){body.touch #hud{--hud-left-top:calc(104px + var(--safe-t))}}.guest-entry[hidden],.cs-top .btn.cs-guest-bind[hidden]{display:none}.guest-or{align-items:center;gap:10px;display:flex}.guest-or:before,.guest-or:after{content:"";flex:1}.btn.guest-btn.continue{white-space:normal}.guest-note{text-align:center;margin:8px 2px 0;line-height:1.5}.guest-entry .msg{text-align:center;margin:6px 0 0}.guest-entry .msg:empty{display:none}.auth-card .guest-entry.busy .btn{opacity:.7}.guest-dlg-body{overscroll-behavior:contain;overflow-y:auto}.guest-dlg-title{text-align:center;font-size:var(--fs-xl);margin:0 0 6px;font-weight:600}.dialog.guest-dlg p.guest-dlg-intro{text-align:center;font-size:var(--fs-sm);color:var(--ink-2);margin:0 0 16px;line-height:1.7}.guest-dlg .field{margin-bottom:12px}.guest-dlg .field input{width:100%}.guest-dlg .msg{text-align:center;min-height:20px;color:var(--coral-600);font-weight:500;font-size:var(--fs-sm);margin:4px 0 8px}.guest-dlg .msg.ok{color:var(--mint-700)}.guest-dlg .msg:empty{min-height:0;margin:0}.guest-dlg .row{justify-content:center;gap:8px;display:flex}.guest-dlg .row .btn{flex:1;min-height:44px}.guest-hint{background:linear-gradient(135deg, var(--gold-200), var(--card) 70%);border:1px solid #000;border-radius:16px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:8px 12px;margin:0 0 14px;padding:16px;display:grid;box-shadow:inset 0 0 0 1px #8a6a2e,inset 0 1px #ffffff14}.guest-hint[hidden]{display:none}.guest-hint-ico{background:var(--gp-circle-yellow-img) center / contain no-repeat;color:#4e2600;filter:drop-shadow(0 2px 2px #0000008c);border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.guest-hint-ico .ico{width:22px;height:22px}.guest-hint-txt{flex-direction:column;gap:4px;min-width:0;display:flex}.guest-hint-txt b{color:var(--gp-gold);font-size:var(--fs-md)}.guest-hint-txt small{color:var(--gp-desc);font-size:var(--fs-xs);line-height:1.65}.guest-hint .btn{grid-column:1/-1;width:100%;margin-top:6px}@media (orientation:portrait) and (max-width:760px){.cs-top .btn.cs-guest-bind{padding:0 10px}}.item-tip .it-set{border-top:1px solid #ffffff1f;margin-top:6px;padding-top:6px}.item-tip .it-set-head{align-items:baseline;gap:8px;margin-bottom:3px;display:flex}.item-tip .it-set-title{color:#7debb5;flex:1;font-weight:600}.item-tip .it-set-count{font-size:var(--fs-xs);color:var(--ink-3);font-variant-numeric:tabular-nums}.item-tip .it-set-count.on{color:#7debb5;font-weight:600}.item-tip .it-set-parts{font-size:var(--fs-xs);flex-direction:column;gap:1px;display:flex}.item-tip .it-set-part{color:var(--ink-3);align-items:baseline;gap:6px;display:flex}.item-tip .it-set-mark{text-align:center;flex:none;width:12px;font-weight:700}.item-tip .it-set-slot{flex:none;min-width:54px}.item-tip .it-set-item{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.item-tip .it-set-part.worn{color:var(--ink)}.item-tip .it-set-part.worn .it-set-mark{color:#7debb5}.item-tip .it-set-part.owned{color:var(--ink-2)}.item-tip .it-set-part.owned .it-set-mark{color:var(--gold-300)}.item-tip .it-set-tiers{flex-direction:column;gap:2px;margin-top:5px;display:flex}.item-tip .it-set-tier{border-radius:var(--r-sm);color:var(--ink-3);gap:8px;padding:2px 6px;display:flex}.item-tip .it-set-tier b{flex:none;font-weight:600}.item-tip .it-set-tier.past{color:var(--ink-3);-webkit-text-decoration:line-through #9d94b080;text-decoration:line-through #9d94b080}.item-tip .it-set-tier.on{color:var(--mint-700);background:var(--mint-100);box-shadow:inset 0 0 0 1px var(--mint-400)}.item-tip .it-set-tier.on b{color:var(--mint-700)}.set-sum{flex-direction:column;gap:6px;display:flex}.set-card{border-radius:var(--r-sm);background:var(--card);border:1px solid var(--line);padding:6px 8px}.set-card.on{border-color:var(--mint-400);box-shadow:inset 3px 0 0 var(--mint-400)}.set-card-top{align-items:center;gap:6px;display:flex}.set-card-icons{flex-wrap:wrap;flex:1;gap:3px;min-width:0;display:flex}.set-card-ico.icon{flex:none;width:26px;height:26px}.set-card-count{flex:none}.set-card-line{font-size:var(--fs-xs);color:var(--ink);flex-wrap:wrap;gap:0 6px;margin-top:3px;display:flex}.set-card-line b{font-weight:600}.set-card-line.next{color:var(--ink-2)}body.touch .set-card-ico.icon{width:30px;height:30px}#win-petapp .win-body,.pa-view{flex-direction:column;gap:8px;display:flex}.pa-view>h4{margin:8px 0 0}.pa-view .empty{padding:14px 8px}.pa-hero{background:linear-gradient(120deg, var(--gp-bg-raised), var(--sky-50) 65%, var(--gp-bg-head));align-items:center;gap:12px;padding:10px 14px;display:flex}.pa-bubble{color:#fff;background:var(--gp-circle-purple-img) center / contain no-repeat;width:48px;height:48px;box-shadow:none;filter:drop-shadow(0 2px 3px #000000a6);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.pa-bubble .ico{width:24px;height:24px}.pa-intro{min-width:0;font-size:var(--fs-sm);color:var(--ink);overflow-wrap:anywhere;flex:1;line-height:1.5}.pa-pets{flex-direction:column;gap:6px;display:flex}.pa-pet{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;align-items:center;gap:10px;padding:8px 10px;display:flex}.pa-pet.selected{box-shadow:inset 4px 0 0 var(--gp-gold), 0 0 0 2px #d9b25a}.pa-pet.locked{cursor:default;background:var(--sunken)}.pa-pet-main{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.pa-pet-name{color:var(--ink);overflow-wrap:anywhere;font-weight:600}.pa-chips{flex-wrap:wrap;gap:4px;display:flex}.pa-pet-opts{font-size:var(--fs-xs);color:var(--sky-800);line-height:1.4}.pa-pet-fee{flex:none}.pa-tiers{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:6px;display:grid}.pa-tier{border-radius:var(--r-md);background:var(--card);border:2px solid var(--line);flex-direction:column;align-items:center;gap:1px;padding:5px 4px;display:flex}.pa-tier b{font-size:var(--fs-xs);color:var(--ink-2);font-weight:600}.pa-tier .pa-pct{font-size:var(--fs-lg);color:var(--sky-700);font-variant-numeric:tabular-nums;font-weight:600}.pa-tier-note{color:var(--ink-3);font-size:10.5px}.pa-tier.low{border-color:var(--coral-400)}.pa-tier.low .pa-pct,.pa-tier.low .pa-tier-note{color:var(--coral-700)}.pa-tier.top{background:var(--gold-200);border-color:#d9b25a}.pa-tier.top .pa-pct,.pa-tier.top .pa-tier-note{color:var(--gold-700)}.pa-kinds{grid-template-columns:1fr 1fr;gap:4px 12px;display:grid}.pa-kind{font-size:var(--fs-sm);border-bottom:1px solid #ffffff14;justify-content:space-between;gap:6px;padding:3px 0;display:flex}.pa-kind-name{color:var(--ink-2);overflow-wrap:anywhere;min-width:0}.pa-kind-range{color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.pa-foot{flex-wrap:wrap;align-items:center}.pa-fee,.pa-have{font-size:var(--fs-sm);color:var(--ink-2);align-items:center;gap:6px;display:flex}.pa-foot .btn{flex:160px}.pa-result{background:linear-gradient(160deg, var(--gp-bg-raised), var(--sky-50) 70%, var(--gold-200));flex-direction:column;gap:10px;padding:12px 14px;display:flex}.pa-result-head{align-items:center;gap:10px;display:flex}.pa-result-title{flex-direction:column;min-width:0;display:flex}.pa-result-title b{font-size:var(--fs-lg);color:var(--ink);font-weight:600}.pa-result-title span{font-size:var(--fs-xs);color:var(--ink-2)}.pa-diff{flex-direction:column;display:flex}.pa-diff-row{font-size:var(--fs-sm);font-variant-numeric:tabular-nums;border-bottom:1px solid #ffffff14;grid-template-columns:1fr 64px 64px;align-items:center;gap:6px;padding:4px 2px;display:grid}.pa-diff-row>span:not(.pa-kind-name),.pa-diff-row>b{text-align:right}.pa-diff-row.hdr{font-size:var(--fs-xs);color:var(--ink-3);border-bottom-color:var(--gp-rim)}.pa-diff-row.pos>b{color:var(--mint-700)}.pa-diff-row.neg>b{color:var(--coral-700)}.pa-diff-row.zero>b{color:var(--ink-3);font-weight:400}.pa-roll{color:var(--ink-3);margin-left:6px;font-size:10.5px;font-style:normal}.pa-result-sum{border-radius:var(--r-md);background:var(--sky-50);color:var(--sky-800);font-size:var(--fs-sm);padding:6px 10px;line-height:1.45}.pa-tip{font-size:var(--fs-xs);margin-top:4px;line-height:1.45}.pa-tip-head{color:#d8ccff}.pa-tip.done .pa-tip-head{color:var(--gold-300)}.pa-tip-opts{flex-wrap:wrap;gap:2px 8px;display:flex}.pa-opt.pos{color:#9ff0c8}.pa-opt.neg{color:#ffaaa6}.pet-view .pa-tip{border-radius:var(--r-sm);background:var(--sky-50);padding:6px 10px}.pet-view .pa-tip-head,.pet-view .pa-tip.done .pa-tip-head{color:var(--sky-800);font-weight:600}.pet-view .pa-opt.pos{color:var(--mint-700)}.pet-view .pa-opt.neg{color:var(--coral-700)}@media (orientation:portrait){body.touch .pa-kinds{grid-template-columns:1fr}body.touch .pa-diff-row{grid-template-columns:1fr 56px 56px}}#win-npc .npc-choice-svc{background:var(--gold-200);border-color:#d9b25a}#win-npc .npc-choice-svc .npc-choice-ico{color:var(--gold-600)}.eo-tip{font-size:var(--fs-xs);border-top:1px solid #d8a8ff40;margin-top:6px;padding-top:4px;line-height:1.45}.eo-tip-head{color:#d8a8ff;font-weight:600}.eo-tip-opts{grid-template-columns:1fr 1fr;gap:1px 10px;display:grid}.eo-opt{color:#d8a8ff}.eo-opt.neg{color:#ffaaa6}.eo-tip.unid .eo-tip-head{color:#c9c2d8}.eo-tip-note{color:#a99fc0}#win-eqopt .win-body,.eo-view{flex-direction:column;gap:8px;display:flex}.eo-view>h4{margin:8px 0 0}.eo-hero{background:radial-gradient(120% 100% at 0% 0%, #a585f026, transparent 60%), var(--gp-bg-raised);align-items:center;gap:12px;padding:10px 14px;display:flex}.eo-bubble{color:#fff;background:var(--gp-circle-purple-img) center / contain no-repeat;filter:drop-shadow(0 2px 2px #0000008c);border-radius:50%;flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.eo-bubble .ico{width:22px;height:22px}.eo-intro{min-width:0;font-size:var(--fs-sm);color:var(--ink);overflow-wrap:anywhere;flex:1;line-height:1.5}.eo-items{flex-direction:column;gap:6px;display:flex}.eo-item{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;align-items:center;gap:10px;padding:8px 10px;display:flex}.eo-item.selected{box-shadow:inset 4px 0 0 var(--lilac-600), 0 0 0 2px #d9b25a, 0 0 10px #f4d48740}.eo-item-main{flex-direction:column;flex:1;align-items:flex-start;gap:4px;min-width:0;display:flex}.eo-item-name{color:var(--ink);overflow-wrap:anywhere;font-weight:600}.eo-lines{flex-wrap:wrap;gap:4px;display:flex}.eo-chip{font-size:var(--fs-xs);color:var(--lilac-700);background:var(--lilac-100);box-shadow:inset 0 0 0 1px var(--c-lilac-300);border-radius:999px;padding:1px 8px}.eo-chip.neg{color:var(--coral-700);background:var(--coral-100);box-shadow:inset 0 0 0 1px var(--coral-400)}.eo-foot .btn{flex:160px}.eo-result{background:linear-gradient(160deg, var(--gp-bg-raised), var(--c-lilac-50) 70%, var(--c-honey-50));flex-direction:column;gap:10px;padding:12px 14px;display:flex}.eo-result-title{font-size:var(--fs-lg);color:var(--ink);overflow-wrap:anywhere;font-weight:600}.eo-diff{flex-direction:column;display:flex}.eo-diff-row{font-size:var(--fs-sm);font-variant-numeric:tabular-nums;border-bottom:1px solid #ffffff14;grid-template-columns:1fr 64px 64px;align-items:center;gap:6px;padding:4px 2px;display:grid}.eo-diff-row>span:not(.eo-kind),.eo-diff-row>b{text-align:right}.eo-diff-row.hdr{font-size:var(--fs-xs);color:var(--ink-3);border-bottom-color:var(--line)}.eo-diff-row.up>b{color:var(--mint-700)}.eo-diff-row.down>b{color:var(--coral-700)}.eo-kind{color:var(--ink-2);overflow-wrap:anywhere;min-width:0}.eo-item.blocked{opacity:.6;cursor:default}.eo-why{font-size:var(--fs-xs);color:var(--coral-700);overflow-wrap:anywhere}.eo-empty{color:var(--ink-3);font-size:var(--fs-sm);padding:10px 14px}.eo-skip{background:var(--sunken);font-size:var(--fs-xs);color:var(--ink-2);flex-direction:column;gap:6px;padding:10px 14px;line-height:1.5;display:flex}.eo-skip-line{overflow-wrap:anywhere}.eo-skip-line:before{content:"• ";color:var(--lilac-600)}.eo-skip-mistakes{color:var(--lilac-700);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;font-weight:600;display:flex}.eo-from{width:max-content;margin-top:6px;display:flex}.tn-view{flex-direction:column;gap:8px;display:flex}.tn-view>h4{margin:6px 0 0}.tn-cap{border-radius:var(--r-pill);text-align:center;font-weight:700;font-size:var(--fs-sm);color:#fff;text-shadow:0 1px 1px #000,0 0 3px #1e2a00;overflow-wrap:anywhere;background:linear-gradient(#8fb51e,#557508);border:1px solid #000;padding:6px 12px;box-shadow:inset 0 1px #ffffff40,0 2px #000}.tn-hero{flex-direction:column;align-items:center;gap:4px;padding:6px 0 2px;display:flex}.tn-item-name{color:var(--ink);text-align:center;overflow-wrap:anywhere;font-weight:600}.tn-up{border-radius:var(--r-pill);color:var(--gold-700);background:var(--gold-200);animation:tn-pop .5s var(--bounce) both;border:2px solid #d9b25a;align-self:center;padding:2px 12px;font-weight:700}@keyframes tn-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}.tn-panel{border-radius:var(--r-md);background:var(--sunken);box-shadow:inset 0 0 0 1px var(--gp-rim);border:2px solid #000;flex-direction:column;gap:4px;padding:8px 10px;display:flex}.tn-panel-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.tn-ba{font-size:var(--fs-md);letter-spacing:.04em;color:var(--gp-gold)}.tn-grade{border-radius:var(--r-pill);background:linear-gradient(#8fb51e,#557508);align-items:center;gap:10px;padding:3px 12px;display:flex;box-shadow:0 0 0 1px #000,inset 0 1px #ffffff40}.tn-grade-l{color:#fff;text-shadow:0 1px 1px #000,0 0 3px #1e2a00;font-weight:700}.tn-badge{border-radius:var(--r-pill);min-width:30px;font-weight:800;font-size:var(--fs-sm);color:#fff;text-shadow:0 1px 1px #0009;background:#8a8a9a;border:1px solid #000;justify-content:center;align-items:center;padding:0 6px;line-height:20px;display:inline-flex;box-shadow:inset 0 1px #ffffff59,0 1px 2px #00000080}.tn-badge.n{background:#7d7f8f}.tn-badge.g{background:#2f8de4}.tn-badge.dg{background:#f08c00}.tn-badge.xg{background:#d93bbd}.tn-badge.sg{background:linear-gradient(135deg,#ff4f86,#ff8a3d)}.tn-lines{min-height:60px;font-size:var(--fs-sm);font-variant-numeric:tabular-nums;color:var(--ink);flex-direction:column;gap:1px;padding:2px 4px;display:flex}.tn-lines.g{color:#7cc4ff}.tn-lines.dg{color:#ffb347}.tn-lines.xg{color:#ff7ae0}.tn-lines.sg{color:#ff6f9a}.tn-line{overflow-wrap:anywhere}.tn-line.none{color:var(--ink-3)}.tn-note{font-size:var(--fs-xs);color:var(--ink-3);text-align:center}.tn-meta{border-radius:var(--r-md);background:var(--sunken);box-shadow:inset 0 0 0 1px var(--gp-rim);border:2px solid #000;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:8px 10px;display:flex}.tn-cegel{font-size:var(--fs-sm);color:var(--ink-2);flex:200px;align-items:center;gap:8px;font-weight:600;display:flex}.tn-cegel>b{border-radius:var(--r-sm);background:var(--gp-bg-deep);text-align:left;font-variant-numeric:tabular-nums;color:var(--ink);border:1px solid #000;flex:1;padding:2px 10px;box-shadow:inset 0 1px 3px #000000a6}.tn-cegel>b.short{color:var(--coral-700)}.tn-key{align-items:center;gap:8px;display:flex}.tn-times{font-size:var(--fs-lg);color:var(--ink)}.tn-tabs{align-self:center}.tn-line.hit:before{content:"✓ ";color:var(--mint-700);font-weight:800}.tn-line.miss:before{content:"✗ ";color:var(--coral-700);font-weight:800}.tn-line.hit{font-weight:700}.tn-auto{border-radius:var(--r-md);background:var(--lilac-100);box-shadow:inset 0 0 0 1px var(--lilac-400);border:2px solid #000;flex-direction:column;gap:6px;padding:8px 10px;display:flex}.tn-auto>h4{margin:2px 0 0}.tn-arow{align-items:center;gap:8px;display:flex}.tn-alab{width:58px;font-weight:700;font-size:var(--fs-sm);color:var(--lilac-700);flex:none}.tn-alab.wide{flex:1;width:auto}.tn-arow .input{min-height:36px;font-size:var(--fs-sm);margin-top:0;padding:4px 10px}.tn-asel{flex:auto;min-width:0}.tn-amin{flex:0 0 104px;width:104px!important}.tn-amax{text-align:center;flex:0 0 104px;width:104px!important}.tn-switch{min-height:34px;font-size:var(--fs-sm);margin:0}.tn-rules{border-radius:var(--r-md);background:var(--gp-bg-deep);border:1px solid var(--lilac-400);flex-direction:column;gap:2px;padding:4px 10px 6px;display:flex}.tn-rules-head{font-weight:700;font-size:var(--fs-sm);color:var(--lilac-700)}.tn-rule{min-height:30px;font-size:var(--fs-sm);color:var(--ink);cursor:pointer;align-items:center;gap:8px;margin:0;font-weight:400;display:flex}.tn-rule input{flex:none;margin:0}.tn-rule input:disabled+span{color:var(--ink-2)}.tn-odds{border-radius:var(--r-pill);background:var(--gp-bg-deep);border:1px solid var(--lilac-400);font-weight:700;font-size:var(--fs-sm);color:var(--lilac-700);text-align:center;padding:4px 10px}.tn-odds.bad{color:var(--coral-700);border-color:var(--coral-400);background:var(--coral-100)}.tn-odds.ok{color:var(--mint-700);border-color:var(--mint-400);background:var(--mint-100)}.tn-budget{font-size:var(--fs-xs);color:var(--ink-2);text-align:center;flex-direction:column;align-items:center;display:flex}.tn-budget .short{color:var(--coral-700);font-weight:700}.tn-prog{flex-direction:column;gap:4px;display:flex}.tn-prog-head{color:var(--ink);text-align:center;font-weight:700}.tn-prog-sub{font-size:var(--fs-xs);color:var(--ink-2);text-align:center}.tn-sum{border-radius:var(--r-md);background:var(--gold-200);animation:tn-pop .4s var(--bounce) both;border:2px solid #d9b25a;flex-direction:column;gap:4px;padding:8px 10px;display:flex}.tn-sum.ok{border-color:var(--mint-400);background:var(--mint-100)}.tn-sum-head{color:var(--gold-700);font-weight:800}.tn-sum.ok .tn-sum-head{color:var(--mint-700)}.tn-sum-grid{font-size:var(--fs-sm);color:var(--ink-2);font-variant-numeric:tabular-nums;grid-template-columns:auto 1fr;gap:1px 12px;display:grid}.tn-sum-grid b{color:var(--ink)}.tn-sum-l{font-size:var(--fs-xs);color:var(--ink-2);font-weight:700}.tn-sum .tn-lines{min-height:0}.tn-items{flex-direction:column;gap:6px;display:flex}.tn-item{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;align-items:center;gap:10px;padding:6px 10px;display:flex}.tn-item.selected{box-shadow:inset 4px 0 0 var(--gp-gold), 0 0 0 2px #d9b25a}.tn-item.blocked{opacity:.65}.tn-item:disabled{cursor:default}.tn-item-main{flex-direction:column;flex:1;align-items:flex-start;gap:3px;min-width:0;display:flex}.tn-item-title{color:var(--ink);overflow-wrap:anywhere;font-weight:600}.tn-chips{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.tn-why{font-size:var(--fs-xs);color:var(--coral-700);overflow-wrap:anywhere}.tn-empty{color:var(--ink-3);font-size:var(--fs-sm);padding:10px 14px}.tn-foot .btn{flex:140px}.tn-tip{font-size:var(--fs-xs);color:#e9e6f2;border-top:1px solid #ffffff1f;margin-top:6px;padding-top:4px;line-height:1.45}.tn-tip-head{font-weight:700}.tn-tip.g{color:#7cc4ff}.tn-tip.dg{color:#ffb347}.tn-tip.xg{color:#ff7ae0}.tn-tip.sg{color:#ff6f9a}.stat-tun{color:var(--c-lilac-700);margin-left:2px;font-style:normal;font-weight:700}.sc-pair{justify-content:center;align-items:flex-start;gap:14px;padding:4px 0;display:flex}.sc-slot{border-radius:var(--r-md);cursor:pointer;border:2px solid #0000;flex-direction:column;flex:0 150px;align-items:center;gap:3px;min-width:0;padding:6px 6px 8px;display:flex}.sc-slot.active{background:var(--gold-200);border-color:#d9b25a}.sc-slot .slot{cursor:pointer}.sc-slot-l{font-weight:700;font-size:var(--fs-sm);color:#fff;border-radius:var(--r-pill);text-shadow:0 1px 1px #000;background:linear-gradient(#8fb51e,#557508);padding:1px 10px;box-shadow:0 0 0 1px #000,inset 0 1px #ffffff40}.sc-slot-n{font-size:var(--fs-xs);color:var(--ink-2);text-align:center;overflow-wrap:anywhere}.sc-arrow{color:var(--gp-gold);text-shadow:0 2px #000,0 0 4px #000;align-self:center;margin-top:-24px;font-size:28px;line-height:1}.sc-rules{text-align:left;flex:100%}#win-craft .soul-card{--soul-red:#ff5d6c;--soul-blue:#2fa6f0;--soul-purple:#9b59e0;--soul-yellow:#f2c418;--soul-green:#3fc46e}#win-craft .soul-title{letter-spacing:.08em;color:var(--sky-700);font-weight:800;font-size:var(--fs-sm);align-self:center}#win-craft .soul-num{text-align:center;width:72px}#win-craft .soul-colors{flex-wrap:wrap;gap:6px;display:flex}#win-craft .soul-chip{border-left:6px solid var(--c,transparent)}#win-craft .soul-chip.red{--c:#ff5d6c}#win-craft .soul-chip.blue{--c:#2fa6f0}#win-craft .soul-chip.purple{--c:#9b59e0}#win-craft .soul-chip.yellow{--c:#f2c418}#win-craft .soul-chip.green{--c:#3fc46e}#win-craft .soul-bar-label{font-size:var(--fs-xs);color:var(--ink-2);margin-top:6px}#win-craft .soul-bar{border-radius:var(--r-pill);background:var(--sunken);height:18px;box-shadow:inset 0 0 0 1px var(--line);display:flex;overflow:hidden}#win-craft .soul-seg{white-space:nowrap;color:#fff;text-shadow:0 1px #00000059;font-variant-numeric:tabular-nums;justify-content:center;align-items:center;min-width:0;font-size:10.5px;font-weight:600;display:flex;overflow:hidden}#win-craft .soul-seg.o0{background:#ff7f8a}#win-craft .soul-seg.o1{background:#3aa7e8}#win-craft .soul-seg.o2{background:#f2c418}#win-craft .soul-seg.o3{background:#49c873}#win-craft .soul-seg.red{background:#ff5d6c}#win-craft .soul-seg.blue{background:#2fa6f0}#win-craft .soul-seg.purple{background:#9b59e0}#win-craft .soul-seg.yellow{background:#f2c418}#win-craft .soul-seg.green{background:#3fc46e}#win-craft :is(.soul-seg.o2,.soul-seg.yellow){color:#3d2a00;text-shadow:none}#win-craft .soul-rows{flex-direction:column;gap:6px;display:flex}#win-craft .soul-row{border-radius:var(--r-md);background:var(--sunken);align-items:center;gap:10px;min-height:52px;padding:6px 8px;display:flex}#win-craft .soul-row>.slot{--slot:40px;flex:none}#win-craft .soul-row.filled{box-shadow:inset 4px 0 0 var(--c,var(--lilac-400));background:var(--card)}#win-craft .soul-row.red{--c:#ff5d6c}#win-craft .soul-row.blue{--c:#2fa6f0}#win-craft .soul-row.purple{--c:#9b59e0}#win-craft .soul-row.yellow{--c:#f2c418}#win-craft .soul-row.green{--c:#3fc46e}#win-craft .soul-row-lines{min-width:0;font-size:var(--fs-sm);flex:1;line-height:1.4}#win-craft .soul-row-lines.dim,#win-craft .soul-row-lines .dim{color:var(--ink-3,#9aa)}#win-craft .soul-cell{box-shadow:inset 0 -3px 0 var(--c,transparent)}#win-craft .soul-cell.red{--c:#ff5d6c}#win-craft .soul-cell.blue{--c:#2fa6f0}#win-craft .soul-cell.purple{--c:#9b59e0}#win-craft .soul-cell.yellow{--c:#f2c418}#win-craft .soul-cell.green{--c:#3fc46e}#win-craft .soul-btns{align-items:stretch;gap:8px;display:flex}#win-craft .soul-btns .craft-go{flex:1}#win-craft .soul-pick .craft-table{overflow-x:auto}body.touch #win-craft .soul-num{width:84px;min-height:44px}#win-craft .soul-pick .craft-th,#win-craft .soul-pick .craft-td{white-space:normal}.soul-tip{font-size:var(--fs-xs);color:#e9e6f2;border-top:1px solid #ffffff2e;margin-top:6px;padding-top:4px;line-height:1.45}.soul-tip-head{color:#ffe08a;font-weight:700}.soul-tip-line.dim{color:#b8b3c9}.soul-tip-slot{margin-top:2px}.soul-tip-slot>b{font-weight:600}.soul-tip.red .soul-tip-line,.soul-tip-slot.red>b{color:#ff9aa4}.soul-tip.blue .soul-tip-line,.soul-tip-slot.blue>b{color:#8fd0ff}.soul-tip.purple .soul-tip-line,.soul-tip-slot.purple>b{color:#d0a8ff}.soul-tip.yellow .soul-tip-line,.soul-tip-slot.yellow>b{color:#ffe27a}.soul-tip.green .soul-tip-line,.soul-tip-slot.green>b{color:#8ff0b2}.ac-win .win-body{flex-direction:column;gap:12px;display:flex}.ac-win .win-body>*,.ac-view>*{flex-shrink:0}.ac-intro{background:linear-gradient(90deg, var(--lilac-100), var(--gp-bg-head));min-height:72px;box-shadow:inset 0 0 0 1px var(--lilac-400);border-radius:var(--r-md);color:var(--ink);border:1px solid #000;flex-direction:column;justify-content:center;gap:4px;padding:12px 14px;display:flex}.ac-intro b{color:var(--gp-gold);text-shadow:0 2px #000000b3;font-size:18px}.ac-intro span{color:var(--gp-desc);font-size:12px}.ac-view{color:var(--ink);flex-direction:column;gap:12px;display:flex}.ac-empty{text-align:center;border-radius:var(--r-md);background:var(--sunken);box-shadow:inset 0 0 0 1px var(--gp-rim);color:var(--ink-3);border:1px solid #000;padding:28px 14px}.ac-gem{--gem:34px;--charm:#c4594f;width:var(--gem);height:var(--gem);background:var(--charm);border-radius:42% 42% 32% 32%;flex:none;display:inline-block;position:relative;box-shadow:inset 0 0 0 2px #00000059,inset 0 2px #ffffff40,0 1px 2px #000000a6}.ac-gem:before{content:"";background:#17141d;border-radius:50%;width:14%;height:14%;position:absolute;top:10%;left:43%}.ac-gem:after{content:"";background:#ffffffc7;border-radius:50% 50% 40% 40%;width:36%;height:28%;position:absolute;bottom:22%;left:32%;box-shadow:-.22em -.28em 0 -.07em #ffffffc7,.22em -.28em 0 -.07em #ffffffc7}.ac-gem.orange{--charm:#d0843e}.ac-gem.yellow{--charm:#c9a83c}.ac-gem.green{--charm:#4f9a64}.ac-top{flex-direction:column;gap:12px;display:flex}.ac-stones{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.ac-stone{border-radius:var(--r-md);text-align:center;background:var(--gp-bg-raised);min-width:0;min-height:110px;box-shadow:inset 0 0 0 1px var(--gp-rim), 0 2px 0 #000;color:var(--ink);cursor:pointer;border:1px solid #000;flex-direction:column;align-items:center;gap:10px;padding:10px 7px;display:flex}.ac-stone:hover{background:var(--gp-bg-hover)}.ac-stone.sel{background:var(--gp-bg-hover);border:2px solid #d9b25a;padding:9px 6px;box-shadow:inset 0 0 0 1px #00000080,0 0 8px #f4d48740}.ac-stone-box{flex:none;place-items:center;width:46px;height:46px;display:grid;position:relative}.ac-select{background:var(--gp-amber);color:#3d2000;border-radius:5px;padding:0 5px;font-size:10px;font-weight:600;position:absolute;bottom:-8px;box-shadow:0 0 0 1px #000}.ac-stone-t{overflow-wrap:anywhere;flex-direction:column;gap:4px;min-width:0;font-size:12px;display:flex}.ac-lv{background:var(--gp-bg-deep);color:var(--gp-gold);border-radius:7px;padding:2px 7px;font-size:11px;box-shadow:inset 0 0 0 1px #ffffff14}.ac-pages,.ac-subtabs{gap:6px;display:flex}.ac-pages .tab,.ac-subtabs .tab{white-space:normal;flex:1;min-height:44px}.ac-opts{border-radius:var(--r-md);background:var(--sunken);box-shadow:inset 0 0 0 1px var(--gp-rim);border:1px solid #000;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:12px;display:grid}.ac-opt{background:var(--gp-bg-deep);min-height:32px;color:var(--ink-3);border:1px solid #000;border-radius:9px;align-items:center;gap:8px;padding:5px 8px;font-size:12px;display:flex}.ac-opt.on{background:var(--gp-bg-raised);border-color:var(--gp-rim-2);color:var(--ink);font-weight:600}.ac-opt.sp-lv{border-color:var(--coral-400)}.ac-opt.special .ac-opt-t,.ac-cur-v.special,.ac-pool-r.special{color:var(--coral-700);font-weight:700}.ac-opt.fresh{background:var(--gold-200);outline:2px solid #d9b25a}.ac-opt-lv{background:var(--gp-rim);width:20px;height:20px;color:var(--gp-gold);border-radius:6px;flex:none;place-items:center;display:grid}.ac-pane{border-radius:var(--r-md);background:var(--gp-bg-raised);box-shadow:inset 0 0 0 1px var(--gp-rim);border:1px solid #000;flex-direction:column;gap:10px;padding:14px;display:flex}.ac-pane-head{border-bottom:1px solid #ffffff14;flex-wrap:wrap;align-items:center;gap:8px;padding-bottom:8px;display:flex}.ac-mat,.ac-row{align-items:center;gap:8px;display:flex}.ac-mat .slot,.ac-row .slot,.ac-fix .slot{--slot:44px}.ac-mat-n{overflow-wrap:anywhere;flex:1;min-width:0}.ac-mat-c{text-align:right;font-variant-numeric:tabular-nums}.ac-mat.short .ac-mat-c{color:var(--coral-700)}.ac-coin{text-align:center;width:44px;display:inline-block}.ac-note{color:var(--gp-desc);margin:0;font-size:12px;line-height:1.6}.ac-note.sp{color:var(--coral-700)}.ac-foot{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.ac-foot .btn,.ac-win .btn{min-height:44px}.ac-rr{margin-left:auto}.ac-cur{background:var(--c-sky-50);border:1px solid var(--c-sky-300);border-radius:12px;flex-direction:column;gap:4px;padding:10px;display:flex}.ac-cur-k{color:var(--c-sky-700);font-size:12px}.ac-fix{background:var(--mint-100);border:1px solid var(--c-mint-300);border-radius:12px;align-items:center;gap:10px;padding:10px;display:flex}.ac-fix-t{flex-direction:column;gap:4px;min-width:0;display:flex}.ac-radios{flex-wrap:wrap;gap:12px;display:flex}.ac-radio{cursor:pointer;align-items:center;gap:6px;min-height:44px;display:inline-flex}.ac-res{border-radius:14px;flex-direction:column;gap:5px;padding:12px;display:flex}.ac-res.ok{background:var(--mint-100);border:1px solid var(--mint-400);color:var(--mint-700)}.ac-res.fail{background:var(--coral-100);border:1px solid var(--coral-400);color:var(--coral-700)}.ac-pool{border-radius:var(--r-md);background:var(--sunken);min-width:0;box-shadow:inset 0 0 0 1px var(--gp-rim);color:var(--gp-desc);border:1px solid #000;padding:5px 10px;font-size:12px;overflow-x:auto}.ac-pool summary{cursor:pointer;min-height:44px;color:var(--ink-2);align-content:center}.ac-pool-rows{grid-template-columns:1fr 1fr;gap:7px 16px;padding:8px 0;display:grid}.ac-pool-r{justify-content:space-between;gap:7px;display:flex}.ac-table{border-collapse:collapse;width:100%;margin:4px 0}.ac-table th,.ac-table td{text-align:center;border-bottom:1px solid #ffffff14;padding:8px 6px}.ac-table th{background:var(--gp-bg-head);color:var(--gp-gold)}.ac-table tr.cur td{background:var(--gold-200);color:var(--gold-700);font-weight:700}.ac-totals{border-radius:var(--r-md);background:var(--sunken);box-shadow:inset 0 0 0 1px var(--gp-rim);flex-direction:column;gap:8px;padding:12px;display:flex}.ac-chips{flex-wrap:wrap;gap:5px;display:flex}.ac-dis{flex-direction:column;gap:12px;display:flex}.ac-dis-pick,.ac-dis-out{border-radius:var(--r-md);background:var(--gp-bg-raised);box-shadow:inset 0 0 0 1px var(--gp-rim);border:1px solid #000;flex-direction:column;gap:12px;padding:14px;display:flex}.ac-dis-head{background:var(--gp-bg-deep);color:var(--gp-gold);border-radius:8px;align-self:flex-start;padding:5px 12px;font-weight:700;box-shadow:inset 0 0 0 1px #ffffff14}.ac-dis-row{border-bottom:1px solid #ffffff14;align-items:center;gap:10px;padding-bottom:10px;display:flex}.ac-dis-t{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.ac-num{text-align:center;width:68px;min-height:44px}.ac-got{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.ac-notes{color:var(--gp-desc);margin:0;padding-left:18px;font-size:12px;line-height:1.65}.ac-jaro{flex-direction:column;gap:12px;display:flex}.ac-jaro-line{border-radius:var(--r-md);background:var(--sunken);box-shadow:inset 0 0 0 1px var(--gp-rim), inset 0 2px 6px #00000080;border:1px solid #000;justify-content:center;align-items:center;gap:16px;padding:16px;display:flex}.ac-arrow{color:var(--gp-gold);text-shadow:0 2px #000;font-size:22px}.ac-tip{flex-direction:column;gap:4px;min-width:180px;font-size:12px;display:flex}.ac-tip-head{align-items:center;gap:6px;margin-bottom:4px;display:flex}.ac-tip-sp{color:var(--coral-700);font-weight:700}.ac-tip .muted{color:var(--gp-desc)}.char-arcane{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.char-arcane-gems{flex-wrap:wrap;gap:5px;display:flex}.char-arcane-chip{align-items:center;gap:4px;display:inline-flex}.ac-win :focus-visible{outline:3px solid var(--gp-gold);outline-offset:3px}@media (max-width:640px){.ac-stones{grid-template-columns:repeat(2,minmax(0,1fr))}.ac-stone{text-align:left;flex-direction:row;min-height:74px}.ac-opts,.ac-pool-rows{grid-template-columns:1fr}.ac-pane,.ac-dis-pick,.ac-dis-out{padding:10px}.ac-mat{flex-wrap:wrap}.ac-foot .btn{white-space:normal;flex:1}}.inv-bar{align-items:center;gap:8px;margin-bottom:8px;display:flex}.inv-bar .inv-tabs{flex:1;min-width:0;margin:0}.inv-bar .inv-tabs .tab{text-overflow:ellipsis;flex:1 1 0;min-width:0;padding-inline:6px;overflow:hidden}.inv-bar .inv-sort{flex:none;margin-left:auto}.inv-bar .inv-used{font-size:var(--fs-xs);flex:none}#win-inv .inv-used{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.inv-cash-btn{gap:4px}#win-inv .inv-foot .inv-cash-btn{margin-left:auto}.inv-cash-btn .ico{color:var(--lilac-600)}.inv-cash-n:empty{display:none}.inv-cash-n{border-radius:var(--r-pill);text-align:center;color:#fff;background:linear-gradient(#a585f0,#6b45c9);min-width:18px;padding:0 5px;font-size:10.5px;line-height:16px;box-shadow:0 0 0 1.5px #000,inset 0 1px #ffffff59}.inv-cash-shared-h{border-radius:var(--r-md);background:var(--c-lilac-50);box-shadow:inset 0 0 0 1px var(--c-lilac-300);font-size:var(--fs-xs);color:var(--ink-2);flex-direction:column;grid-column:1/-1;gap:1px;margin-top:6px;padding:6px 10px;line-height:1.35;display:flex}.inv-cash-shared-h b{color:var(--lilac-700);font-size:var(--fs-sm)}.inv-grid .slot.cash-shared{box-shadow:0 0 0 1.5px #cdb8ff99,0 0 6px #8a5ce666}.bag-drag{touch-action:pan-y;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}body:not(.touch) .bag-drag{cursor:grab}body.bag-dragging,body.bag-dragging *{cursor:grabbing!important}.bag-src{opacity:.35}.bag-ghost{z-index:9999;pointer-events:none;opacity:.95;position:fixed;transform:translate(-50%,calc(-100% - 10px))scale(1.12);box-shadow:var(--shadow-3), 0 0 0 2.5px var(--gold-400)!important}.inv-grid .slot.drop-hover{border-image:var(--gp-slot-hi);box-shadow:0 0 0 2px var(--gp-gold), 0 0 10px #f4d48780}.drop-refuse .slot{box-shadow:0 0 0 3px var(--rose-500,#e5484d);opacity:.8}.slot-time{z-index:3;border-radius:var(--r-pill);color:#fff;pointer-events:none;white-space:nowrap;background:#6b45c9d9;padding:0 3px;font-size:9.5px;font-weight:600;line-height:13px;position:absolute;bottom:1px;left:1px;box-shadow:0 0 0 1px #000}.bag-count-row{justify-content:center;align-items:center;gap:6px;margin:2px 0 14px;display:flex}.bag-count-row .input{text-align:center;font-variant-numeric:tabular-nums;flex:none;width:92px;margin:0}#win-cash{--win-w:400px}#win-cash .win-body{padding-bottom:8px}.cash-head{font-size:var(--fs-xs);color:var(--ink-2);align-items:flex-start;gap:6px;margin:0 0 8px;line-height:1.4;display:flex}.cash-head .ico{color:var(--lilac-600);flex:none;margin-top:1px}.cash-head>span{flex:1;min-width:0}.cash-empty{text-align:center;font-size:var(--fs-sm);color:var(--ink-3);grid-column:1/-1;padding:6px 4px 0}body.touch #win-cash .cash-grid{--slot:min(48px, calc((100vw - var(--safe-l) - var(--safe-r) - 76px) / 8));grid-template-columns:repeat(8, var(--slot))}.cash-foot{flex-wrap:wrap;gap:6px}.cash-foot .inv-used{white-space:nowrap}body.touch #win-cash .cash-foot{justify-content:center}body.touch #win-cash .cash-foot .inv-used{text-align:center;flex-basis:100%;order:-1}body.touch #win-cash .cash-foot .btn{flex:1 1 0;justify-content:center;min-width:0}.cash-grid .slot.drop-hover{background:linear-gradient(#3a2f1c,#5a4520);box-shadow:inset 0 0 0 2px #d9b25a}body:not(.touch) #win-cash{left:auto;right:calc(16px + var(--safe-r) + 412px);top:calc(8px + var(--map) + 44px);max-height:min(720px, calc(100dvh - 16px - var(--map) - 44px));animation-name:win-in-placed;transform:none}.cos-closet{gap:7px;width:100%;margin:10px 0;display:grid}.cos-closet-btn{white-space:normal;width:100%;min-height:44px;color:var(--ink);background:var(--gp-bg-raised);box-shadow:inset 0 0 0 1px var(--gp-rim), 0 2px 0 #000;text-align:left;border:1px solid #000;border-radius:13px;padding:9px 12px}.cos-closet-btn:hover{background:var(--gp-bg-hover)}.cos-closet-btn.cos-closet-fav{background:var(--c-honey-100);box-shadow:inset 0 0 0 1px var(--c-honey-300), 0 2px 0 #000}.cos-closet-btn.cos-closet-one{background:var(--c-mint-100);box-shadow:inset 0 0 0 1px var(--c-mint-300), 0 2px 0 #000}.wd-win .win-body{flex-direction:column;gap:12px;display:flex}.wd-win .win-body>*{flex-shrink:0}.wd-heading{border-radius:var(--r-md);background:linear-gradient(90deg, var(--gp-bg-head), var(--sunken));box-shadow:inset 0 0 0 1px var(--gp-rim);border:1px solid #000;align-items:center;gap:12px;padding:12px;display:flex}.wd-heading>div{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.wd-heading b{color:var(--gp-gold);text-shadow:0 2px #000000b3;font-size:17px}.wd-count{color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:12px}.wd-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.wd-nav .btn{white-space:normal;min-height:44px;padding:6px;font-size:12px}.wd-nav [aria-current=page]{border-image:var(--gp-btn-yellow);color:#4e2600;text-shadow:0 1px #ffe7a1}.wd-help{color:var(--gp-desc);margin:0;font-size:12px;line-height:1.6}.wd-shelves{flex-direction:column;gap:14px;display:flex}.wd-shelf{border-radius:var(--r-md);background:var(--sunken);box-shadow:inset 0 0 0 1px var(--gp-rim);border:1px solid #000;padding:10px}.wd-shelf h4{margin:0 0 10px;font-size:13px}.wd-grid{grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:7px;display:grid}.wd-fav .wd-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.wd-win .wd-cell{background:var(--gp-bg-deep);border:1px solid #000;border-radius:12px;place-items:center;min-width:44px;min-height:48px;padding:2px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff12,inset 0 2px 4px #00000080}.wd-win .wd-cell>.slot{--slot:44px;cursor:pointer;border-radius:10px;width:44px;height:44px}.wd-win .wd-cell>.slot .ico,.wd-win .wd-cell>.slot img{max-width:40px;max-height:40px}.wd-empty{color:var(--ink-3);pointer-events:none;font-size:11px}.wd-win .wd-cell.drop-hover{outline:3px solid var(--gp-gold);outline-offset:1px}.wd-win .wd-cell.drop-refuse{outline:3px solid var(--pet-danger);outline-offset:1px}.wd-item.wd-worn{box-shadow:0 0 0 2px #d9b25a,0 0 6px #f4d48766}.wd-item.wd-worn:after{content:"E";background:var(--c-mint-500);color:#fff;text-shadow:0 1px 1px #000;pointer-events:none;border-radius:6px;place-items:center;width:17px;height:17px;font-size:11px;font-weight:700;display:grid;position:absolute;top:-3px;right:-3px;box-shadow:0 0 0 1px #000}.wd-off{border:1px solid var(--coral-400);color:var(--coral-700);background:var(--coral-100);border-radius:12px;padding:10px 12px;font-size:13px;line-height:1.6}.wd-off[hidden]{display:none}.wd-win :focus-visible,.cos-closet :focus-visible{outline:3px solid var(--gp-gold);outline-offset:3px}@media (max-width:480px){.wd-heading{gap:8px;padding:9px}.wd-heading b{font-size:15px}.wd-shelf{padding:8px}.wd-grid{gap:5px}}body.pet-ui .inv-grid{grid-template-columns:repeat(auto-fill, minmax(var(--slot), 1fr));border-radius:var(--r-md);background:var(--sunken);box-shadow:inset 0 0 0 1px var(--gp-rim), inset 0 2px 6px #00000080;border:1px solid #000;justify-items:center;gap:8px;padding:12px}body.pet-ui .inv-bar{border-bottom:1px solid #ffffff14;flex-wrap:wrap;gap:10px;padding:0 0 10px}body.pet-ui .inv-cash-shared-h{padding:10px 12px}body.pet-ui .char-prof{padding:16px}body.pet-ui .char-top{flex-wrap:wrap;gap:12px}body.pet-ui .char-cols{gap:16px}body.pet-ui .char-equip{border-block:1px solid #ffffff14;gap:10px 6px;padding:12px 6px}body.pet-ui :is(.eq-cell,.eq-lock){padding-block:4px}body.pet-ui .eq-name{font-size:11px}body.pet-ui .char-preview-hint{padding:4px 10px}body.pet-ui :is(.char-stats,.ability-list){gap:6px}body.pet-ui :is(.char-stats,.ability-list) .stat{min-height:44px;padding:8px 10px}body.pet-ui .stat-plan{border:1px solid var(--c-mint-300);border-radius:var(--r-md);background:var(--c-mint-50);padding:14px;box-shadow:inset 0 1px #ffffff0d}body.pet-ui :is(.opt-sec,.cash-head,.bank-sec){border-radius:var(--r-md);background:var(--sunken);border:1px solid #000;padding:12px;box-shadow:inset 0 0 0 1px #ffffff0d}body.pet-ui .opt-sound{flex-wrap:wrap;gap:12px}body.pet-ui .opt-sound input[type=range]{min-width:100px;min-height:44px}body.pet-ui .opt-row{gap:8px}body.pet-ui :is(.cash-empty,.ws-empty,.eo-empty,.tn-empty){border-radius:var(--r-md);background:var(--sunken);border:1px solid #ffffff14;padding:20px 12px}body.pet-ui :is(.npc-speech,.npc-bubble){padding:16px;line-height:1.75}body.pet-ui .npc-bubble:before{display:none}body.pet-ui .npc-services{grid-template-columns:repeat(auto-fit,minmax(min(155px,100%),1fr));gap:8px;display:grid}body.pet-ui .npc-services .btn{white-space:normal;justify-content:flex-start;min-height:48px}body.pet-ui .q-cols{gap:14px}body.pet-ui .q-list{border-radius:var(--r-md);background:var(--sunken);border:1px solid #000;padding:6px;box-shadow:inset 0 0 0 1px #ffffff0d}body.pet-ui .q-row{min-height:72px;margin-bottom:6px;padding:12px}body.pet-ui :is(.q-card,.q-journal){padding:16px}body.pet-ui .q-head{border-bottom:1px solid #ffffff14;padding-bottom:12px}body.pet-ui .q-obj{border-radius:var(--r-sm);background:var(--sunken);padding:10px;box-shadow:inset 0 0 0 1px #ffffff0d}body.pet-ui :is(.q-rewards,.q-src){border-radius:var(--r-md);background:#0003;border:1px solid #ffffff14;padding:10px}body.pet-ui #quest-tracker .qt-quest{padding:10px 8px}body.pet-ui #win-skills .sk-wrap{gap:12px;padding:12px}body.pet-ui #win-skills #skills-body{gap:12px;padding:0}body.pet-ui .sk-panel-head{min-height:44px;padding:10px 12px}body.pet-ui .sk-job{white-space:normal;text-align:left}body.pet-ui .sk-kit{gap:12px}body.pet-ui .sk-node{border-inline-start:4px solid var(--pet-peach);min-height:116px;padding:14px;position:relative}body.pet-ui .sk-node:nth-child(2){border-inline-start-color:var(--pet-sky)}body.pet-ui .sk-node:nth-child(3){border-inline-start-color:var(--pet-mint)}body.pet-ui .sk-card-copy{gap:5px}body.pet-ui .sk-plus{animation:none}body.pet-ui #win-skills .sk-detail{border-radius:var(--r-md);border:1px solid #000;width:270px;padding:16px;box-shadow:inset 0 0 0 1px #ffffff0d}body.pet-ui .sk-utilities summary{border-top:1px solid #ffffff14;min-height:44px;padding:10px}body.pet-ui :is(.jc-hero,.jc-detail,.jc-sec,.profession-tree){padding:16px}body.pet-ui .jc-cards{gap:12px;padding:8px 2px 12px}body.pet-ui .jc-card{border-width:1px}body.pet-ui .jc-card.selected{border-width:2px}body.pet-ui :is(.jc-card-art,.jc-d-art){border-radius:var(--r-md)}body.pet-ui :is(.jc-card-art,.jc-d-art):after{display:none}body.pet-ui .jc-card-name{padding:12px 8px}body.pet-ui :is(.jc-weapon,.jc-req,.jc-costs,.jc-reward){padding:12px}body.pet-ui :is(.jc-weapon,.jc-req,.jc-costs){border-radius:var(--r-md);background:#0003;border:1px solid #ffffff14}body.pet-ui .pt-branches{gap:12px}body.pet-ui :is(.pt-branch,.pt-special){padding:12px}body.pet-ui .pt-job{min-height:44px;padding:8px 10px}body.pet-ui #win-craft :is(.craft-card,.soul-card){padding:16px}body.pet-ui #win-craft .craft-target{border-radius:var(--r-md);background:var(--sunken);box-shadow:inset 0 0 0 1px var(--gp-rim);border:1px solid #000;padding:14px}body.pet-ui #win-craft .craft-result{padding:14px}body.pet-ui #win-craft :is(.craft-mat,.soul-row){border:1px solid #000;border-radius:10px;min-height:58px;padding:10px}body.pet-ui #win-craft .craft-cols{gap:14px}body.pet-ui #win-craft .craft-grid,body.pet-ui #win-bank .bank-grid{border-radius:var(--r-md);background:var(--gp-bg-deep);border:1px solid #000;gap:8px;padding:10px;box-shadow:inset 0 0 0 1px #ffffff0d,inset 0 2px 6px #00000080}body.pet-ui #win-craft :is(.craft-table,.soul-rows){border:1px solid #000;border-radius:10px;overflow:auto}body.pet-ui #win-craft .craft-th{background:var(--gp-bg-head);color:var(--gp-gold);padding:10px}body.pet-ui #win-craft .craft-td{border-color:var(--gp-rim);padding:9px 10px}body.pet-ui #win-craft .craft-helper-group{border-radius:var(--r-md);background:var(--sunken);box-shadow:inset 0 0 0 1px var(--gp-rim);border:1px solid #000;padding:10px}body.pet-ui #win-craft .craft-go{min-height:48px}body.pet-ui #win-bank .bank-card{padding:16px}body.pet-ui #win-bank .bank-bal{border-radius:var(--r-md);background:var(--sunken);box-shadow:inset 0 0 0 1px var(--gp-rim);border:1px solid #000;padding:12px}body.pet-ui .bankpass{padding:16px}body.pet-ui .bankpass-pad{gap:8px}body.pet-ui .pad-key{border-radius:12px;min-height:48px}body.pet-ui :is(.tn-hero,.tn-panel,.tn-auto,.tn-prog,.tn-sum,.eo-hero,.eo-result,.ws-result,.ws-intro,.sc-slot,.set-card){border-radius:var(--r-md);color:var(--ink);padding:14px}body.pet-ui :is(.tn-item,.eo-item,.ws-item){min-height:64px;padding:12px}body.pet-ui :is(.tn-item.selected,.eo-item.selected,.ws-item.selected){background:var(--gp-bg-hover);border-color:#d9b25a}body.pet-ui :is(.tn-lines,.tn-lines.g,.tn-lines.dg,.tn-lines.xg,.tn-lines.sg){background:var(--gp-bg-deep);border:1px solid #000;border-radius:10px;box-shadow:inset 0 2px 4px #00000080}body.pet-ui .tn-panel-top{border-bottom:1px solid #ffffff14;padding-bottom:10px}body.pet-ui :is(.eo-diff-row,.pa-diff-row,.tn-sum-grid){font-variant-numeric:tabular-nums;border-bottom:1px solid #ffffff14;padding:8px}body.pet-ui .ws-slots{gap:12px;padding:16px}body.pet-ui .ws-cell{border-radius:12px}body.pet-ui :is(.pa-hero,.pe-hero,.pa-result,.pe-result,.pe7-result,.pe7-panel,.pe7-info,.pe7-help){border-radius:var(--r-md);color:var(--ink);padding:14px}body.pet-ui :is(.gd-head,.gd-pick){border-radius:var(--r-md);background:var(--sunken);box-shadow:inset 0 0 0 1px var(--gp-rim);color:var(--ink);border:1px solid #000;padding:14px}body.pet-ui :is(.pa-pet,.pe-pet,.pe-branch,.pe7-pick){padding:12px}body.pet-ui :is(.pa-pet.selected,.pe-branch.selected,.pe-pet.ready){background:var(--gp-bg-hover);border-color:#d9b25a}body.pet-ui :is(.pa-tiers,.pe-tray,.pe7-slots,.gd-row){border-radius:var(--r-md);background:var(--gp-bg-deep);border:1px solid #000;gap:10px;padding:14px;box-shadow:inset 0 0 0 1px #ffffff0d,inset 0 2px 6px #00000080}body.pet-ui .pa-tier{box-shadow:none;border-radius:10px}body.pet-ui .pe7-panel-head{background:0 0;border-bottom:1px solid #ffffff14;padding-bottom:10px}body.pet-ui .pe7-help-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}body.pet-ui .pe7-help-table :is(th,td){border-color:#ffffff14;padding:9px 6px}body.pet-ui .pe7-help-table thead th{background:var(--gp-bg-head);color:var(--gp-gold)}body.pet-ui #hud-guarder{background:linear-gradient(var(--gp-bg-raised), var(--gp-bg));color:var(--ink);box-shadow:inset 0 0 0 1px var(--gp-rim-2), 0 5px 18px #0000008c;border:1px solid #000;border-radius:40px}body.pet-ui .soc-av{border:1px solid var(--gp-rim);background:var(--gp-bg-deep);color:var(--gp-gold);border-radius:14px 14px 10px 10px;box-shadow:inset 0 1px 3px #000000a6}body.pet-ui :is(.soc-guild,.soc-none,.soc-notice,.pb-create,.trade-side,.mail-attach){background:var(--sunken);color:var(--ink);border:1px solid #000;border-radius:8px;padding:14px;box-shadow:inset 0 1px #ffffff14}body.pet-ui :is(.soc-row,.pw-row,.pb-row,.mail-row){border:0 solid #0000;border-image:var(--gp-row);min-height:64px;color:var(--ink);background:0 0;border-radius:0;margin-bottom:6px;padding:12px}body.pet-ui :is(.soc-row.off,.pw-row.off){opacity:.6;filter:saturate(.4)}body.pet-ui :is(.pb-row.mine,.pw-row.me){border-image:var(--gp-row-on)}body.pet-ui .soc-crest{border:1px solid var(--gp-rim);background:var(--gp-bg-deep);border-radius:8px;box-shadow:inset 0 1px 3px #000000a6}body.pet-ui .soc-emblems{gap:8px;padding:8px}body.pet-ui .soc-emblems button{border-radius:10px;min-width:44px;min-height:44px}body.pet-ui .trade-cols{gap:14px}body.pet-ui .trade-side-head{color:var(--gp-gold);border-bottom:1px solid #ffffff14;padding-bottom:10px}body.pet-ui .trade-side.locked{background:#3a2f1c;border-color:#d9b25a}body.pet-ui .trade-side.confirmed{border-color:var(--mint-600);background:#1d3328}body.pet-ui .trade-slots{gap:8px;padding-block:12px}body.pet-ui #ctx-menu{border:0 solid #0000;border-image:var(--gp-pop);color:var(--ink);background:0 0;border-radius:0;padding:8px;box-shadow:0 10px 30px #00000080}body.pet-ui #ctx-menu .ctx-head{background:var(--gp-bg-head);color:var(--gp-gold);border-bottom:1px solid #ffffff14;border-radius:6px;padding:10px}body.pet-ui #ctx-menu .ctx-item{border-radius:6px;min-height:44px}body.pet-ui #party-frames .pf{border:0 solid #0000;border-image:var(--gp-row);color:var(--ink);box-shadow:none;text-shadow:0 1px #000;background:0 0;border-radius:0}body.pet-ui #party-frames :is(.pf-name,.pf-note,.pf-lv){color:var(--ink);text-shadow:0 1px #000}body.pet-ui #social-invites :is(.soc-invite,.soc-duel){border:0 solid #0000;border-image:var(--gp-pop);color:var(--ink);text-shadow:none;background:0 0;border-radius:0;padding:14px;box-shadow:0 6px 24px #00000080}body.pet-ui .mail-row.unread{border-image:var(--gp-row-on)}body.pet-ui .mail-env{border:1px solid var(--gp-rim);color:var(--ink-2);background:var(--gp-bg-deep);border-radius:8px;box-shadow:inset 0 1px 3px #000000a6}body.pet-ui .mail-row.unread .mail-env{background:var(--gp-amber);color:#2a1a05;border-color:#d9b25a}body.pet-ui .mail-preview{color:var(--gp-desc);line-height:1.6}body.pet-ui .mail-pick{background:var(--sunken);border:1px solid #000;border-radius:8px;padding:10px}body.pet-ui .mail-pick-name{min-height:44px;padding:10px}body.pet-ui :is(.mega-banner,.mega-banner.big,.guild-notice,.gm-banner,.gm-banner.event,.upd-banner){border:0 solid #0000;border-image:var(--gp-toast);color:var(--ink);text-shadow:0 1px #000;background:0 0;border-radius:0;box-shadow:0 6px 24px #00000080}body.pet-ui :is(.mega-ico,.gn-ico,.gm-banner-ico,.gm-banner.event .gm-banner-ico){background:var(--gp-circle-yellow-img) center / contain no-repeat;color:#2a1a05;box-shadow:none;border-radius:50%}body.pet-ui :is(.mega-text,.gm-banner-txt b,.gn-text){color:var(--ink);text-shadow:0 1px #000}body.pet-ui :is(.mega-from,.gm-banner-txt small,.gm-banner.event .gm-banner-txt small){color:var(--gp-gold);text-shadow:0 1px #000}body.pet-ui .shop-list .list-row{margin-bottom:6px;padding:12px 10px}body.pet-ui :is(.stall-status,.stall-kiosk,.stall-form,.stall-store,.stall-search){background:var(--sunken);color:var(--ink);border:1px solid #000;border-radius:8px;padding:14px;box-shadow:inset 0 1px #ffffff14}body.pet-ui :is(.stall-status.on,.stall-kiosk.on){border-color:var(--mint-600);color:var(--mint-700);background:#1d3328}body.pet-ui :is(.stall-row,.stall-buy-row){border:0 solid #0000;border-image:var(--gp-row);background:0 0;border-radius:0;padding:12px}body.pet-ui .stall-store-head{color:var(--gp-gold);background:0 0;border-bottom:1px solid #ffffff14;padding-bottom:10px}body.pet-ui .tag-stall{border:0 solid #0000;border-image:var(--gp-pop);color:var(--ink);text-shadow:0 1px #000;background:0 0;border-radius:0;box-shadow:0 3px 12px #00000080}body.pet-ui .tag-stall:before{background:var(--gp-amber);box-shadow:none;border-radius:4px 4px 0 0}body.pet-ui .tag-stall .ts-title{color:var(--gp-gold);text-shadow:0 1px #000}body.pet-ui .tag-stall .ts-kind{color:var(--ink-2);text-shadow:0 1px #000}body.pet-ui #win-mall .mall-grid{grid-template-columns:repeat(auto-fill,minmax(min(180px,100%),1fr));gap:14px}body.pet-ui #win-mall .mall-card{border:0 solid #0000;border-image:var(--gp-row);box-shadow:none;color:var(--ink);background:0 0;border-radius:0;gap:10px;padding:12px}body.pet-ui #win-mall :is(.mall-card.store,.mall-card.store.shared){border-image:var(--gp-row)}body.pet-ui #win-mall .mall-card.selected{border-image:var(--gp-row-on);background:0 0;box-shadow:0 0 10px #f4d48740}body.pet-ui #win-mall .mall-card-art{background:radial-gradient(circle at 50% 40%, #4a3d55, var(--gp-bg-deep) 75%);border:1px solid #000;border-radius:6px;min-height:88px;box-shadow:inset 0 1px 3px #000000a6}body.pet-ui #win-mall .mall-card-name{white-space:normal;color:var(--ink);line-height:1.5}body.pet-ui #win-mall .mall-card-foot{border-top:1px solid #ffffff14;padding-top:10px}body.pet-ui #win-mall :is(.mall-detail,.mall-coupon){background:var(--sunken);color:var(--ink);border:1px solid #000;border-radius:8px;padding:16px;box-shadow:inset 0 1px #ffffff14}body.pet-ui #win-mall .mall-detail-top{border-bottom:1px solid #ffffff14;padding-bottom:12px}body.pet-ui #win-topup :is(.tu-first,.tu-promo,.tu-promo.on){background:linear-gradient(180deg, #3a2f1c, var(--gp-bg-head));color:var(--ink);border:1px solid #d9b25a;border-radius:8px;padding:14px;box-shadow:inset 0 1px #ffffff14}body.pet-ui #win-topup .tu-first:after{display:none}body.pet-ui #win-topup .tu-first-pct{background:var(--gp-circle-yellow-img) center / contain no-repeat;color:#2a1a05;width:58px;height:58px;box-shadow:none;text-shadow:none;border:0;border-radius:50%}body.pet-ui #win-topup .tu-pending-list{grid-template-columns:repeat(auto-fit,minmax(min(290px,100%),1fr))}body.pet-ui #win-topup .tu-card{border:0 solid #0000;border-image:var(--gp-row);box-shadow:none;color:var(--ink);background:0 0;border-radius:0;grid-template-columns:64px minmax(0,1fr);gap:8px 12px;padding:14px;display:grid}body.pet-ui #win-topup .tu-grid{grid-template-columns:1fr;gap:12px}body.pet-ui #win-topup .tu-card>:not(.tu-card-art){grid-column:2}body.pet-ui #win-topup .tu-card-art{background:radial-gradient(circle at 50% 40%, #4a3d55, var(--gp-bg-deep) 75%);border:1px solid #000;border-radius:6px;grid-area:1/1/span 4;min-width:0;height:78px;overflow:visible;box-shadow:inset 0 1px 3px #000000a6}body.pet-ui #win-topup .tu-coins{background:var(--gp-coin-img) center / contain no-repeat;width:58px;height:58px;margin:0}body.pet-ui #win-topup .tu-card:nth-child(2n) .tu-coins{background-image:var(--gp-gem-img)}body.pet-ui #win-topup :is(.tu-ribbon,.tu-pct){background:var(--coral-600);color:#fff;text-shadow:0 1px #0006;border-radius:4px;padding:3px 5px;font-size:10px;position:relative;inset:auto}body.pet-ui #win-topup .tu-card-art{flex-direction:column;justify-content:center;align-items:center}body.pet-ui #win-topup :is(.tu-cc,.tu-card-sub,.tu-card .tu-gifts){text-align:left;justify-content:flex-start;align-items:flex-start}body.pet-ui #win-topup .tu-card>.tu-card-foot{border-top:1px solid #ffffff14;grid-column:1/-1;padding-top:10px}body.pet-ui #win-topup :is(.tu-card.selected,.tu-card.crypto.selected){border-image:var(--gp-row-on);background:0 0;box-shadow:0 0 10px #f4d48740}body.pet-ui #win-topup :is(.tu-order,.tu-pending,.tu-progress,.tu-crypto,.tu-crypto-pick){background:var(--sunken);color:var(--ink);border:1px solid #000;border-radius:8px;padding:16px;box-shadow:inset 0 1px #ffffff14}body.pet-ui #win-topup .tu-order{background:var(--gp-bg-head)}body.pet-ui #win-topup .tu-order-head{border-bottom:1px solid #ffffff14;padding-bottom:12px}body.pet-ui #win-topup .tu-method{border:0 solid #0000;border-image:var(--gp-row);min-height:80px;color:var(--ink);box-shadow:none;background:0 0;border-radius:0;padding:12px 40px 12px 12px}body.pet-ui #win-topup .tu-method.on{border-image:var(--gp-row-on);background:0 0;box-shadow:0 0 10px #f4d48740}body.pet-ui #win-topup .tu-method-ico{background:var(--gp-circle-yellow-img) center / contain no-repeat;color:#2a1a05;width:44px;height:44px;box-shadow:none;border-radius:50%}body.pet-ui #win-topup .tu-method.crypto .tu-method-ico{background-image:var(--gp-circle-green-img);color:#0f2a1c}body.pet-ui #win-topup .tu-step-n{background:var(--gp-amber);color:#2a1a05;text-shadow:none;border-radius:50%;box-shadow:inset 0 -2px #0004}body.pet-ui #win-topup :is(.tu-notice,.tu-hrow,.tu-ms){background:var(--gp-bg-raised);color:var(--ink);border:1px solid #000;border-radius:6px;padding:12px;box-shadow:inset 0 1px #ffffff14}body.pet-ui #win-topup :is(.tu-notice.unread,.tu-ms.ready){border-inline-start:4px solid var(--gp-amber)}body.pet-ui #win-topup .tu-ms.done{color:var(--mint-700);background:#1d3328}body.pet-ui #win-topup .tu-qr{background:#fff;border:2px solid #000;border-radius:8px;padding:16px;box-shadow:0 0 0 2px #d9b25a}body.pet-ui #win-topup .tu-copy{width:44px;height:44px}body.pet-ui #win-topup .tu-net-banner{color:var(--mint-700);background:#1d3328;border-radius:6px}body.pet-ui #win-topup .tu-crypto.st-expired{border-color:var(--coral-600);background:#3a1d22}body.pet-ui #win-topup .tu-crypto.st-paid{border-color:var(--mint-600);background:#1d3328}body.pet-ui #win-topup :is(.tu-addr,.tu-tx,.tu-ref){overflow-wrap:anywhere}body.pet-ui .gc-machine{border:0 solid #0000;border-image:var(--gp-panel);box-shadow:none;color:var(--ink);background:0 0;border-radius:0;gap:12px;padding:14px}body.pet-ui .gc-plate{box-shadow:none;background:0 0;border:0;border-bottom:1px solid #ffffff14;border-radius:0;padding:8px 0 12px}body.pet-ui .gc-plate-t{color:var(--gp-gold);text-shadow:0 2px #000;letter-spacing:0}body.pet-ui .gc-spark{background:var(--gp-amber)}body.pet-ui .gc-dome{background:radial-gradient(ellipse at 50% 30%, #4a3d5599, var(--gp-bg-deep) 80%);border:1px solid #000;border-radius:8px;min-height:182px;box-shadow:inset 0 1px 3px #000000a6,inset 0 0 0 1px #ffffff14}body.pet-ui .gc-glass{padding:12px 10px 82px}body.pet-ui :is(.gc-pill,.gc-coin){background:var(--gp-bg-raised);color:var(--ink);text-shadow:0 1px #000;border:1px solid #000;border-radius:6px;min-height:32px;box-shadow:inset 0 1px #ffffff14}body.pet-ui .gc-more{min-height:44px}body.pet-ui .gc-more:hover{background:var(--gp-bg-hover)}body.pet-ui .gc-base{box-shadow:none;background:0 0;border-radius:0;grid-template-columns:minmax(0,1fr) 72px;gap:12px;padding:0;display:grid}body.pet-ui .gc-crank{border:0 solid #0000;border-image:var(--gp-btn-yellow);color:#2a1a05;width:auto;min-height:80px;box-shadow:none;background:0 0;border-radius:0;grid-template-columns:40px 1fr;gap:4px 10px;padding:12px;display:grid}body.pet-ui .gc-knob{background:var(--gp-knob-on-img) center / contain no-repeat;border:0;border-radius:50%;grid-row:1/span 2;width:38px;height:38px}body.pet-ui .gc-crank-t{color:#2a1a05}body.pet-ui .gc-cost{color:#3a2408}body.pet-ui .gc-crank:active:not(:disabled){box-shadow:none;transform:translateY(2px)}body.pet-ui .gc-out{border:0 solid #0000;border-image:var(--gp-slot);width:72px;height:72px;box-shadow:none;background:0 0;border-radius:0}body.pet-ui .gc-cap-top{background:var(--gp-amber);border-radius:8px 8px 0 0}body.pet-ui .gc-cap-bot{background:var(--gp-bg-raised);border-radius:0 0 8px 8px}body.pet-ui :is(.gc-got,.gc-row){border:0 solid #0000;border-image:var(--gp-row);box-shadow:none;color:var(--ink);background:0 0;border-radius:0;padding:12px}body.pet-ui .gc-got{border-image:var(--gp-row-on)}body.pet-ui .mg-board{border-radius:18px;padding:10px}body.pet-ui .mg-tile{border-radius:9px}body.pet-ui .mg-tile.here{border:2px solid var(--gp-gold);box-shadow:0 0 8px #f4d48759}body.pet-ui .mg-center{border-radius:14px}body.pet-ui :is(.mg-info,.mg-result,.mg-how){background:var(--sunken);color:var(--ink);text-shadow:none;border:1px solid #000;border-radius:14px;padding:12px;box-shadow:inset 0 0 0 1px #ffffff0f}body.pet-ui .mg-mini{border-radius:14px;padding:12px}body.pet-ui .mg-rw{border-radius:8px;padding:10px}body.pet-ui .fs-scene{border-radius:18px}body.pet-ui .fs-msg{background:#17141dbf;border:1px solid #000;border-radius:10px}body.pet-ui :is(.prog-fame,.prog-cp-card,.prog-time-head,.prog-couple,.prog-att-head,.prog-cum-card){border-radius:16px;padding:16px}body.pet-ui .prog-cal{gap:10px}body.pet-ui .prog-day{border-radius:8px 8px 14px 14px}body.pet-ui .prog-day-n{color:var(--ink-2);background:#0000004d;padding-block:4px}body.pet-ui .prog-day.today .prog-day-n{background:var(--gp-amber);color:#3d2000}body.pet-ui .prog-stage{border-radius:18px}body.pet-ui .prog-stage-3d:after{background:0 0}body.pet-ui .prog-pod{border-radius:12px}body.pet-ui .prog-pod-trophy{color:#3d2000;background:linear-gradient(#ffd35c,#c47f00);border-radius:8px 8px 12px 12px;place-items:center;width:32px;height:36px;display:grid;box-shadow:0 0 0 1px #000,inset 0 1px #ffffff59}body.pet-ui .prog-pod-trophy .ico{width:23px;height:23px}body.pet-ui .prog-pod.p2 .prog-pod-trophy{color:#1d2230;background:linear-gradient(#c3cbd8,#6f7a8f)}body.pet-ui .prog-pod.p3 .prog-pod-trophy{color:#2e1203;background:linear-gradient(#f0a874,#a65a24)}body.pet-ui .prog-table{background:var(--sunken);border:1px solid #000;border-radius:12px;overflow:hidden}body.pet-ui .prog-tr{padding:10px}body.pet-ui .wm-stage{border-radius:18px}body.pet-ui .wm-stage:before{letter-spacing:.15em;font-family:inherit;font-size:11px;font-weight:600;line-height:1.4}body.pet-ui .wm-region{border-radius:16px 16px 8px 8px;gap:5px;padding:10px 8px}body.pet-ui .wm-region-image{border-radius:10px}body.pet-ui .bm-stage{border-radius:16px}body.pet-ui :is(.bm-tip,.bm-legend){border-radius:12px}body.pet-ui .bm-zbtn{min-width:44px;min-height:44px}body.pet-ui #win-warp .wp-row{padding:14px}body.pet-ui #win-warp .wp-thumb{border-radius:10px}body.pet-ui #win-warp .wp-sec{color:var(--gp-gold);border-bottom:1px solid #ffffff14;padding:12px 4px 8px}body.pet-ui #win-warp .wp-pt{min-height:44px}body.pet-ui :is(.ch-head,.ch-card){border-radius:14px;padding:14px}body.pet-ui .ch-head{background:var(--sunken);border:1px solid #000;box-shadow:inset 0 0 0 1px #ffffff0f}body.pet-ui .ch-card.here{background:linear-gradient(110deg, var(--mint-100), var(--card) 70%);box-shadow:inset 0 0 0 1px #d9b25a, var(--shadow-1)}body.pet-ui .ch-card.pk.here{background:linear-gradient(110deg, var(--coral-100), var(--card) 70%)}body.pet-ui .ch-badge{box-shadow:0 0 0 1px #000,inset 0 1px #ffffff59,inset 0 -3px #0000002e}body.pet-ui .ch-pill{background:var(--glass);color:var(--ink);box-shadow:inset 0 0 0 1px var(--gp-rim-2), 0 3px 8px #00000080;text-shadow:0 1px 1px #000;border:1px solid #000;border-radius:10px}body.pet-ui .ch-pill.pk{box-shadow:inset 0 0 0 1px var(--coral-400), 0 0 8px #ef5b6066}body.pet-ui :is(.dgn-hero,.dgn-banner,.dgn-chest,.dgn-note,.dgn-party,.dgn-row){border-radius:14px;padding:14px}body.pet-ui :is(.dgn-chest,.dgn-note,.dgn-party){background:var(--sunken);border:1px solid #000;box-shadow:inset 0 0 0 1px #ffffff0f}body.pet-ui :is(.dgn-hud,.dgn-events){border-radius:14px}body.pet-ui #win-auto>.ap-hero,body.pet-ui #win-lpcfg>.lp-hero{background:var(--card);color:var(--ink);box-shadow:inset 0 0 0 1px var(--gp-rim), var(--shadow-1);border:1px solid #000;border-radius:14px;margin:12px 12px 0;padding:14px}body.pet-ui #win-auto .ap-hero.on,body.pet-ui #win-lpcfg .lp-hero.on{background:linear-gradient(110deg, var(--mint-100), var(--card) 70%);box-shadow:inset 0 0 0 1px #389477,0 0 12px #4fc79533}body.pet-ui #win-auto .ap-hero.paused{background:linear-gradient(110deg, var(--gold-200), var(--card) 70%);box-shadow:inset 0 0 0 1px #8a6a2e}body.pet-ui #win-auto :is(.ap-prem-card,.ap-obot,.ap-lockhint,.ap-note,.ap-lootpet){border:1px solid #000;border-radius:14px;padding:14px}body.pet-ui #win-auto .ap-obot-go{min-height:48px}body.pet-ui #win-auto .ap-skill-row{padding:10px}body.pet-ui #win-auto-sum :is(.ap-tile,.ap-reason),body.pet-ui #win-obot-credit :is(.ap-oc-row,.ap-oc-exp){border:1px solid #000;border-radius:12px;padding:14px}body.pet-ui #win-auto-sum .ap-reason{background:var(--sunken);box-shadow:inset 0 0 0 1px #ffffff0f}body.pet-ui :is(#win-auto,#win-lpcfg) :is(.lf-premsec,.lf-picker){background:var(--sunken);border:1px solid #000;border-radius:12px;padding:10px;box-shadow:inset 0 0 0 1px #ffffff0f}body.pet-ui :is(#win-auto,#win-lpcfg) .lf-item-chip{border-radius:12px;padding:10px}body.pet-ui :is(#win-auto,#win-lpcfg) .lf-toggle{border-radius:10px;min-height:44px}body.pet-ui :is(.gm-target,.gm-card,.gm-stats,.gm-ab,.gm-opts,.gm-isel,.gi-head){border-radius:14px;padding:14px}body.pet-ui :is(.gm-target,.gm-ab,.gm-opts,.gm-isel,.gi-head){border:1px solid #000}body.pet-ui :is(.gm-ab,.gi-head){background:var(--sunken);box-shadow:inset 0 0 0 1px #ffffff0f}body.pet-ui .gm-two{gap:14px}body.pet-ui :is(.gm-preset,.gm-mapbtn){border-width:1px;border-radius:12px;min-height:64px;padding:12px}body.pet-ui .gm-ab-row{background:0 0;border-bottom:1px solid #ffffff14;border-radius:0;gap:6px;min-height:48px;padding:8px 0}body.pet-ui .gm-ab-head{background:var(--gp-bg-head);color:var(--gp-gold);border-radius:8px;padding-inline:8px}body.pet-ui .gm-ab .gm-ab-in.input{min-height:44px}body.pet-ui .gm-mm{border:1px solid #000;border-radius:14px}body.pet-ui .gi-money-row{border-radius:10px;padding:10px}body.pet-ui .gi-pet{padding:12px}body.pet-ui .help-cols{gap:14px}body.pet-ui .help-topics{background:var(--sunken);border:1px solid #000;border-radius:14px;padding:8px;box-shadow:inset 0 0 0 1px #ffffff0f}body.pet-ui .help-topic{min-height:48px;margin-bottom:6px;padding:10px}body.pet-ui .help-sec{border-radius:14px;padding:16px}body.pet-ui .help-sec-head{border-bottom:1px solid #ffffff14;padding-bottom:10px}body.pet-ui #frontier-guide{border-radius:16px}body.pet-ui #frontier-guide .fg-head{background:var(--star) 17px center / 16px no-repeat, var(--gp-circle-blue-img) 10px center / 30px no-repeat;padding-left:48px}body.pet-ui #frontier-guide .fg-live{background:#ffffff0a;border-radius:0 8px 8px 0;padding:8px}body.pet-ui #frontier-guide .fg-topics{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}body.pet-ui #frontier-guide button{border-radius:10px;min-height:44px}body.pet-ui.touch #frontier-guide .fg-body{border-radius:14px}body.pet-ui.touch #frontier-guide .fg-head{background-position:15px,8px;background-size:14px,28px;padding-left:44px}body.pet-ui #win-wiki .wiki-loading{background:var(--gp-bg);color:var(--ink-3)}body.pet-ui #win-wiki .wiki-frame{background:var(--gp-bg);border:0;border-radius:0 0 14px 14px}body.pet-ui .emote-grid{grid-template-columns:repeat(auto-fit,minmax(86px,1fr));gap:8px}body.pet-ui .emote-btn{width:auto;min-height:58px;color:var(--ink);font:inherit;border-radius:12px;justify-content:flex-start;align-items:center;gap:8px;padding:8px;font-size:12px;display:flex}body.pet-ui .emote-btn .ico{width:22px;height:22px;color:var(--gp-gold);flex:none}body.pet-ui #castbar{border-radius:12px}body.pet-ui #win-account .account-body{flex-direction:column;gap:14px;display:flex}body.pet-ui #win-account .acc-sec{background:var(--sunken);border:1px solid #000;border-radius:14px;padding:14px;box-shadow:inset 0 0 0 1px #ffffff0f}body.pet-ui #win-account .acc-sec h4{margin:0 0 12px;padding-bottom:10px}body.pet-ui #win-account .acc-line{overflow-wrap:anywhere;line-height:1.7}body.pet-ui #win-account .acc-rec-fields{flex-direction:column;gap:10px;display:flex}body.pet-ui #win-account .acc-rec-fields[hidden]{display:none}body.pet-ui #win-craft .craft-result.warn,body.pet-ui #win-auto .ap-lockhint.gold{background:var(--c-honey-100);border-color:var(--c-honey-400);color:var(--c-honey-700)}body.pet-ui #win-craft .craft-result.bad,body.pet-ui #win-craft .craft-mat.short,body.pet-ui #win-auto .ap-lockhint.coral{background:var(--coral-100);border-color:var(--coral-400);color:var(--coral-700)}body.pet-ui :is(.pe-result.ok,.pe7-result.ok,.tn-sum.ok,.set-card.on){background:var(--mint-100);border-color:var(--mint-400);color:var(--mint-700)}body.pet-ui :is(.pe-result.fail,.pe7-result.fail){background:var(--coral-100);border-color:var(--coral-400);color:var(--coral-700)}body.pet-ui :is(.eo-diff-row.up>b,.pa-diff-row.pos>b){color:var(--mint-700)}body.pet-ui :is(.eo-diff-row.down>b,.pa-diff-row.neg>b){color:var(--coral-700)}body.pet-ui #win-bank .bank-sec.warn{background:var(--c-honey-100);border-color:var(--c-honey-400);color:var(--c-honey-700)}body.pet-ui .gc-cap{--cap:var(--pet-peach)}@media (max-width:700px){body.pet-ui #win-mall .mall-main,body.pet-ui #win-topup .tu-main{grid-template-columns:minmax(0,1fr)}body.pet-ui #win-mall .mall-side,body.pet-ui #win-topup .tu-side{position:static}body.pet-ui #win-mall .mall-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}body.pet-ui #win-mall .mall-card{padding:10px}body.pet-ui #win-topup .tu-methods{grid-template-columns:minmax(0,1fr);gap:8px}body.pet-ui #win-topup .tu-first{grid-template-columns:auto minmax(0,1fr)}body.pet-ui #win-topup .tu-first .tu-gifts{grid-column:1/-1}body.pet-ui #win-topup .tu-promo{grid-template-columns:auto minmax(0,1fr)}body.pet-ui #win-topup .tu-crypto-body{flex-direction:column;align-items:center}body.pet-ui #win-topup .tu-crypto-info{width:100%;min-width:0}body.pet-ui #win-topup .tu-pending-list{grid-template-columns:minmax(0,1fr)}body.pet-ui .char-cols{flex-direction:column}body.pet-ui .char-cols>:first-child{flex-basis:auto}body.pet-ui #win-skills .sk-wrap{gap:8px;padding:8px}body.pet-ui #win-skills .sk-detail{width:230px;padding:12px}body.pet-ui .gm-two{grid-template-columns:minmax(0,1fr)}body.pet-ui .gm-grid3{grid-template-columns:repeat(2,minmax(0,1fr))}body.pet-ui .trade-cols,body.pet-ui #win-craft .craft-cols,body.pet-ui #win-bank .bank-cols{flex-direction:column}body.pet-ui .pe7-slots{flex-wrap:wrap;padding:10px}body.pet-ui .pe7-panels{grid-template-columns:minmax(0,1fr)}body.pet-ui .wm-region{gap:3px;width:104px;padding:8px 4px}body.pet-ui .wm-region-label{font-size:11px}body.pet-ui .prog-cal{gap:6px}}@media (max-width:600px){body.pet-ui .wm-region{border-radius:12px 12px 6px 6px;gap:2px;width:70px;padding:5px 2px}body.pet-ui .wm-region-label{font-size:10px;line-height:1.2}}@media (max-width:500px) and (orientation:portrait){body.pet-ui #win-skills .sk-wrap{flex-direction:column;overflow-y:auto}body.pet-ui #win-skills .sk-detail{flex-shrink:0;width:auto;max-height:45dvh}body.pet-ui #win-skills #skills-body{flex-shrink:0;min-height:180px}body.pet-ui .inv-grid{gap:6px;padding:8px}body.pet-ui .mail-row{flex-wrap:wrap;gap:8px}body.pet-ui .mail-row .row-main{min-width:150px}body.pet-ui .stall-buy-acts{flex-wrap:wrap}body.pet-ui .gc-base{grid-template-columns:minmax(0,1fr) 64px}body.pet-ui .gc-out{width:64px;height:72px}body.pet-ui .gm-ab-row{grid-template-columns:minmax(90px,1fr) 48px 64px 44px;gap:4px}body.pet-ui .gm-ab .gm-ab-in.input{width:100%;min-width:0;padding-inline:4px}}@media (prefers-reduced-motion:reduce){body.pet-ui :is(.jc-card-art img,.jc-d-art img,.jc-party,.jc-spark,.prog-confetti,.prog-day.today,.ph-say,.combo-ya,.dgn-hud-time.warn,.wp-row.flash,.qmark,.gm-banner,.mega-banner,.soc-invite){transition:none;animation:none}}.inv-tabs{margin-bottom:8px}.inv-grid{grid-template-columns:repeat(8, var(--slot));justify-content:center;gap:4px;display:grid}body.touch .inv-grid{grid-template-columns:repeat(auto-fill, var(--slot))}.inv-foot{justify-content:space-between}.inv-foot .btn{flex:none}.inv-used{text-align:center;flex:1}#win-inv .win-body{padding-bottom:8px}.char-prof{background:radial-gradient(120% 90% at 0% 0%, #f4d4871a, transparent 60%), var(--gp-bg-raised);flex-direction:column;gap:8px;margin-bottom:4px;display:flex}.char-top{align-items:center;gap:12px;display:flex}.char-ava{width:52px;height:52px;font-size:22px}.char-who{flex-direction:column;flex:1;min-width:0;display:flex}.char-who b{font-size:var(--fs-xl);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.char-who small{color:var(--ink-2)}.char-bars{flex-direction:column;gap:5px;display:flex}.char-bar{font-size:var(--fs-xs);color:var(--ink-2);grid-template-columns:34px 1fr;align-items:center;gap:6px;font-weight:600;display:grid}.char-extra{flex-wrap:wrap;gap:6px;display:flex}.char-extra:empty{display:none}.chip-k{font-weight:400}.char-top .char-view-btn{flex:none}body.touch .char-top{flex-wrap:wrap;row-gap:8px}body.touch .char-who{flex:calc(100% - 64px)}.char-equip{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 4px;display:grid}body.touch .char-equip{max-width:360px;margin-inline:auto}.eq-cell,.eq-lock{flex-direction:column;align-items:center;gap:3px;min-width:0;display:flex}.eq-name{max-width:100%;min-height:1.3em;color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.eq-lock .slot{cursor:default}.eq-lock .slot .ico{width:18px;height:18px;color:var(--ink-3);opacity:.55}.cos-cell .slot .slot-ph{width:22px;height:22px;color:var(--ink-3);opacity:.45;pointer-events:none}.eq-cell.filled .eq-name{color:var(--ink);font-weight:600}.cos-view{margin:10px 0 0}.cos-view .seg-btn{flex:1 1 0;min-width:0;padding:0 8px}.cos-hint{font-size:var(--fs-xs);margin:6px 0 0}.cos-hint.cos-hidden{background:var(--c-honey-100);color:var(--c-honey-700);box-shadow:inset 0 0 0 1px var(--c-honey-300);border-radius:8px;padding:6px 8px;font-weight:600}#win-char .char-guarder-btn{width:100%;margin-top:10px}.stat-head{flex-wrap:wrap;row-gap:4px}.char-points{margin-left:auto}.stat-r .stat-edit{flex:none;margin:0;padding:0 10px}.char-stats{flex-direction:column;gap:4px;display:flex}.char-stats .stat{flex-wrap:wrap;row-gap:4px;min-height:40px}.stat-r{align-items:center;gap:6px;margin-left:auto;display:flex}.stat-r .btn.plus{touch-action:none;-webkit-user-select:none;user-select:none;margin:0}.stat-v.pending{color:var(--mint-700)}.stat-step{align-items:center;gap:4px;margin-left:auto;display:none}.char-stats.planning .stat-step{display:flex}.stat-step .btn{touch-action:none;-webkit-user-select:none;user-select:none;margin:0}.stat-step .btn.stat-minus{border-image:var(--gp-btn-dark);color:var(--ink);text-shadow:0 1px 1px #000}.stat-step .stat-in{text-align:center;font-variant-numeric:tabular-nums;width:56px;min-height:30px;margin:0;padding:2px 6px}.stat-step .stat-max{padding:0 10px}body.touch .stat-step .stat-in{width:64px;min-height:44px}body.touch .stat-step .stat-max{min-width:52px;min-height:44px}.stat-plan{flex-direction:column;gap:6px;margin-top:6px;padding:10px;display:flex}.stat-plan[hidden]{display:none}.stat-plan-sum,.stat-plan-gain{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.stat-plan-gain:empty{display:none}.stat-plan-hint{font-size:var(--fs-xs);margin:0}.stat-plan-acts{justify-content:flex-end;gap:8px;display:flex}.stat-reset{justify-content:flex-end;margin-top:6px;display:flex}.stat-reset[hidden]{display:none}.stat-gain{color:var(--mint-600);font-weight:600}.ability-list .stat b.neg,.char-pct .stat b.neg{color:var(--coral-600)}.char-pct{grid-template-columns:repeat(2,minmax(0,1fr))}.ability-list{flex-direction:column;gap:4px;display:flex}.ability-list .stat{min-height:34px}#win-ability .win-body{padding-bottom:10px}body:not(.touch) #win-char{--win-w:640px}.char-cols>:first-child{flex:0 0 256px}body.touch .char-cols>:first-child{flex:1}#win-char .char-tabs{z-index:2;background:var(--surface-solid);box-shadow:0 1px 0 var(--line);border-radius:0;margin:-10px -12px 8px;padding:8px 12px;position:sticky;top:-10px}#win-char .char-tabs .tab{flex:1;min-height:44px}.char-preview{border-radius:var(--r-lg);height:250px;box-shadow:inset 0 0 0 1px var(--gp-rim), inset 0 3px 10px #000000a6, 0 2px 0 #000;background:radial-gradient(ellipse 60% 48% at 50% 58%, #6e658666, #6e658600 70%), linear-gradient(180deg, #2a2438, var(--gp-bg-deep) 78%, #120f17);border:2px solid #000;margin-bottom:6px;position:relative;overflow:hidden}.pv-canvas{cursor:grab;touch-action:pan-y;width:100%;height:100%;display:block;position:absolute;inset:0}.pv-canvas:active{cursor:grabbing}.char-preview-hint{z-index:1;pointer-events:none;white-space:nowrap;border-radius:var(--r-pill);color:var(--ink-2);font-size:var(--fs-xs);background:#17141dcc;padding:1px 10px;position:absolute;top:6px;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #ffffff1f}body.touch .char-preview{height:220px}@media (orientation:landscape) and (max-height:500px){body.touch .char-preview{height:190px}}.opt-sec{margin-bottom:4px}.opt-sound{align-items:center;gap:10px;display:flex}.opt-sound .switch{flex:none;width:150px}.opt-sound input[type=range]{flex:1;min-width:0;height:28px}body.touch .opt-sound input[type=range]{height:44px}.opt-lab{align-items:center;gap:6px;display:inline-flex}.opt-lab .ico{color:var(--sky-600)}.opt-row .btn{flex:120px}.seg.opt-mouse{border-radius:var(--r-md);flex-direction:column}.seg.opt-mouse .seg-btn{white-space:normal;text-align:left;justify-content:flex-start}.seg.opt-statnames{border-radius:var(--r-md)}.seg.opt-statnames .seg-btn{white-space:normal;flex:1 1 0;min-width:0}.npc-speech{white-space:pre-wrap;color:var(--ink);line-height:1.65;font-size:var(--fs-md);background:var(--sunken);border-radius:var(--r-lg);box-shadow:inset 0 0 0 1px var(--gp-rim), inset 0 2px 6px #00000080;border:1px solid #000;margin:2px 0 12px;padding:12px 14px;position:relative}.npc-row-ico{background:var(--gp-circle-blue-img) center / contain no-repeat;color:#fff;filter:drop-shadow(0 2px 2px #0000008c);border-radius:50%;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.npc-row-ico.shop{background-image:var(--gp-circle-yellow-img);color:#4e2600}#npc-warps{margin-bottom:4px}#win-shop .shop-tabs{z-index:2;background:var(--surface-solid);box-shadow:0 1px 0 var(--line);border-radius:0;margin:-10px -12px 8px;padding:8px 12px;position:sticky;top:-10px}#win-shop .shop-tabs .tab{flex:1}.shop-list .list-row{min-height:56px}.shop-list .row-main{align-items:flex-start;gap:3px}.money.sm{font-size:var(--fs-sm);padding:1px 9px 1px 3px}.money.sm:before{width:16px;height:16px}.money.poor{color:var(--coral-700)}.list-row.poor .slot{filter:grayscale(.7);opacity:.75}.shop-sell .hint{text-align:center;margin:0 0 8px}body:not(.touch) #hud:has(#win-shop:not([hidden])) #win-npc:not([hidden]){animation-name:win-in-placed;transform:translate(calc(-100% - 6px))}body:not(.touch) #hud:has(#win-npc:not([hidden])) #win-shop:not([hidden]){animation-name:win-in-placed;transform:translate(6px)}body.touch #win-npc{max-height:52dvh;top:auto!important;bottom:calc(6px + var(--safe-b))!important}body.touch #win-shop{max-height:calc(48dvh - 18px)}@media (orientation:landscape) and (max-height:520px){body.touch #win-npc{width:calc(46vw - 10px);max-height:calc(100dvh - 8px);left:max(6px, var(--safe-l))!important;right:auto!important;top:calc(4px + var(--safe-t))!important;bottom:auto!important;transform:none!important}body.touch #win-shop{width:calc(54vw - 10px);max-height:calc(100dvh - 8px);left:auto!important;right:max(6px, var(--safe-r))!important;transform:none!important}}#dlg-respawn{width:min(340px,100vw - 24px)}#dlg-respawn .respawn-title{font-size:var(--fs-xl);margin:0 0 4px;font-weight:600}#dlg-respawn .respawn-sub{font-size:var(--fs-sm);color:var(--ink-2);margin:0 0 14px}#dlg-respawn.min{top:auto;bottom:calc(10px + var(--safe-b));border-radius:var(--r-pill);cursor:pointer;width:auto;padding:6px;animation:none;transform:translate(-50%)}#dlg-respawn.min>:not(.row),#dlg-respawn.min #btn-respawn-min{display:none}#dlg-respawn.min .row{margin:0}#dlg-disconnect .btn{margin-top:0}.shop-list .shop-qty{text-align:center;flex:none;width:66px}.shop-list .shop-max{flex:none;padding-inline:8px}.shop-list .shop-total{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:11px;display:block}.shop-list .shop-total.poor{color:var(--coral-600);font-weight:600}.shop-list .shop-stock{color:var(--ink-soft);font-size:11px;display:block}.shop-list .shop-stock.out{color:var(--coral-600);font-weight:600}.hl-probe{width:0;height:0;padding:var(--safe-t) var(--safe-r) var(--safe-b) var(--safe-l);visibility:hidden;pointer-events:none;position:fixed;top:0;left:0}.hle{z-index:900;touch-action:none;-webkit-user-select:none;user-select:none;color:var(--ink);background:radial-gradient(circle,#ffffff26 1px,#0000 1.5px) 0 0/16px 16px,#0b091099;position:fixed;inset:0}.hle-boxes{position:absolute;inset:0}.hle-box{cursor:move;background:#4f7fbf33;border:2px dashed #b9a6c9;border-radius:8px;position:absolute;box-shadow:0 0 0 1px #000000b3}.hle-box:hover{background:#4f7fbf59}.hle-box.custom{border-color:var(--gp-amber)}.hle-box.off{background:repeating-linear-gradient(135deg,#ffffff14 0 6px,#0006 6px 12px)}.hle-box.sel{border-style:solid;border-color:var(--gp-gold);background:#fab13733;box-shadow:0 0 0 1px #000,0 0 12px #fab13766}.hle-tag{text-overflow:ellipsis;white-space:nowrap;pointer-events:none;max-width:max(100%,180px);font:600 11px/18px var(--font);color:var(--ink);background:#221e2df2;border:1px solid #000;border-radius:4px;padding:2px 9px;position:absolute;bottom:calc(100% + 3px);left:-2px;overflow:hidden;box-shadow:inset 0 0 0 1px #6e6586}.hle-box.custom .hle-tag{color:var(--gp-amber)}.hle-box.sel .hle-tag{color:#3d2000;box-shadow:none;background:linear-gradient(#ffe28a,#f0a030)}.hle-box.top .hle-tag{top:3px;bottom:auto;left:3px}.hle-pin{pointer-events:none;background:var(--gp-gold);border-radius:2px;width:10px;height:10px;position:absolute;transform:translate(-50%,-50%)rotate(45deg);box-shadow:0 0 0 1.5px #000}.hle-pin[hidden]{display:none}.hle-grip{touch-action:none;background:linear-gradient(#ffe28a,#f0a030);border:1px solid #000;border-radius:6px;width:24px;height:24px;display:none;position:absolute;box-shadow:0 1px 4px #0009}.hle-grip:before{content:"";position:absolute;inset:-10px}.hle-grip:after{content:"";border-bottom:2px solid #4e2600;border-right:2px solid #4e2600;position:absolute;inset:5px}.hle-box.sel .hle-grip{display:block}.hle-grip[data-c=br]{cursor:nwse-resize;bottom:3px;right:3px}.hle-grip[data-c=tl]{cursor:nwse-resize;top:3px;left:3px;transform:rotate(180deg)}.hle-grip[data-c=tr]{cursor:nesw-resize;top:3px;right:3px;transform:rotate(-90deg)}.hle-grip[data-c=bl]{cursor:nesw-resize;bottom:3px;left:3px;transform:rotate(90deg)}.hle-guides{pointer-events:none;z-index:50;position:absolute;inset:0}.hle-guide{position:absolute}.hle-guide.x{border-left:2px solid #ff7a6b;width:0;top:0;bottom:0}.hle-guide.y{border-top:2px solid #ff7a6b;height:0;left:0;right:0}.hle-tools{z-index:300;border:0 solid #0000;border-image:var(--gp-pop);filter:drop-shadow(0 5px 14px #000000a6);align-items:center;gap:5px;padding:6px 8px;display:flex;position:absolute}.hle-tools[hidden],.hle-tools .btn[hidden]{display:none}.hle-tname{text-overflow:ellipsis;white-space:nowrap;max-width:140px;color:var(--gp-gold);padding:0 4px;font-size:11px;overflow:hidden}.hle-pct{text-align:center;font-variant-numeric:tabular-nums;min-width:44px;font-size:12px;font-weight:700}.hle-panel{z-index:200;border:0 solid #0000;border-image:var(--gp-win);filter:drop-shadow(0 10px 30px #000000b3);width:min(450px,100vw - 16px);padding:18px 20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hle-head{cursor:grab;touch-action:none;color:var(--gp-gold);border-bottom:1px solid #ffffff1f;align-items:center;gap:9px;padding-bottom:10px;font-size:15px;display:flex}.hle-head:active{cursor:grabbing}.hle-move{color:#fff;background:var(--gp-circle-gray-img) center / contain no-repeat;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.hle-move .ico{width:21px;height:21px}.hle-prof{margin-left:auto}.hle-hint{color:var(--ink-3);margin:10px 0 0;font-size:12px;line-height:1.6}.hle-hint:not(.hle-how){color:var(--ink);font-weight:600}.hle-row{gap:8px;margin-top:14px;display:flex}.hle-row .btn{flex:1;justify-content:center}.hle-tools .btn,.hle-row .btn{min-width:44px;min-height:44px}.hle.dragging .hle-panel,.hle.dragging .hle-tools{opacity:.2;pointer-events:none}body.touch .hle-tools{gap:4px;padding:5px}body.touch .hle-tname{display:none}body.touch .hle-grip{width:28px;height:28px}body.touch .hle-grip:before{inset:-8px}@media (orientation:landscape) and (max-height:520px){.hle-panel{width:min(410px,100vw - 16px);padding:10px 14px}.hle-how{display:none}.hle-row{margin-top:8px}}@media (orientation:portrait){body.touch #hud.win-open>#auto-dock{visibility:hidden}}#win-npc.has-talk #npc-dialog,#win-npc.talk-warps #npc-warps{display:none}.npc-talk{margin-bottom:10px}.npc-talk-top{align-items:flex-start;gap:10px;display:flex}.npc-portrait{object-fit:contain;border-radius:var(--r-lg);background:radial-gradient(circle at 50% 40%, var(--gp-bg-hover), var(--gp-bg-deep) 75%);width:84px;height:84px;box-shadow:0 0 0 1px #000, inset 0 0 0 1px var(--gp-rim), var(--shadow-1);flex:none}.npc-bubble{border-radius:var(--r-lg);background:var(--sunken);min-width:0;box-shadow:inset 0 0 0 1px var(--gp-rim), inset 0 2px 6px #00000080;border:1px solid #000;flex:1;padding:10px 12px;position:relative}.npc-portrait:not([hidden])+.npc-bubble:before{content:"";background:var(--sunken);border-bottom:1px solid #000;border-left:1px solid #000;width:10px;height:10px;position:absolute;top:22px;left:-6px;transform:rotate(45deg)}.npc-text{font-size:var(--fs-md);white-space:pre-wrap;min-height:3.4em;color:var(--ink);word-break:break-word;margin:0;line-height:1.7}.npc-text.more{cursor:pointer}.npc-text.more:after{content:" ▼";color:var(--sky-500);font-size:11px;animation:1s infinite npc-blink}@keyframes npc-blink{50%{opacity:.2}}html[data-quality=low] .npc-text.more:after{animation:none}.npc-pager{justify-content:flex-end;align-items:center;gap:8px;margin-top:6px;display:flex}.npc-pager:empty{display:none}.npc-page{font-size:var(--fs-xs);color:var(--ink-3);font-variant-numeric:tabular-nums}.npc-choices{flex-direction:column;gap:6px;margin-top:10px;display:flex}.npc-choices:empty{display:none}.npc-choices .btn{text-align:left;white-space:normal;justify-content:flex-start;width:100%;min-height:44px;padding:6px 12px;line-height:1.4}.btn.npc-choice{color:var(--ink);border-image:var(--gp-btn-dark);text-shadow:0 1px 1px #000;align-items:center;gap:8px;font-weight:400;display:flex}.npc-choice .npc-choice-ico{color:var(--sky-500)}.npc-choice-text{flex:1;min-width:0}.btn.npc-choice-accept{border-image:var(--gp-btn-yellow);color:#4e2600;text-shadow:0 1px #ffe7a1}.btn.npc-choice-done{border-image:var(--gp-btn-green);color:#0b3d16;text-shadow:0 1px #c9ff9c}.npc-choice .q-tag{flex:none}body.touch .npc-portrait{width:68px;height:68px}.quest-win .win-body{flex-direction:column;display:flex}.q-top{align-items:center;gap:8px;margin-bottom:10px;display:flex}.q-top .tabs{flex:1;margin:0}.q-fame{min-height:30px;font-size:var(--fs-sm);flex:none;padding:0 12px}.q-cols{align-items:flex-start;gap:12px;min-height:0;display:flex}.q-list{flex:0 0 240px;min-width:0}.q-detail{flex:1;min-width:0}.q-journal-mode .q-list{flex:1}.q-journal-mode .q-detail{display:none}.q-list>.empty{padding:28px 12px}.q-row{text-align:left;width:100%;font:inherit;color:var(--ink);gap:8px}.q-row>.icon{width:36px;height:36px}.q-row .row-main{gap:3px}.q-row-prog{align-items:center;gap:6px;display:flex}.q-row-prog .bar{flex:1}.q-row-prog small{font-variant-numeric:tabular-nums;flex:none}.q-ready-chip{align-self:flex-start;min-height:20px}.q-row.ready{position:relative}.q-row.ready:before{content:"";background:var(--mint-600);pointer-events:none;border-radius:2px;width:3px;position:absolute;top:10px;bottom:10px;left:5px;box-shadow:0 0 6px #4fc79599}.q-pin{width:16px;height:16px;color:var(--sky-500);flex:none}.q-card{border-radius:var(--r-md);background:var(--gp-bg-raised);box-shadow:inset 0 0 0 1px var(--gp-rim), var(--shadow-1);border:1px solid #000;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.q-card.ready{box-shadow:inset 0 0 0 1px var(--mint-400), inset 0 3px 0 var(--mint-600), var(--shadow-1)}.q-back{align-self:flex-start;margin:-4px 0 0 -6px}.q-head{align-items:center;gap:10px;display:flex}.q-head>.icon{width:44px;height:44px}.q-title{flex-direction:column;align-items:flex-start;gap:4px;min-width:0;display:flex}.q-name{font-size:var(--fs-lg);color:var(--ink);line-height:1.3}.q-desc{font-size:var(--fs-sm);color:var(--ink-2);white-space:pre-line;margin:0;line-height:1.65}.q-card .sec-title{margin:4px 0 0}.q-objs{flex-direction:column;gap:8px;display:flex}.q-obj{font-size:var(--fs-sm);flex-direction:column;gap:4px;display:flex}.q-obj-top{align-items:center;gap:6px;display:flex}.q-obj-name{min-width:0;color:var(--ink);flex:1}.q-obj-count{font-variant-numeric:tabular-nums;color:var(--ink-2);font-weight:600}.q-obj.ok .q-obj-count,.q-obj.ok .q-ok{color:var(--mint-600)}.q-cond{color:var(--coral-600);flex-direction:row;align-items:center}.q-cond.ok{color:var(--mint-600)}.q-icon-sm{border-radius:6px;flex:none;width:22px;height:22px}.q-icon-sm .icon-letter{font-size:11px}.q-src{font-size:var(--fs-xs);color:var(--ink-3);padding-left:28px;line-height:1.5}.q-npc{border-radius:var(--r-md);background:var(--sky-50);font-size:var(--fs-sm);color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:4px;padding:8px 10px;display:flex}.q-npc .ico{color:var(--sky-600)}.q-npc b{color:var(--sky-700)}.q-npc-map{color:var(--ink-3)}.q-npc-map:not(:empty):before{content:"· "}.q-rewards{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.q-reward-item{border-radius:var(--r-pill);background:var(--cream-100);border:1px solid var(--cream-300);font-size:var(--fs-xs);align-items:center;gap:6px;padding:2px 10px 2px 3px;font-weight:600;display:inline-flex}.q-rewards .money{font-size:var(--fs-xs);padding:2px 10px 2px 3px}.q-rewards .money:before{width:18px;height:18px}.q-btns{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.q-journal{padding:0}.q-journal summary{cursor:pointer;min-height:48px;color:var(--ink);align-items:center;gap:8px;padding:0 12px;list-style:none;display:flex}.q-journal summary::-webkit-details-marker{display:none}.q-journal summary .ico{color:var(--sky-500)}.q-journal summary b{flex:1;min-width:0;font-weight:600}.q-journal[open] .q-chev{transform:rotate(180deg)}.q-journal .q-desc{padding:0 14px 12px}.q-journal .q-desc+.q-desc{margin-top:-4px}body.touch .q-cols{flex-direction:column;align-items:stretch}body.touch .q-list{flex:none;width:100%}body.touch .q-btns .btn{flex:1}@media (orientation:portrait){body.touch .q-cols:not(.q-journal-mode) .q-detail,body.touch .q-cols.q-show-detail .q-list{display:none}body.touch .q-cols.q-show-detail .q-detail{display:block}}@media (orientation:landscape) and (max-height:520px){body.touch .q-cols{flex-direction:row;align-items:flex-start}body.touch .q-list{flex:0 0 220px;width:auto}body.touch .q-journal-mode .q-list{flex:1}}#quest-tracker{z-index:4;right:var(--hud-right,10px);top:calc(var(--hud-right-top,200px) + var(--hud-dgn-h,0px));pointer-events:auto;color:#fff;width:220px;max-height:42vh;font-size:var(--fs-sm);background:var(--glass);border-radius:var(--r-lg);box-shadow:inset 0 0 0 1px var(--glass-line), var(--shadow-2);-webkit-backdrop-filter:blur(10px);border:1px solid #000;flex-direction:column;display:flex;position:absolute;overflow:hidden}#quest-tracker .qt-head{cursor:pointer;background:linear-gradient(#2a2536e6,#221e2de6);border-bottom:1px solid #0000008c;flex:none;align-items:center;gap:6px;min-height:34px;padding:0 2px 0 10px;font-weight:600;display:flex;box-shadow:0 1px #ffffff12}#quest-tracker .qt-ico{color:var(--gold-300);width:18px;height:18px}#quest-tracker .qt-title{min-width:0;color:var(--gp-gold);text-shadow:0 1px #000000b3;flex:1}#quest-tracker .qt-count{border-radius:var(--r-pill);min-width:20px;height:20px;font-size:var(--fs-xs);text-align:center;background:#ffffff29;padding:0 6px;line-height:20px}#quest-tracker .qt-toggle{color:#fff;background:0 0;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:inline-flex}#quest-tracker .qt-toggle:hover{background:#ffffff24}#quest-tracker .qt-toggle .ico{width:18px;height:18px}#quest-tracker .qt-list{scrollbar-width:none;flex:auto;min-height:0;padding:0 10px 8px;overflow-y:auto}#quest-tracker.collapsed .qt-list{display:none}#quest-tracker .qt-quest{cursor:pointer;border-top:1px solid #ffffff1a;padding:6px 0 2px}#quest-tracker .qt-quest:hover .qt-name{color:var(--gold-300)}#quest-tracker .qt-name{white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 2px #0006;font-weight:600;overflow:hidden}#quest-tracker .ready .qt-name{color:#8ff0c8}#quest-tracker .qt-obj{font-size:var(--fs-xs);color:#ffffffd9;flex-direction:column;gap:2px;margin-top:3px;display:flex}#quest-tracker .qt-obj:has(>.ico){flex-direction:row;align-items:flex-start;gap:4px}#quest-tracker .qt-obj>.ico{flex:none;margin-top:.2em}#quest-tracker .qt-obj.ok{color:#8ff0c8}#quest-tracker .qt-obj-top{gap:6px;display:flex}#quest-tracker .qt-obj-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}#quest-tracker .qt-obj-n{font-variant-numeric:tabular-nums;flex:none;font-weight:600}#quest-tracker .bar.thin{height:4px;box-shadow:none;background:#ffffff2e}#quest-tracker .bar i:after{display:none}body.touch #quest-tracker{width:170px;max-height:34vh;font-size:var(--fs-xs)}body.touch #quest-tracker .qt-head{min-height:44px}body.touch #quest-tracker .qt-toggle{width:44px;height:44px}@media (orientation:landscape) and (max-height:520px){body.touch #quest-tracker{max-height:max(46px, calc(100dvh - var(--hud-right-top,124px) - var(--hud-dgn-h,0px) - 200px))}}@media (orientation:portrait){body.touch #quest-tracker{width:150px;max-height:30vh}body.touch #quest-tracker.collapsed{border-radius:50%;width:44px;height:44px}body.touch #quest-tracker.collapsed .qt-head{justify-content:center;height:44px;padding:0}body.touch #quest-tracker.collapsed .qt-title,body.touch #quest-tracker.collapsed .qt-toggle{display:none}body.touch #quest-tracker.collapsed .qt-count{background:var(--gold-500);color:#4a2b00;position:absolute;top:-4px;right:-4px}body.touch #quest-tracker.collapsed{overflow:visible}body.touch #hud.win-open #quest-tracker{visibility:hidden}}.qmark{text-shadow:0 0 5px #000,0 2px 2px #000,0 0 1px #000;margin-bottom:2px;font:900 32px/1 sans-serif;animation:1.4s ease-in-out infinite qmark-bob}.qmark.q-avail{color:#ffd23a}.qmark.q-ready{color:#7dff7a}.qmark.q-prog{color:#c9c9c9;font-size:20px;animation:none}@keyframes qmark-bob{50%{transform:translateY(-4px)}}html[data-quality=low] .qmark{animation:none}.soc-av{--av:38px;--tone:var(--sky-500);--tone-bg:var(--sky-100);width:var(--av);height:var(--av);color:var(--tone);background:radial-gradient(circle at 35% 30%, #4a3d55, var(--tone-bg) 70%);box-shadow:inset 0 0 0 2px var(--tone), 0 2px 4px #00000059;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.soc-av>.ico{stroke-width:2.2px;width:55%;height:55%}.soc-av>.dot{border:2px solid var(--gp-bg-deep);width:11px;height:11px;box-shadow:none;position:absolute;bottom:-1px;right:-1px}.soc-av>.dot.on{background:var(--mint-400)}.soc-crown{background:linear-gradient(var(--gold-300), var(--gold-500));color:#6a3d00;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;top:-6px;left:-4px;box-shadow:0 1px 3px #0000004d}.soc-crown .ico{stroke-width:2.4px;width:12px;height:12px}.soc-av[data-tone=gray]{--tone:#a3acbf;--tone-bg:#2a2e3a}.soc-av[data-tone=coral]{--tone:var(--coral-600);--tone-bg:var(--coral-100)}.soc-av[data-tone=sky]{--tone:var(--sky-600);--tone-bg:var(--sky-100)}.soc-av[data-tone=lilac]{--tone:#e070bd;--tone-bg:var(--pink-100)}.soc-av[data-tone=violet]{--tone:var(--lilac-600);--tone-bg:var(--lilac-100)}.soc-av[data-tone=mint]{--tone:var(--mint-600);--tone-bg:var(--mint-100)}.soc-av[data-tone=gold]{--tone:var(--gold-600);--tone-bg:var(--gold-200)}.soc-av[data-tone=green]{--tone:#7fc94a;--tone-bg:#1f3318}.soc-av[data-tone=pink]{--tone:#e0567f;--tone-bg:var(--pink-100)}#party-frames{z-index:4;left:var(--hud-left,8px);top:calc(var(--hud-left-top,96px) + max(40px, var(--buff-h,0px) + 4px));scrollbar-width:none;pointer-events:auto;flex-direction:column;gap:4px;width:210px;display:flex;position:absolute;overflow:hidden auto}#party-frames::-webkit-scrollbar{display:none}#party-frames[hidden]{display:none}@media (orientation:portrait){body.touch #hud.win-open #party-frames{visibility:hidden}}#party-frames .pf{border-radius:var(--r-lg);background:var(--glass);min-height:48px;color:var(--ink-inv);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(10px);cursor:pointer;flex:none;align-items:center;gap:8px;padding:5px 30px 5px 6px;transition:background .15s;display:flex;position:relative;box-shadow:0 2px 8px #00000040}#party-frames .pf:hover,#party-frames .pf:focus-visible{background:var(--glass-2)}#party-frames .soc-av{--av:34px;box-shadow:inset 0 0 0 2px var(--tone), 0 0 0 1.5px #000}#party-frames .pf-main{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}#party-frames .pf-top{align-items:baseline;gap:6px;min-width:0;line-height:1.15;display:flex}#party-frames .pf-name{min-width:0;font-size:var(--fs-sm);text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 2px #00000080;flex:1;font-weight:600;overflow:hidden}#party-frames .pf-lv{font-size:var(--fs-xs);color:var(--gold-300);font-variant-numeric:tabular-nums;flex:none;font-weight:600}#party-frames .bar.thin{background:#00000059;height:6px}#party-frames .pf-note{font-size:var(--fs-xs);color:#cfe0ff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#party-frames .pf.off{opacity:.7}#party-frames .pf.off .soc-av{filter:grayscale()}#party-frames .pf.dead .pf-name{color:#ff9a92;text-decoration:line-through}#party-frames .pf.dead .pf-note{color:#ffb0a8}#party-frames .pf-more{border-radius:var(--r-sm);color:#ffffffbf;background:0 0;border:0;justify-content:center;align-items:center;width:24px;height:28px;padding:0;display:flex;position:absolute;top:50%;right:3px;transform:translateY(-50%)}#party-frames .pf-more:hover{color:#fff;background:#ffffff26}#party-frames .pf-more .ico{width:16px;height:16px}body.touch #party-frames{gap:4px;width:150px}body.touch #party-frames .pf{gap:6px;min-height:46px;padding:4px 6px}body.touch #party-frames .soc-av{--av:30px}body.touch #party-frames .pf-name{font-size:var(--fs-xs)}@media (orientation:landscape) and (max-height:520px){body.touch #party-frames{gap:3px;width:140px}body.touch #party-frames .pf{min-height:44px;padding:3px 6px}body.touch #party-frames .soc-av{--av:26px}body.touch #party-frames .soc-crown{width:15px;height:15px}}#ctx-menu{z-index:60;min-width:200px}#ctx-menu[hidden]{display:none}#ctx-menu .ctx-head{border-bottom:1px solid var(--line);align-items:center;gap:10px;margin-bottom:2px;padding:4px 6px 8px;display:flex}#ctx-menu .ctx-head .soc-av{--av:34px}#ctx-menu .ctx-head .row-main b{font-size:var(--fs-md)}#ctx-menu .ctx-item{white-space:nowrap;gap:10px}#ctx-menu .ctx-item .ico{color:var(--sky-600)}#ctx-menu .ctx-item.danger .ico{color:var(--coral-600)}body.touch #ctx-menu{min-width:230px;max-width:calc(100vw - 12px)}#social-invites{z-index:30;left:50%;top:calc(76px + var(--safe-t));pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:min(360px,100vw - 16px);display:flex;position:absolute;transform:translate(-50%)}#social-invites>*{pointer-events:auto;width:100%}#social-invites .soc-invite{animation:pop-in-top .22s var(--ease);padding:12px 12px 14px;position:relative;overflow:hidden}@keyframes pop-in-top{0%{opacity:0;transform:translateY(-10px)scale(.97)}}.soc-invite-top{align-items:center;gap:12px;display:flex}.soc-invite-ico{background:linear-gradient(var(--sky-300), var(--sky-500));color:#fff;width:42px;height:42px;box-shadow:var(--shadow-1);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.soc-invite-ico .ico{width:22px;height:22px}.soc-invite-ico[data-kind=guild]{background:linear-gradient(var(--mint-500), var(--mint-600))}.soc-invite-ico[data-kind=trade]{background:linear-gradient(var(--gold-300), var(--gold-500));color:#5a3400}.soc-invite-ico[data-kind=duel]{background:linear-gradient(var(--coral-400), var(--coral-600))}.soc-invite-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.soc-invite-text small{font-size:var(--fs-xs);color:var(--sky-700);font-weight:600}.soc-invite-text span{font-size:var(--fs-md);color:var(--ink);line-height:1.35}.soc-invite-acts{gap:8px;margin-top:10px;display:flex}.soc-invite-acts .btn{flex:1}.soc-invite-ttl{background:var(--sky-400);transform-origin:0;width:100%;height:3px;animation:linear forwards inv-ttl;position:absolute;bottom:0;left:0}@keyframes inv-ttl{to{transform:scaleX(0)}}#social-invites .soc-duel{align-items:center;gap:10px;padding:8px 10px;display:flex}#social-invites .soc-duel .soc-invite-ico{width:34px;height:34px}#social-invites .soc-duel .soc-invite-ico .ico{width:18px;height:18px}.soc-duel-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}body.touch #social-invites{top:calc(96px + var(--safe-t))}@media (orientation:landscape) and (max-height:520px){body.touch #social-invites{top:calc(48px + var(--safe-t))}}.chat-line.ch-party,.chat-line.ch-party b{color:#8fd8ff}.chat-line.ch-guild,.chat-line.ch-guild b{color:#9dff9d}.chat-line.ch-shout,.chat-line.ch-shout b{color:#ffb36b}.chat-line.ch-whisper,.chat-line.ch-whisper b{color:#ff9be8}.tag-guild{color:#fff23a;text-shadow:-1px 0 #000,1px 0 #000,0 1px #000,0 -1px #000,0 1px 3px #000;font-size:11.5px;font-weight:600;line-height:16px;position:relative}.tag.tag-pk .tag-name{color:#ffa43a!important}.tag.tag-pk .tag-name:after{content:"PK";letter-spacing:.04em;color:#fff;text-shadow:none;background:linear-gradient(#ff8a3d,#e2501f);border-radius:6px;flex:none;padding:0 4px;font-size:9.5px;font-weight:700;line-height:13px;box-shadow:0 0 0 1px #0000008c}.tag.tag-chaos .tag-name{color:#ff5a4a!important}#win-social .soc-tabs{z-index:2;background:var(--surface-solid);box-shadow:0 1px 0 var(--line);border-radius:0;margin:-12px -12px 10px;padding:8px 12px;position:sticky;top:-12px}#win-social .soc-tabs .tab{flex:1}.soc-head{justify-content:space-between;align-items:center;gap:8px;margin:2px 0 8px;display:flex}.soc-head h4{margin:0!important}.soc-head small.muted{text-align:right;padding:0}.soc-row .row-main b{align-items:center;gap:6px;display:flex}.soc-row.off{background:0 0}.soc-row.off .row-main b{color:var(--ink-2)}.soc-me{min-height:0;padding:0 6px;font-size:10px;line-height:16px}.soc-acts{flex:none;align-items:center;gap:6px;display:flex}.soc-row.wrap{flex-wrap:wrap}.soc-row.wrap .row-main{flex:150px}.soc-row.wrap .soc-acts{margin-left:auto}.soc-rank{width:auto;min-width:0;max-width:120px;min-height:30px;font-size:var(--fs-sm);padding:0 6px}body.touch .soc-rank{min-height:44px}.soc-form{gap:8px;margin:10px 0 4px;display:flex}.soc-form .input{flex:1;min-width:0;margin:0}.soc-form .btn{flex:none}.soc-cost{color:var(--gold-700);font-weight:600}.soc-none{text-align:center;padding:6px}.soc-guild{background:linear-gradient(135deg, var(--gp-bg-raised), var(--sunken));align-items:center;gap:12px;display:flex}.soc-crest{border-radius:var(--r-md);background:linear-gradient(var(--sky-400), var(--sky-600));color:#fff;width:48px;height:48px;box-shadow:var(--shadow-1);flex:none;justify-content:center;align-items:center;display:flex}.soc-crest .ico{width:26px;height:26px}.soc-crest img{object-fit:contain;border-radius:inherit;width:100%;height:100%}button.soc-crest{cursor:pointer;border:0;padding:0;position:relative}button.soc-crest:after{content:"✎";width:18px;height:18px;color:var(--gp-gold);background:var(--gp-bg-deep);border-radius:50%;font-size:11px;line-height:18px;position:absolute;bottom:-4px;right:-4px;box-shadow:0 0 0 1px #000,0 2px 4px #00000059}.soc-emblems{border-radius:var(--r-md);background:var(--gp-bg-deep);border:1px solid #000;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:6px;margin-bottom:8px;padding:8px;display:grid;box-shadow:inset 0 1px 3px #000000a6}.soc-emblems button{aspect-ratio:1;border-radius:var(--r-sm,8px);background:var(--gp-bg-raised);cursor:pointer;color:var(--ink-2);border:2px solid #0000;justify-content:center;align-items:center;padding:3px;font-size:11px;display:flex}.soc-emblems button img{object-fit:contain;width:100%;height:100%}.soc-emblems button:hover{border-color:var(--gp-rim-2);background:var(--gp-bg-hover)}.soc-emblems button.on{border-color:#d9b25a;box-shadow:0 0 0 2px #f4d48740}.soc-guild-name{font-size:var(--fs-lg)}.soc-chips{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.soc-notice{border-radius:var(--r-md);color:var(--ink);white-space:pre-line;background:#3a2f1c;border:1px solid #d9b25a;align-items:flex-start;gap:8px;padding:8px 10px;display:flex}.soc-notice .ico{color:var(--gp-amber);flex:none;margin-top:1px}.soc-block .soc-av{--av:32px}#win-social .row .btn{min-width:0}.trade-cols{align-items:stretch}.trade-side{flex-direction:column;gap:10px;transition:border-color .2s,box-shadow .2s,background .2s;display:flex}.trade-side.locked{background:#3a2f1c;border-color:#d9b25a;box-shadow:0 0 0 2px #f4d48740,0 2px 4px #00000059}.trade-side.confirmed{border-color:var(--mint-600);background:#1d3328;box-shadow:0 0 0 2px #4fc79540,0 2px 4px #00000059}.trade-side-head{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.trade-side-head b{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.trade-side-head .chip{flex:none;gap:4px}.trade-slots{grid-template-columns:repeat(4, var(--slot));justify-content:center;gap:6px;display:grid}.trade-slots .slot.trade-empty{opacity:.55}.trade-side.locked .trade-slots .slot,.trade-side.confirmed .trade-slots .slot{cursor:default}.trade-gold{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.trade-gold-in{flex:140px;align-items:center;gap:6px;min-width:0;margin:0;display:flex}.trade-gold-in .money{flex:none;padding:3px}.trade-gold-in .input{text-align:right;font-variant-numeric:tabular-nums;flex:1;min-width:0}.trade-have{color:var(--ink-3);font-size:var(--fs-xs)}.trade-side:not(.mine) .trade-gold{min-height:var(--tap);justify-content:flex-end}.trade-count{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.trade-count-name{min-width:0;font-weight:600;font-size:var(--fs-sm);flex:120px}.trade-count .input{flex:none;width:90px}body.touch .trade-count-name{flex-basis:calc(100% - var(--slot) - 8px)}body.touch .trade-count .input{flex:90px;width:auto;min-width:0}#win-trade .soc-head{margin-top:12px}.trade-bag{max-height:216px;padding:2px;overflow-y:auto}@media (orientation:landscape) and (max-height:520px){body.touch .trade-cols{flex-direction:row}body.touch .trade-cols>*{width:auto}body.touch .trade-side{gap:8px;padding:8px 10px}}.trade-bag .slot.offered{opacity:.6}.trade-bag .slot.no-trade{opacity:.35;filter:grayscale(.6)}.trade-foot .btn.gold{flex:1.3}.bankpass{background:var(--sunken);border-radius:var(--r-lg);max-width:340px;box-shadow:inset 0 0 0 1px var(--gp-rim), inset 0 2px 8px #00000080, var(--shadow-1);border:1px solid #000;outline:none;flex-direction:column;align-items:center;gap:10px;margin:4px auto;padding:16px 14px 12px;display:flex}.bankpass.shake{animation:bankpass-shake .36s var(--ease)}@keyframes bankpass-shake{20%{transform:translate(-7px)}45%{transform:translate(6px)}70%{transform:translate(-4px)}90%{transform:translate(2px)}}.bankpass-head{align-self:stretch;align-items:center;gap:12px;display:flex}.bankpass-badge{width:52px;height:52px;color:var(--ink-inv);background:var(--gp-circle-green-img) center / contain no-repeat;box-shadow:none;filter:drop-shadow(0 2px 3px #000000a6);border-radius:50%;flex:none;place-items:center;display:grid}.bankpass-badge .ico{width:26px;height:26px}.bankpass-txt h3{font-size:var(--fs-lg);color:var(--gp-gold);text-shadow:0 2px #000000b3;margin:0}.bankpass-txt p{font-size:var(--fs-sm);color:var(--ink-2);margin:2px 0 0;line-height:1.4}.bankpass-txt .bankpass-req{color:var(--coral-700);font-weight:600}.bankpass-steps{gap:6px;min-height:0;display:flex}.bankpass-step{width:22px;height:22px;font-size:var(--fs-xs);color:var(--ink-3);background:var(--gp-bg-deep);box-shadow:inset 0 0 0 1px var(--gp-rim);border-radius:50%;place-items:center;font-weight:600;display:grid}.bankpass-step.on{color:var(--ink-inv);background:var(--sky-500);text-shadow:0 1px 1px #0009;box-shadow:0 0 0 1px #000}.bankpass-step.done{color:var(--sky-700);background:var(--sky-100);box-shadow:inset 0 0 0 1px var(--sky-300)}.bankpass-label{color:var(--ink);font-weight:600}.bankpass-dots{flex-wrap:wrap;justify-content:center;gap:8px;max-width:280px;min-height:18px;display:flex}.bankpass-dots i{border:2px solid var(--gp-rim-2);background:var(--gp-bg-deep);width:16px;height:16px;transition:transform .12s var(--bounce), background .12s;border-radius:50%}.bankpass-dots i.on{background:var(--gp-gold);border-color:#000;transform:scale(1.12);box-shadow:0 0 6px #f4d48799}.bankpass-answer{width:100%}.bankpass-msg{min-height:1.4em;font-size:var(--fs-sm);text-align:center;color:var(--ink-2)}.bankpass-msg.err{color:var(--coral-700);font-weight:600}.bankpass-msg.ok{color:var(--mint-700);font-weight:600}.bankpass-msg.warn{color:var(--gold-700)}.bankpass-pad{grid-template-columns:repeat(3,64px);justify-content:center;gap:10px;display:grid}.pad-key{border-radius:var(--r-lg);background:linear-gradient(var(--gp-bg-hover), var(--gp-bg-raised));height:52px;color:var(--ink);font:600 var(--fs-xl) / 1 inherit;cursor:pointer;box-shadow:inset 0 0 0 1px var(--gp-rim-2), inset 0 1px 0 #ffffff24, 0 3px 0 #000;text-shadow:0 1px 1px #000;transition:transform .1s var(--ease), box-shadow .1s var(--ease);touch-action:manipulation;-webkit-user-select:none;user-select:none;border:1px solid #000;place-items:center;display:grid}.pad-key:hover:not(:disabled){filter:brightness(1.15)}.pad-key:active:not(:disabled){box-shadow:inset 0 0 0 1px var(--gp-rim-2), 0 1px 0 #000;transform:translateY(2px)}.pad-key:focus-visible{box-shadow:inset 0 0 0 1px var(--gp-rim-2), 0 3px 0 #000, var(--ring);outline:none}.pad-key:disabled{opacity:.45;cursor:default}.pad-key.fn .ico{width:24px;height:24px}.pad-key.ok{color:#0b3d16;text-shadow:0 1px #c9ff9c;border:0 solid #0000;border-image:var(--gp-btn-green);box-shadow:none;background:0 0}.pad-key.ok:active:not(:disabled){box-shadow:none}.pad-key.del{color:var(--sky-700);background:linear-gradient(var(--sky-200), var(--sky-100));box-shadow:inset 0 0 0 1px var(--sky-300), 0 3px 0 #000}.bankpass-foot{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 12px;display:flex}.bankpass-shuffle{min-height:32px;font-size:var(--fs-sm);color:var(--ink-2);cursor:pointer;align-items:center;gap:6px;display:inline-flex}.bankpass-shuffle input{width:18px;height:18px;accent-color:var(--sky-500)}#win-bank .bank-sec{border-radius:var(--r-md);background:var(--sky-50);border:1px solid var(--sky-300);font-size:var(--fs-sm);flex-wrap:wrap;align-items:center;gap:8px 10px;padding:8px 12px;display:flex}#win-bank .bank-sec.warn{background:var(--gold-200);border-color:#d9b25a}#win-bank .bank-sec .ico{width:20px;height:20px;color:var(--sky-700);flex:none}#win-bank .bank-sec.warn .ico{color:var(--gold-700)}#win-bank .bank-sec>span{min-width:0;color:var(--ink);flex:200px;line-height:1.4}#win-bank .bank-sec .btn{flex:none}#win-bank .bank-size b{color:var(--sky-700)}#win-bank .bank-size small{color:var(--ink-2);display:block}#win-bank .bank-grid .slot.locked{opacity:.85}#win-bank .bank-grid .slot.locked:not(:has(img,.icon,.item-icon)){opacity:.6}body.touch .pad-key{height:58px}body.touch .bankpass-pad{grid-template-columns:repeat(3,76px);gap:12px}body.touch .bankpass-shuffle{min-height:44px}body.touch .bankpass-shuffle input{width:22px;height:22px}@media (orientation:landscape) and (max-height:520px){body.touch .bankpass{grid-template-columns:1fr auto;grid-auto-flow:dense;align-items:center;column-gap:18px;max-width:640px;display:grid}body.touch .bankpass>:not(.bankpass-pad){grid-column:1}body.touch .bankpass-pad{grid-area:1/2/span 7;grid-template-columns:repeat(3,64px);gap:8px}body.touch .pad-key{height:48px}}.slot-pct{z-index:2;border-radius:var(--r-pill);pointer-events:none;color:#fff;font-variant-numeric:tabular-nums;background:#17141de6;padding:0 4px;font-size:10px;font-weight:600;line-height:14px;position:absolute;bottom:1px;left:1px;box-shadow:0 0 0 1px #000,inset 0 0 0 1px #ffffff1f}.slot-class{z-index:2;border-radius:var(--r-pill);pointer-events:none;color:#fff;background:#4f4254eb;padding:0 4px;font-size:9.5px;font-weight:700;line-height:13px;position:absolute;bottom:1px;left:1px;box-shadow:0 0 0 1px #000,inset 0 0 0 1px #ffffff1f}.slot-class.special{color:#4a2b00;background:linear-gradient(#ffe57a,#ffb21e)}#win-craft .craft-view{flex-direction:column;gap:10px;display:flex}#win-craft .craft-tabs{border-radius:var(--r-lg);flex-wrap:wrap;row-gap:3px;overflow:visible}#win-craft .craft-tabs .tab{flex:1 0 auto;padding:0 12px}#win-craft .craft-cols>.craft-card{flex:1.1}#win-craft .craft-card{flex-direction:column;gap:8px;padding:12px;display:flex}#win-craft .craft-card>h4{margin:4px 0 0}#win-craft .craft-pick>h4:not(:first-child){margin-top:14px}#win-craft .craft-grid,#win-bank .bank-grid{grid-template-columns:repeat(auto-fill, minmax(var(--slot), 1fr))}#win-craft .empty,#win-bank .empty{padding:14px 8px}#win-craft .craft-result{border-radius:var(--r-md);background:var(--mint-100);color:var(--mint-700);border:1px solid var(--mint-400);align-items:center;gap:8px;padding:10px 12px;font-weight:600;line-height:1.35;display:flex}#win-craft .craft-result.warn{background:var(--gold-200);color:var(--gold-700);border-color:var(--c-honey-300)}#win-craft .craft-result.bad{background:var(--coral-100);color:var(--coral-700);border-color:var(--coral-400)}#win-craft .craft-result>.slot{flex:none;margin-left:auto}#win-craft .craft-target{align-items:center;gap:12px;display:flex}#win-craft .craft-big{--slot:64px}#win-craft .craft-target-info{flex-direction:column;flex:1;align-items:flex-start;gap:4px;min-width:0;display:flex}#win-craft .craft-target-info>b{font-size:var(--fs-lg);color:var(--ink);overflow-wrap:anywhere;font-weight:600;line-height:1.3}#win-craft .craft-target-info>small{color:var(--ink-2);font-size:var(--fs-sm)}#win-craft .craft-steps,#win-craft .craft-chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}#win-craft .craft-steps>.ico{color:var(--ink-3)}#win-craft .craft-preview .stat b{align-items:center;gap:2px;display:inline-flex}#win-craft .craft-preview .stat .ico{width:14px;height:14px;color:var(--ink-3)}#win-craft .craft-preview .stat em{color:var(--mint-600);font-style:normal}#win-craft .craft-mats{flex-direction:column;gap:6px;display:flex}#win-craft .craft-mat{border-radius:var(--r-md);background:var(--sunken);align-items:center;gap:10px;padding:4px 10px 4px 4px;display:flex}#win-craft .craft-mat>.slot{--slot:40px}#win-craft .craft-mat-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--fs-sm);flex:1;overflow:hidden}#win-craft .craft-need{font-variant-numeric:tabular-nums;border-radius:var(--r-pill);padding:2px 10px;font-weight:600}#win-craft .craft-need.ok{color:var(--mint-700);background:var(--mint-100)}#win-craft .craft-need.bad{color:var(--coral-700);background:var(--coral-100)}#win-craft .craft-mat.short{box-shadow:inset 3px 0 0 var(--coral-400)}#win-craft .craft-helpers{flex-wrap:wrap;gap:6px;display:flex}#win-craft .craft-helpers .btn{flex:none}#win-craft .craft-helpers .craft-src{font-size:var(--fs-xs);align-items:center;gap:3px;margin-left:6px;padding:1px 6px;display:inline-flex}#win-craft .craft-helpers .craft-src .ico{width:12px;height:12px}#win-craft .craft-helpers .btn.primary .craft-src{color:var(--lilac-700);box-shadow:none;text-shadow:none;background:#17141dcc}#win-craft .craft-helper-group{background:var(--sunken);border-radius:10px;flex-direction:column;align-items:flex-start;gap:4px;padding:6px 8px;display:flex}#win-craft .craft-helper-group>.craft-helpers{align-self:stretch}#win-craft .craft-helper-kind{font-size:var(--fs-xs)}#win-craft .craft-helper-idle{padding:0 2px}#win-craft .craft-helpers .craft-count{font-size:var(--fs-xs);margin-left:6px;padding:1px 6px;font-weight:700}#win-craft .craft-helpers .btn.primary .craft-count{color:var(--gold-700);box-shadow:none;text-shadow:none;background:#17141dcc}#win-craft .craft-helpers .btn.off{opacity:.45}#win-craft .craft-helpers .btn.blocked{max-width:100%;color:var(--ink-3);background:var(--sunken);border:1px dashed var(--gp-rim-2);border-radius:var(--r-sm);box-shadow:none;text-shadow:none;cursor:help;border-image-source:none;flex-wrap:wrap;justify-content:flex-start;row-gap:2px;padding-top:3px;padding-bottom:3px}#win-craft .craft-helpers .btn.blocked .craft-why{font-size:var(--fs-xs);color:var(--coral-700);background:var(--coral-100);margin-left:6px;padding:1px 6px}#win-craft .craft-rate-tip{font-size:var(--fs-xs);padding:0 2px}#win-craft .craft-warn{font-size:var(--fs-sm);color:var(--coral-600);align-items:flex-start;gap:6px;line-height:1.4;display:flex}#win-craft .craft-warn .ico{margin-top:1px}#win-craft .craft-warn.safe{color:var(--mint-700)}#win-craft .craft-note{line-height:1.45}#win-craft .craft-rates{flex-wrap:wrap;gap:4px;display:flex}#win-craft .craft-rates .chip{font-variant-numeric:tabular-nums}#win-craft .craft-go{margin-top:6px}#win-craft .craft-outs{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px;display:grid}#win-craft .craft-out{flex-direction:column;align-items:center;gap:4px;min-width:0;display:flex}#win-craft .craft-out small{max-width:100%;font-size:var(--fs-xs);color:var(--ink-2);text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#win-craft .craft-fee{font-size:var(--fs-sm);color:var(--ink-2);justify-content:space-between;align-items:center;gap:8px;margin-top:4px;display:flex}#win-craft .craft-fee .money.short{color:var(--coral-700)}#win-craft .craft-count-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}#win-craft .craft-count-row .btn{flex:none;min-width:36px}body.touch #win-craft .craft-count-row .btn{min-width:44px}#win-craft .craft-count-n{font-variant-numeric:tabular-nums;font-size:var(--fs-sm);padding:0 4px}#win-craft .craft-count-row .craft-count-input{text-align:center;flex:none;width:88px}#win-craft .craft-table{grid-template-columns:repeat(var(--cols), auto);border-radius:var(--r-md);background:var(--line);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;gap:1px;display:grid;overflow:hidden}#win-craft .craft-th,#win-craft .craft-td{background:var(--card);text-align:center;white-space:nowrap;padding:3px 6px}#win-craft .craft-th{background:var(--sunken);color:var(--ink-2);font-weight:600}#win-craft .craft-td.at{background:var(--gold-200);color:var(--gold-700);font-weight:600}#win-craft .craft-aura-grade .craft-table{overflow-x:auto}#win-craft .craft-where{flex-direction:column;gap:4px;display:flex}#win-craft .craft-search{margin-bottom:8px}#win-craft .craft-recipes .list-row{min-height:56px}#win-craft .craft-recipes .list-row>.slot{--slot:40px}#win-craft .craft-grid .slot.off,#win-craft .craft-recipes .list-row.off{opacity:.45}#win-bank .bank-view{flex-direction:column;gap:12px;display:flex}#win-bank .bank-card{padding:12px}#win-bank .bank-balances{flex-wrap:wrap;gap:8px 20px;margin-bottom:10px;display:flex}#win-bank .bank-bal{flex-direction:column;gap:3px;display:flex}#win-bank .bank-bal small{font-size:var(--fs-xs);color:var(--ink-2)}#win-bank .bank-bal .money{font-size:var(--fs-lg)}#win-bank .bank-field{margin:0}#win-bank .bank-amount{gap:8px;display:flex}#win-bank .bank-amount .input{flex:1;min-width:0}#win-bank .bank-amount .btn{flex:none}#win-bank .bank-grid{max-height:296px;margin:-4px;padding:4px;overflow-y:auto}.npc-services{flex-wrap:wrap;gap:8px;margin:8px 0;display:flex}.npc-services .btn{flex:140px}.item-tip{min-width:190px;max-width:280px;font-size:var(--fs-sm);white-space:normal;line-height:1.45}.item-tip .it-head{align-items:center;gap:6px;display:flex}.item-tip .it-name{min-width:0;font-size:var(--fs-md);color:var(--gold-300);flex:1;font-weight:600}.item-tip .it-plus{border-radius:var(--r-pill);font-size:var(--fs-xs);color:var(--sky-800);background:var(--sky-300);flex:none;padding:0 6px;font-weight:600;line-height:18px}.item-tip .it-plus.hi{color:#4a2b00;background:var(--gold-400)}.item-tip .it-sub{color:#a9b5cc;font-size:var(--fs-xs);margin-bottom:4px}.item-tip .it-stats{border-top:1px solid #ffffff1f;border-bottom:1px solid #ffffff1f;flex-direction:column;gap:1px;margin:4px 0;padding:6px 0;display:flex}.item-tip .it-stat{align-items:baseline;gap:10px;display:flex}.item-tip .it-stat span{color:#c3cde0;flex:1}.item-tip .it-stat b{color:#fff;font-variant-numeric:tabular-nums;font-weight:600}.item-tip .it-bonus{color:#7debb5;font-style:normal}.item-tip .it-stat.it-inert span,.item-tip .it-stat.it-inert b{color:#7d8799;font-weight:400}.item-tip .it-inert-note{color:#8a93a6;font-size:var(--fs-xs);margin-top:2px}.item-tip .it-note{color:#a9b5cc;font-size:var(--fs-xs);margin-top:3px}.item-tip .it-el{margin-top:3px;font-weight:600}.item-tip .it-bless{color:#ffd76a;margin-top:3px;font-weight:600}.item-tip .el-1{color:#ff8f73}.item-tip .el-2{color:#7cc4ff}.item-tip .el-3{color:#8ee07c}.item-tip .el-4{color:#f3d86c}.item-tip .el-5{color:#d6aa78}.item-tip .el-6{color:#fff6c8}.item-tip .el-7{color:#c2a3ff}.item-tip .it-req{color:#ffb4a8;font-size:var(--fs-xs);margin-top:3px}.item-tip .it-desc{color:#dde4f2;white-space:pre-wrap;margin-top:4px}.item-tip .it-class{margin-top:4px}.item-tip .it-class-chip{border-radius:var(--r-pill);font-size:var(--fs-xs);color:#e6ecf7;background:#3d4a66;padding:0 8px;font-weight:600;line-height:18px;display:inline-block}.item-tip .it-class-chip.special{color:#4a2b00;background:var(--gold-400)}.item-tip .it-tier3{flex-wrap:wrap;align-items:center;gap:4px 8px;margin:2px 0 4px;display:flex}.item-tip .it-tier3-chip{border-radius:var(--r-pill);font-size:var(--fs-xs);color:#fff;background:linear-gradient(90deg,#7a3cff,#d6467a);padding:0 8px;font-weight:700;line-height:18px;display:inline-block}.item-tip .it-tier3-lock{color:#ffd0e0;font-size:var(--fs-xs);font-weight:600}.item-tip .it-price{color:var(--gold-300);font-size:var(--fs-xs);margin-top:4px}.item-tip .it-cos{color:#7debb5;margin-top:3px;font-weight:600}body.touch #win-craft .craft-tabs .tab{min-height:44px}@media (orientation:landscape) and (max-height:520px){body.touch #win-craft .craft-tabs .tab{min-height:36px;font-size:var(--fs-sm);padding:0 10px}}body.touch #win-craft .craft-mat>.slot,body.touch #win-craft .craft-recipes .list-row>.slot{--slot:44px}body.touch #win-bank .bank-grid{max-height:32vh}body.touch #win-bank .bank-amount .btn{padding:0 12px}@media (orientation:portrait){body.touch #win-bank .bank-amount{flex-wrap:wrap}body.touch #win-bank .bank-amount .input{flex-basis:100%}body.touch #win-bank .bank-amount .btn{flex:1}}@media (orientation:landscape) and (max-height:520px){body.touch #win-craft .craft-cols,body.touch #win-bank .bank-cols{flex-direction:row}body.touch #win-bank .bank-grid{max-height:none;overflow:visible}body.touch #win-bank .bank-card{align-items:flex-start;gap:16px;display:flex}body.touch #win-bank .bank-balances{flex-direction:column;gap:6px;margin:0}body.touch #win-bank .bank-field{flex:1;min-width:0}}#hud-dgn-col{z-index:4;right:var(--hud-right,8px);top:var(--hud-right-top,200px);pointer-events:none;flex-direction:column;gap:6px;width:220px;display:flex;position:absolute}#hud-dgn-col>*{pointer-events:auto;position:static}#hud-dgn-col [hidden]{display:none}.dgn-hud,.dgn-events{background:var(--glass);border-radius:var(--r-lg);color:var(--ink-inv);font-size:var(--fs-sm);box-shadow:inset 0 0 0 1px var(--glass-line), var(--shadow-2);-webkit-backdrop-filter:blur(10px);border:1px solid #000;padding:8px 10px}.dgn-hud .ico,.dgn-events .ico{width:14px;height:14px}.dgn-hud-top{align-items:center;gap:6px;display:flex}.dgn-hud-name{min-width:0;color:var(--gold-300);white-space:nowrap;text-overflow:ellipsis;flex:1;align-items:center;gap:5px;font-weight:600;display:flex;overflow:hidden}.dgn-hud-leave{flex:none}.dgn-hud-time{font-size:var(--fs-lg);font-variant-numeric:tabular-nums;margin:4px 0 2px;font-weight:600}.dgn-hud-time.warn{color:#ff9a8f;animation:1s infinite dgn-blink}.dgn-hud[data-state=cleared] .dgn-hud-time{color:#8ff0c8}.dgn-hud[data-state=failed] .dgn-hud-time{color:#ff9a8f}@keyframes dgn-blink{50%{opacity:.55}}.dgn-hud-count{opacity:.9;margin-bottom:2px;font-weight:600}.dgn-hud-b{white-space:nowrap;text-overflow:ellipsis;opacity:.95;font-size:var(--fs-xs);align-items:center;gap:5px;display:flex;overflow:hidden}.dgn-hud-b.done{color:#8ff0c8;opacity:.8;text-decoration:line-through}.dgn-hud-party{font-size:var(--fs-xs);opacity:.8;margin-top:4px}.dgn-ev{white-space:nowrap;font-size:var(--fs-xs);align-items:center;gap:6px;display:flex}.dgn-ev+.dgn-ev{margin-top:4px}.dgn-ev-ico{color:var(--gold-300);flex:none;display:inline-flex}.dgn-ev-boss .dgn-ev-ico{color:#ff9a8f}.dgn-ev-name{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.dgn-ev-t{font-variant-numeric:tabular-nums;color:var(--gold-300);font-weight:600}.dgn-ev.done .dgn-ev-t{color:#8ff0c8}body.touch #hud-dgn-col{gap:4px;width:180px}@media (orientation:portrait){body.touch #hud-dgn-col{width:160px}}@media (orientation:landscape) and (max-height:520px){body.touch #hud-dungeon .dgn-hud-b,body.touch #hud-dungeon .dgn-hud-party{display:none}body.touch .dgn-hud-time{margin:2px 0 0}}body.touch .dgn-hud,body.touch .dgn-events{padding:6px 8px}body.touch .dgn-hud-time{font-size:var(--fs-md)}body.touch #hud.win-open #hud-dgn-col{visibility:hidden}#win-dungeon .win-body,#win-gwh .win-body,#win-dungeon-result .win-body{flex-direction:column;gap:8px;display:flex}#win-dungeon .win-body>h4,#win-gwh .win-body>h4,#win-dungeon-result .win-body>h4{margin:6px 0 0}.dgn-note{font-size:var(--fs-xs);color:var(--ink-2);align-items:center;gap:6px;line-height:1.45;display:flex}.dgn-note .ico{flex:none;width:14px;height:14px}.dgn-hero{background:linear-gradient(135deg, var(--lilac-100), var(--sky-50) 55%, var(--card));align-items:center;gap:12px;padding:12px 14px;display:flex}.dgn-hero-ico{border-radius:var(--r-lg);color:#fff;background:linear-gradient(#a68cff, var(--lilac-400));width:56px;height:56px;box-shadow:0 0 0 1px #000, inset 0 1px 0 #ffffff59, inset 0 0 0 2px #ffffff1f, var(--shadow-1);flex:none;justify-content:center;align-items:center;display:flex}.dgn-hero-ico .ico{width:30px;height:30px}.dgn-hero-txt{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.dgn-hero-txt small{color:var(--ink-2);font-size:var(--fs-xs);line-height:1.45}.dgn-name{font-size:var(--fs-xl);color:var(--ink);overflow-wrap:anywhere;font-weight:600;line-height:1.2}.dgn-chips{flex-wrap:wrap;gap:4px;display:flex}.dgn-chips .chip .ico,.chip>.ico{width:13px;height:13px}.dgn-req{grid-template-columns:repeat(2,minmax(0,1fr))}.dgn-req .stat.ok{background:var(--mint-100)}.dgn-req .stat.ok b{color:var(--mint-700)}.dgn-req .stat.bad{background:var(--coral-100)}.dgn-req .stat.bad b{color:var(--coral-700)}.dgn-reset{font-variant-numeric:tabular-nums}.dgn-entries .list-row{cursor:pointer}.dgn-scroll .row-main small,.dgn-scroll .row-main b{white-space:normal}.dgn-boss{min-height:48px}.dgn-boss-ico{color:#fff;background:var(--gp-circle-red-img) center / contain no-repeat;filter:drop-shadow(0 2px 2px #0000008c);border-radius:50%;flex:none;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.dgn-boss-ico .ico{width:20px;height:20px}.dgn-party{flex-direction:column;gap:4px;display:flex}.dgn-member{border-radius:var(--r-sm);background:var(--sunken);align-items:center;gap:8px;min-height:36px;padding:4px 10px;display:flex}.dgn-member b{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.dgn-member small{color:var(--ink-2);font-variant-numeric:tabular-nums}.dgn-member.off{opacity:.6}.dgn-foot{flex-wrap:wrap}.dgn-ttl{font-size:var(--fs-sm);color:var(--ink-2);font-variant-numeric:tabular-nums;flex:100%;justify-content:center;align-items:center;gap:6px;display:flex}.dgn-ttl .ico{width:15px;height:15px}.dgn-banner{border-radius:var(--r-lg);color:#fff;text-align:center;box-shadow:inset 0 1px 0 #fff3, var(--shadow-2);border:1px solid #000;flex-direction:column;align-items:center;gap:4px;padding:16px 12px 14px;display:flex}.dgn-banner.ok{background:radial-gradient(120% 120% at 50% 0%, #ffe48c, var(--gold-500) 55%, #b86d12);color:#3d2000}.dgn-banner.fail{background:linear-gradient(160deg, var(--coral-100), #1f1a26);color:var(--ink);box-shadow:inset 0 0 0 1px #7a2f36, var(--shadow-2)}.dgn-banner-ico{color:#ffe7a1;background:#3d200099;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex;box-shadow:0 0 0 3px #3d200040,inset 0 2px 5px #000000a6}.dgn-banner.fail .dgn-banner-ico{color:var(--coral-700);background:#0006;box-shadow:0 0 0 3px #ef5b6040,inset 0 2px 5px #000000a6}.dgn-banner-ico .ico{width:34px;height:34px}.dgn-banner-res{font-size:var(--fs-2xl);font-weight:600;line-height:1.2}.dgn-banner-name{font-size:var(--fs-sm);opacity:.85}.dgn-stats,#win-gwh .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dgn-stats .stat span{align-items:center;gap:5px;display:inline-flex}.dgn-stats .stat .ico{width:15px;height:15px;color:var(--sky-600)}.dgn-chest{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px;display:grid}.dgn-chest-item{text-align:center;border-radius:var(--r-md);background:linear-gradient(var(--gold-200), #2f2718);border:1px solid #000;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;display:flex;box-shadow:inset 0 0 0 1px #8a6a2e8c}.dgn-chest-name{font-size:var(--fs-xs);word-break:break-word;line-height:1.25}.dgn-row{min-height:56px}.dgn-row .row-main{gap:3px}.dgn-r-top{align-items:baseline;gap:8px;min-width:0;display:flex}.dgn-r-top b{flex:1;min-width:0}.dgn-r-dmg{font-variant-numeric:tabular-nums;color:var(--coral-600);font-weight:600}.dgn-dmgbar i{background:linear-gradient(90deg, var(--gold-400), var(--coral-400))}.dgn-place{text-align:center;background:var(--sunken);width:28px;height:28px;color:var(--ink-2);border-radius:50%;flex:none;font-weight:600;line-height:28px;box-shadow:0 0 0 1px #000}.dgn-place.p1{color:#3d2000;background:linear-gradient(#ffd35c,#c47f00)}.dgn-place.p2{color:#1d2230;background:linear-gradient(#c3cbd8,#6f7a8f)}.dgn-place.p3{color:#2e1203;background:linear-gradient(#f0a874,#a65a24)}.dgn-alert{background:var(--coral-100);border-color:#000;align-items:center;gap:10px;display:flex;box-shadow:inset 0 0 0 1px #7a2f36}.dgn-alert-ico{color:#fff;background:var(--coral-600);border-radius:50%;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.gwh-match{flex-direction:column;align-items:stretch}.gwh-vs{align-items:center;gap:8px;display:flex}.gwh-vs-mark{color:var(--coral-600);font-weight:600;font-size:var(--fs-sm);flex:none}.gwh-side{border-radius:var(--r-md);background:var(--card);min-width:0;box-shadow:inset 0 0 0 1px var(--gp-rim);border:1px solid #000;flex-direction:column;flex:1;gap:2px;padding:8px 10px;display:flex}.gwh-side.a{border-left:4px solid var(--sky-500)}.gwh-side.b{border-left:4px solid var(--coral-400)}.gwh-side-top{align-items:baseline;gap:6px;display:flex}.gwh-side-top b{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.gwh-score{font-size:var(--fs-xl);font-variant-numeric:tabular-nums;font-weight:600}.gwh-side small{color:var(--ink-2);font-size:var(--fs-xs)}.gwh-match>.chip{font-variant-numeric:tabular-nums;align-self:center}#win-topup .tu-view{flex-direction:column;gap:10px;display:flex}#win-topup .tu-view>.tabs{margin:0}#win-topup .tab{white-space:nowrap;flex:none;position:relative}#win-topup .empty{padding:22px 8px}#win-topup .mono{letter-spacing:.02em;font-variant-numeric:tabular-nums;font-family:ui-monospace,Cascadia Mono,Consolas,monospace}#win-topup .tu-sec{margin:4px 0 0}#win-topup .tu-label{font-weight:600;font-size:var(--fs-sm);color:var(--sky-700)}#win-topup .tu-dot{border-radius:var(--r-pill);background:var(--coral-600);color:#fff;min-width:18px;height:18px;font-size:var(--fs-xs);justify-content:center;align-items:center;margin-left:6px;padding:0 5px;font-weight:600;line-height:1;display:inline-flex}.mbtn.tu-has-new:after{content:"";background:var(--coral-600);border-radius:50%;width:10px;height:10px;position:absolute;top:6px;right:8px;box-shadow:0 0 0 2px #000}#win-topup .tu-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}#win-topup .tu-balance{align-items:center;gap:8px;display:flex}#win-topup .tu-balance small{color:var(--ink-2);font-size:var(--fs-sm)}#win-topup .tu-balance .money{font-size:var(--fs-lg)}#win-topup .tu-first{border-radius:var(--r-lg);color:var(--ink);background:linear-gradient(110deg, #3a2f1c, var(--gp-bg-head));border:2px solid #d9b25a;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14,0 2px #000}#win-topup .tu-first:after{content:"";background:var(--gp-gold);opacity:.5;width:46px;height:46px;-webkit-mask:var(--spark) center / contain no-repeat;-webkit-mask:var(--spark) center / contain no-repeat;mask:var(--spark) center / contain no-repeat;pointer-events:none;position:absolute;top:-10px;right:-8px}#win-topup .tu-first-pct{background:radial-gradient(circle at 34% 28%, #ffe07a, var(--gold-500) 55%, #a86a14);color:#2a1a05;width:64px;height:64px;font-weight:700;font-size:var(--fs-lg);text-shadow:none;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 0 0 2px #0006,0 2px #000}#win-topup .tu-first-text{flex-direction:column;gap:2px;min-width:0;display:flex}#win-topup .tu-first-text b{font-size:var(--fs-lg);color:var(--gp-gold)}#win-topup .tu-first-text span{font-size:var(--fs-sm);line-height:1.4}#win-topup .tu-gifts{flex-wrap:wrap;align-items:center;gap:6px;display:flex}#win-topup .tu-gifts.sm{gap:4px}#win-topup .tu-promo{border-radius:var(--r-md);background:var(--c-pink-50);border:1px solid var(--c-pink-300);color:var(--c-pink-700);grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:8px 12px;display:grid}#win-topup .tu-promo.on{background:linear-gradient(100deg, var(--c-pink-100), var(--c-pink-50));border-color:var(--c-pink-500)}#win-topup .tu-promo>.ico{width:22px;height:22px}#win-topup .tu-promo-text{flex-direction:column;min-width:0;display:flex}#win-topup .tu-promo-text small{font-size:var(--fs-xs);color:var(--ink-2)}#win-topup .tu-promo-text b{overflow-wrap:anywhere}#win-topup .tu-promo-pct{border-radius:var(--r-pill);background:var(--c-pink-600);color:#fff;text-shadow:0 1px #00000040;padding:2px 10px;font-weight:700}#win-topup .tu-countdown{flex-direction:column;align-items:flex-end;line-height:1.2;display:flex}#win-topup .tu-countdown small{font-size:var(--fs-xs);color:var(--ink-2)}#win-topup .tu-countdown b{font-size:var(--fs-md);color:var(--ink)}#win-topup .tu-countdown.inline{flex-direction:row;align-items:baseline;gap:6px}#win-topup .tu-pending-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:10px;display:grid}#win-topup .tu-pending{border-color:var(--gold-400);flex-direction:column;gap:8px;padding:12px;display:flex}#win-topup .tu-pending-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}#win-topup .tu-grow{flex:1}#win-topup .tu-ref{font-size:var(--fs-md);color:var(--sky-700)}#win-topup .tu-amount{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}#win-topup .tu-amount small{color:var(--ink-2)}#win-topup .tu-amount b{font-size:var(--fs-2xl);color:#ffe08a;font-variant-numeric:tabular-nums}#win-topup .tu-amount-pkg{color:var(--ink-2);font-size:var(--fs-sm)}#win-topup .tu-kv{width:100%}#win-topup .tu-kv td{overflow-wrap:anywhere}#win-topup .tu-bank td{justify-content:flex-end;align-items:center;gap:4px;display:flex}#win-topup .tu-copy{flex:none;width:30px;height:30px}#win-topup .tu-ref-hint{line-height:1.45}#win-topup .tu-slip{margin:0}#win-topup .tu-slip-row{gap:8px;display:flex}#win-topup .tu-slip-row .input{flex:1;min-width:0}#win-topup .tu-pending-acts{justify-content:flex-end;display:flex}#win-topup .tu-main{grid-template-columns:minmax(0,1fr) 290px;align-items:start;gap:12px;display:grid}#win-topup .tu-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));align-content:start;gap:10px;min-width:0;display:grid}#win-topup .tu-side{flex-direction:column;gap:10px;min-width:0;display:flex;position:sticky;top:0}#win-topup .tu-side>.empty{border-radius:var(--r-lg);border:1px solid #ffffff14;padding:18px 8px}#win-topup .tu-card{border-radius:var(--r-lg);cursor:pointer;background:var(--card);min-width:0;transition:border-color .15s, transform .12s var(--bounce);border:2px solid #000;flex-direction:column;gap:6px;padding:10px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff14,0 2px #000}#win-topup .tu-card:hover{filter:brightness(1.08);transform:translateY(-1px)}#win-topup .tu-card:active{transform:scale(.99)}#win-topup .tu-card.selected{border-color:#d9b25a;box-shadow:0 0 0 2px #f4d48740,0 2px #000}#win-topup .tu-card-art{border-radius:var(--r-md);background:radial-gradient(circle at 50% 40%, var(--gp-bg-hover), var(--gp-bg-deep) 75%);justify-content:center;align-items:flex-end;height:76px;display:flex;position:relative;overflow:hidden}#win-topup .tu-ribbon{border-radius:0 var(--r-pill) var(--r-pill) 0;background:var(--coral-600);color:#fff;font-size:var(--fs-xs);text-shadow:0 1px #00000040;padding:2px 10px 2px 8px;font-weight:600;position:absolute;top:8px;left:0}#win-topup .tu-pct{border-radius:var(--r-pill);background:var(--c-pink-600);color:#fff;font-size:var(--fs-sm);text-shadow:0 1px #00000040;padding:2px 8px;font-weight:700;position:absolute;top:6px;right:6px}#win-topup .tu-cc{justify-content:center;align-items:baseline;gap:4px;display:flex}#win-topup .tu-cc b{font-size:var(--fs-xl);color:#ffe08a;font-variant-numeric:tabular-nums}#win-topup .tu-cc small{color:var(--gp-gold);font-weight:600}#win-topup .tu-card-sub{font-size:var(--fs-xs);text-align:center;flex-direction:column;align-items:center;gap:1px;display:flex}#win-topup .tu-plus{color:var(--c-pink-700);font-weight:600}#win-topup .tu-sum{color:var(--ink-2)}#win-topup .tu-crypto-plus{color:var(--mint-700);font-weight:700;font-size:var(--fs-xs)}#win-topup .tu-kv-crypto th,#win-topup .tu-kv-crypto td{color:var(--mint-700);background:#1d3328;font-weight:700}#win-topup .tu-card .tu-gifts{justify-content:center}#win-topup .tu-card-foot{text-align:center;flex-direction:column;align-items:stretch;gap:6px;margin-top:auto;padding-top:4px;display:flex}#win-topup .tu-price-row{flex-direction:column;align-items:center;line-height:1.2;display:flex}#win-topup .tu-usdt-approx{color:var(--mint-700);font-weight:600;font-size:var(--fs-xs);font-variant-numeric:tabular-nums}#win-topup .tu-buy{min-height:40px}#win-topup .tu-card.crypto .tu-buy,#win-topup .tu-order.crypto .tu-go{border:0 solid #0000;border-image:var(--gp-btn-green);color:#fff;text-shadow:0 1px #0006;box-shadow:none;background:0 0}#win-topup .tu-card.crypto.selected{border-color:var(--mint-600);box-shadow:0 0 0 2px #4fc79540,0 2px #000}#win-topup .tu-card.off{cursor:default;opacity:.6}#win-topup .tu-card.off:hover{filter:none;transform:none}#win-topup .tu-col{flex-direction:column;gap:8px;min-width:0;display:flex}#win-topup .tu-step{font-size:var(--fs-md);color:var(--gp-gold);align-items:center;gap:8px;display:flex}#win-topup .tu-step-n{background:var(--gold-500);color:#fff;width:26px;height:26px;font-weight:700;font-size:var(--fs-sm);box-shadow:0 2px 0 var(--gold-700);text-shadow:0 1px #00000040;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}#win-topup .tu-methods-box{flex-direction:column;gap:8px;display:flex}#win-topup .tu-methods{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}#win-topup .tu-method{--m-a:#3a2f1c;--m-b:#5a4520;--m-line:#d9b25a;--m-ink:var(--ink);--m-ico:var(--gp-amber);border-radius:var(--r-lg);min-height:92px;font:inherit;text-align:left;color:var(--m-ink);cursor:pointer;background:var(--card);transition:transform .12s var(--bounce), border-color .15s, box-shadow .15s, background .15s;border:3px solid #000;align-items:center;gap:14px;padding:12px 44px 12px 14px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff14,0 2px #000}#win-topup .tu-method.crypto{--m-a:#1d3328;--m-b:#24503c;--m-line:var(--mint-600);--m-ink:var(--ink);--m-ico:var(--mint-600)}#win-topup .tu-method:hover:not(:disabled){border-color:var(--m-line);transform:translateY(-2px)}#win-topup .tu-method.on{background:linear-gradient(110deg, var(--m-a), var(--m-b));border-color:var(--m-line);box-shadow:0 0 0 3px color-mix(in srgb, var(--m-line) 30%, transparent), 0 4px 0 var(--m-line)}#win-topup .tu-method:disabled{cursor:not-allowed;opacity:.65;filter:grayscale(.6)}#win-topup .tu-method-ico{background:var(--gp-bg-deep);width:56px;height:56px;color:var(--m-ico);box-shadow:inset 0 0 0 3px var(--m-b), 0 2px 0 #000;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}#win-topup .tu-method-ico .ico{width:30px;height:30px}#win-topup .tu-method-text{flex-direction:column;gap:2px;min-width:0;display:flex}#win-topup .tu-method-text b{font-size:var(--fs-xl,20px);line-height:1.2}#win-topup .tu-method-text span{font-weight:600;font-size:var(--fs-sm)}#win-topup .tu-method-text small{font-size:var(--fs-xs);opacity:.85}#win-topup .nw{white-space:nowrap;display:inline-block}#win-topup .tu-method-text small .nw{font:inherit}#win-topup .tu-method-off{align-self:flex-start;margin-top:2px}#win-topup .tu-method:disabled .tu-method-check{display:none}#win-topup .tu-method-check{border:2.5px solid var(--gp-rim-2);background:var(--gp-bg-deep);color:#0000;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}#win-topup .tu-method-check .ico{width:16px;height:16px}#win-topup .tu-method.on .tu-method-check{background:var(--m-ico);color:#fff;box-shadow:0 0 0 2px var(--m-ico);border-color:#000}#win-topup .tu-methods.has-bonus{padding-top:10px}#win-topup .tu-method-bonus{border-radius:var(--r-pill);white-space:nowrap;background:linear-gradient(#ff6fa3, var(--c-pink-600));color:#fff;font-size:var(--fs-sm);text-shadow:0 1px #00000040;border:2px solid #000;padding:3px 12px;font-weight:700;position:absolute;top:-13px;right:12px;box-shadow:0 2px #000}#win-topup .tu-order-method{border-radius:var(--r-md);color:var(--gp-gold);background:#3a2f1c;border:2px solid #d9b25a;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:8px;padding:8px 10px;display:grid}#win-topup .tu-order-method.crypto{border-color:var(--mint-600);color:var(--mint-700);background:#1d3328}#win-topup .tu-order-method .ico{grid-row:span 2;width:24px;height:24px}#win-topup .tu-order-method span{font-size:var(--fs-xs)}#win-topup .tu-price{font-weight:700;font-size:var(--fs-lg);color:#ffe08a;font-variant-numeric:tabular-nums}#win-topup .tu-price.sm{font-size:var(--fs-md)}#win-topup .tu-order{flex-direction:column;gap:8px;padding:12px;display:flex;position:relative}#win-topup .tu-order-x{position:absolute;top:4px;right:4px}#win-topup .tu-order-head{flex-direction:column;gap:2px;padding-right:32px;display:flex}#win-topup .tu-order-head b{overflow-wrap:anywhere;line-height:1.3}#win-topup .tu-kv-sum th,#win-topup .tu-kv-sum td{color:var(--lilac-700);border-top:1.5px solid var(--line-strong);font-weight:700}#win-topup .tu-channels{flex-direction:column;gap:6px;display:flex}#win-topup .tu-channel{min-height:var(--tap);border-radius:var(--r-md);text-align:left;cursor:pointer;background:var(--card);color:var(--ink);font:inherit;font-size:var(--fs-sm);border:2px solid #000;align-items:center;gap:8px;padding:6px 12px;display:flex}#win-topup .tu-channel .ico{width:20px;height:20px;color:var(--sky-600);flex:none}#win-topup .tu-channel.on{background:var(--gp-bg-hover);border-color:#d9b25a;font-weight:600;box-shadow:0 0 0 2px #f4d48740}#win-topup .tu-progress{flex-direction:column;gap:8px;padding:12px;display:flex}#win-topup .tu-gauge{height:22px}#win-topup .tu-allbar{border-radius:var(--r-pill);background:var(--sunken);height:8px;margin-top:6px;position:relative;overflow:hidden}#win-topup .tu-allbar i{border-radius:inherit;background:linear-gradient(90deg, var(--gold-300), var(--gold-500));position:absolute;top:0;bottom:0;left:0}#win-topup .tu-ticks{height:18px;position:relative}#win-topup .tu-tick{left:var(--at);font-size:var(--fs-xs);color:var(--ink-3);white-space:nowrap;font-variant-numeric:tabular-nums;padding-right:2px;position:absolute;transform:translate(-100%)}#win-topup .tu-tick:after{content:"";background:var(--line-strong);border-radius:1px;width:2px;height:8px;position:absolute;top:-9px;right:0}#win-topup .tu-tick.on{color:var(--gold-700);font-weight:600}#win-topup .tu-tick.on:after{background:var(--gold-600)}#win-topup .tu-ms-list{flex-direction:column;gap:8px;display:flex}#win-topup .tu-ms{align-items:center;gap:10px;padding:10px 12px;display:flex}#win-topup .tu-ms.ready{background:linear-gradient(90deg, #3a2f1c, var(--card));border-color:#d9b25a}#win-topup .tu-ms.done{opacity:.85}#win-topup .tu-ms-medal{background:var(--sunken);width:40px;height:40px;color:var(--ink-3);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}#win-topup .tu-ms.ready .tu-ms-medal{background:radial-gradient(circle at 34% 28%, #ffe07a, var(--gold-500) 55%, #a86a14);color:#2a1a05}#win-topup .tu-ms.done .tu-ms-medal{background:var(--mint-100);color:var(--mint-700)}#win-topup .tu-ms-main{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}#win-topup .tu-ms-cc{font-size:var(--fs-sm)}#win-topup .tu-ms>.btn,#win-topup .tu-ms>.chip{flex:none}#win-topup .tu-notices{flex-direction:column;gap:4px;display:flex}#win-topup .tu-notice{border-radius:var(--r-md);background:var(--sunken);font-size:var(--fs-sm);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 10px;display:grid}#win-topup .tu-notice .ico{width:18px;height:18px;color:var(--sky-600)}#win-topup .tu-notice.unread{box-shadow:inset 3px 0 0 var(--gold-500);background:#3a2f1c}#win-topup .tu-notice.k-paid .ico{color:var(--mint-600)}#win-topup .tu-notice.k-refunded .ico,#win-topup .tu-notice.k-cancelled .ico{color:var(--coral-600)}#win-topup .tu-notice-text{overflow-wrap:anywhere;line-height:1.4}#win-topup .tu-notice small{color:var(--ink-3);font-size:var(--fs-xs);white-space:nowrap}#win-topup .tu-hist{flex-direction:column;gap:6px;display:flex}#win-topup .tu-hrow{align-items:center;gap:10px;padding:8px 12px;display:flex}#win-topup .tu-hmain{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}#win-topup .tu-hline{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}#win-topup .tu-hsub{color:var(--ink-2);font-size:var(--fs-xs);flex-wrap:wrap;gap:8px;display:flex}#win-topup .tu-hsub.ok{color:var(--mint-700);font-weight:600}#win-topup .tu-pager{justify-content:center;align-items:center;gap:10px;display:flex}body.touch #win-topup .tab{min-height:44px}body.touch #win-topup .tu-copy{width:44px;height:44px}body.touch #win-topup .tu-card-foot .btn,body.touch #win-topup .tu-slip-row .btn{min-height:var(--tap);min-width:var(--tap)}@media (orientation:portrait){body.touch #win-topup .tu-main{grid-template-columns:minmax(0,1fr)}body.touch #win-topup .tu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}body.touch #win-topup .tu-side{position:static}body.touch #win-topup .tu-side.none{display:none}body.touch #win-topup .tu-methods{gap:8px}body.touch #win-topup .tu-method{text-align:center;flex-direction:column;align-items:center;gap:6px;min-height:0;padding:12px 8px 10px}body.touch #win-topup .tu-method-text{align-items:center}body.touch #win-topup .tu-method-text b{font-size:var(--fs-lg)}body.touch #win-topup .tu-method-off{align-self:center}body.touch #win-topup .tu-method-check{top:8px;right:8px;transform:none}body.touch #win-topup .tu-method-bonus{font-size:var(--fs-xs);padding:2px 10px;left:50%;right:auto;transform:translate(-50%)}body.touch #win-topup .tu-method-ico{width:48px;height:48px}body.touch #win-topup .tu-pending-list{grid-template-columns:minmax(0,1fr)}body.touch #win-topup .tu-first{grid-template-columns:auto minmax(0,1fr)}body.touch #win-topup .tu-first .tu-gifts{grid-column:1/-1}body.touch #win-topup .tu-promo{grid-template-columns:auto minmax(0,1fr) auto}body.touch #win-topup .tu-promo .tu-countdown{flex-direction:row;grid-column:2/-1;align-items:baseline;gap:6px}body.touch #win-topup .tu-card-foot{flex-direction:column;align-items:stretch}body.touch #win-topup .tu-card-foot .tu-price{text-align:center}body.touch #win-topup .tu-ms{flex-wrap:wrap}body.touch #win-topup .tu-ms>.btn,body.touch #win-topup .tu-ms>.chip{margin-left:50px}}@media (orientation:landscape) and (max-height:520px){body.touch #win-topup .tu-main{grid-template-columns:minmax(0,1fr) 260px}body.touch #win-topup .tu-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}#win-topup .tu-crypto-pick{border-radius:var(--r-md);background:var(--sky-50);border:1px solid var(--sky-300);flex-direction:column;gap:6px;padding:10px;display:flex}#win-topup .tu-nets{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:6px;display:grid}#win-topup .tu-net{min-height:var(--tap);border-radius:var(--r-md);cursor:pointer;background:var(--card);color:var(--ink);font:inherit;text-align:left;border:2px solid #000;flex-direction:column;align-items:flex-start;gap:1px;padding:6px 10px;display:flex}#win-topup .tu-net b{font-size:var(--fs-sm)}#win-topup .tu-net small{color:var(--ink-2);font-size:var(--fs-xs)}#win-topup .tu-net.on{border-color:var(--mint-600);background:#1d3328;box-shadow:0 0 0 2px #4fc79540}#win-topup .tu-crypto-quote{color:var(--mint-700);font-variant-numeric:tabular-nums;font-weight:700}#win-topup .tu-crypto{border-color:var(--mint-600);grid-column:1/-1}#win-topup .tu-crypto.st-paid{border-color:var(--mint-500,#2fbf88)}#win-topup .tu-crypto.st-expired{border-color:var(--line-strong);opacity:.9}#win-topup .tu-net-banner{border-radius:var(--r-md);border:2px solid var(--mint-600);color:var(--mint-700);background:linear-gradient(100deg,#1d3328,#3a2f1c);align-items:center;gap:10px;padding:10px 12px;display:flex}#win-topup .tu-net-banner .ico{width:30px;height:30px;color:var(--mint-600);flex:none}#win-topup .tu-net-banner>div{flex-direction:column;gap:2px;min-width:0;display:flex}#win-topup .tu-net-banner b{font-size:var(--fs-xl,20px);letter-spacing:.01em;line-height:1.15}#win-topup .tu-net-banner span{font-size:var(--fs-sm);color:var(--coral-700);font-weight:600}#win-topup .tu-crypto-body{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;display:grid}#win-topup .tu-qr{border-radius:var(--r-md);background:#fff;border:2px solid #000;flex:none;width:168px;height:168px;padding:6px}#win-topup .tu-qr svg{width:100%;height:100%;display:block}#win-topup .tu-crypto-info{flex-direction:column;gap:10px;min-width:0;display:flex}#win-topup .tu-crypto-field{flex-direction:column;gap:3px;min-width:0;display:flex}#win-topup .tu-crypto-field small{color:var(--ink-2);font-size:var(--fs-sm)}#win-topup .tu-crypto-val{border-radius:var(--r-md);background:var(--sunken);align-items:center;gap:6px;min-width:0;padding:6px 6px 6px 10px;display:flex}#win-topup .tu-crypto-val .mono{overflow-wrap:anywhere;flex:1;min-width:0}#win-topup .tu-usdt{font-size:var(--fs-2xl);color:var(--mint-700);font-weight:700}#win-topup .tu-usdt:after{content:" USDT";font-size:var(--fs-sm);color:var(--ink-2);font-weight:600}#win-topup .tu-addr{font-size:var(--fs-sm)}#win-topup .tu-tx{align-self:flex-start}@media (orientation:portrait){body.touch #win-topup .tu-crypto-body{grid-template-columns:minmax(0,1fr);justify-items:center}body.touch #win-topup .tu-addr{letter-spacing:0;font-size:12px}body.touch #win-topup .tu-crypto-info{width:100%}body.touch #win-topup .tu-qr{width:190px;height:190px}}#win-mall .mall-view{flex-direction:column;gap:10px;display:flex}#win-mall .mall-view>.tabs{margin:0}#win-mall .tab{white-space:nowrap;flex:none}#win-mall .empty{padding:24px 8px}#win-mall .mall-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}#win-mall .mall-balance{align-items:center;gap:8px;display:flex}#win-mall .mall-balance small{color:var(--ink-2);font-size:var(--fs-sm)}#win-mall .mall-balance .money{font-size:var(--fs-lg)}#win-mall .mall-token-line{border-radius:var(--r-md);color:var(--gp-gold);font-size:var(--fs-sm);background:#3a2f1c;border:1px solid #d9b25a;align-items:center;gap:8px;padding:6px 12px;display:flex}#win-mall .mall-token-line b{font-size:var(--fs-lg);font-variant-numeric:tabular-nums}#win-mall .mall-token-icon{border-radius:6px;width:22px;height:22px}#win-mall .mall-token-price{font-variant-numeric:tabular-nums;gap:4px;padding-left:3px}#win-mall .mall-token-price .mall-token-icon{width:18px;height:18px}#win-mall .mall-note-line{padding:0 2px;line-height:1.45}#win-mall .mall-main{grid-template-columns:minmax(0,1fr) 270px;align-items:start;gap:12px;display:grid}#win-mall .mall-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));align-content:start;gap:8px;min-width:0;display:grid}#win-mall .mall-grid>.empty{grid-column:1/-1}#win-mall .mall-side{flex-direction:column;gap:10px;min-width:0;display:flex;position:sticky;top:0}#win-mall .mall-side>.empty{border-radius:var(--r-lg);border:1px solid #ffffff14;padding:18px 8px}#win-mall .mall-card{border-radius:var(--r-lg);background:var(--card);border:1px solid var(--line);min-width:0;box-shadow:var(--shadow-1);cursor:pointer;flex-direction:column;gap:4px;padding:10px;transition:border-color .15s,transform .12s;display:flex;position:relative}#win-mall .mall-card:hover{filter:brightness(1.08)}#win-mall .mall-card:active{transform:scale(.99)}#win-mall .mall-card.selected{box-shadow:0 0 0 2px #f4d48740, var(--shadow-1);border-color:#d9b25a}#win-mall .mall-card.store{cursor:default}#win-mall .mall-card.store.shared{border-color:var(--lilac-600);background:linear-gradient(var(--lilac-100), var(--card))}#win-mall .mall-shared-h{border-radius:var(--r-md);background:linear-gradient(var(--lilac-100), var(--sunken));box-shadow:inset 0 0 0 1px var(--lilac-600);font-size:var(--fs-xs);color:var(--ink-2);flex-direction:column;grid-column:1/-1;gap:2px;margin-top:6px;padding:8px 12px;display:flex}#win-mall .mall-shared-h b{color:var(--lilac-700);font-size:var(--fs-sm)}#win-mall .mall-card-art{border-radius:var(--r-md);background:radial-gradient(circle at 50% 40%, var(--gp-bg-hover), var(--gp-bg-deep) 75%);justify-content:center;padding:4px 0 2px;display:flex;position:relative}#win-mall .mall-card-art>.slot{--slot:56px}#win-mall .mall-badges{flex-direction:column;align-items:flex-start;gap:3px;display:flex;position:absolute;top:4px;left:4px}#win-mall .mall-sold{border-radius:inherit;color:var(--coral-700);font-weight:600;font-size:var(--fs-lg);letter-spacing:.04em;background:#000000a6;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#win-mall .mall-card.sold .mall-card-art>.slot{filter:grayscale(.8)}#win-mall .mall-card-name{font-weight:600;font-size:var(--fs-sm);-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;min-height:2.6em;line-height:1.3;display:-webkit-box;overflow:hidden}#win-mall .mall-card-sub,#win-mall .mall-card-memo{color:var(--ink-2);font-size:var(--fs-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#win-mall .mall-card-memo{color:var(--lilac-700)}#win-mall .mall-card-foot{justify-content:space-between;align-items:center;gap:6px;margin-top:auto;padding-top:4px;display:flex}#win-mall .mall-card-foot .money{font-size:var(--fs-sm);min-width:0;padding-right:8px}#win-mall .mall-card-foot .money:before{width:16px;height:16px}#win-mall .mall-card-foot .btn{flex:none}#win-mall .mall-price{flex-direction:column;align-items:flex-start;gap:1px;min-width:0;display:inline-flex}#win-mall .mall-was{color:var(--ink-3);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;padding-left:6px;line-height:1}#win-mall .badge.mall-sale{background:var(--coral-600)}#win-mall .mall-card .btn.block{margin-top:auto}#win-mall .mall-detail{flex-direction:column;gap:8px;padding:12px;display:flex;position:relative}#win-mall .mall-detail-x{position:absolute;top:4px;right:4px}#win-mall .mall-detail-top{align-items:center;gap:10px;padding-right:30px;display:flex}#win-mall .mall-big{--slot:64px}#win-mall .mall-detail-title{flex-direction:column;flex:1;align-items:flex-start;gap:6px;min-width:0;display:flex}#win-mall .mall-detail-title b{overflow-wrap:anywhere;font-weight:600;line-height:1.3}#win-mall .mall-chips{flex-wrap:wrap;gap:6px;display:flex}#win-mall .mall-actions{gap:8px;display:flex}#win-mall .mall-actions .btn{flex:1}#win-mall .mall-gift{border-radius:var(--r-md);background:var(--sunken);flex-direction:column;padding:10px;display:flex}#win-mall .mall-gift .field{margin-bottom:8px}#win-mall .mall-desc{white-space:pre-wrap;line-height:1.45;font-size:var(--fs-sm);color:var(--ink-2)}#win-mall .mall-detail h4{margin:4px 0 0}#win-mall .mall-mini{justify-items:start}#win-mall .mall-coupon{margin:0}#win-mall .mall-coupon-row{gap:8px;display:flex}#win-mall .mall-coupon-row .input{text-transform:uppercase;flex:1;min-width:0}#win-mall .mall-coupon-row .btn{flex:none}body.touch #win-mall .tab{min-height:44px}body.touch #win-mall .mall-card-art>.slot{--slot:52px}@media (orientation:portrait){body.touch #win-mall .mall-main{grid-template-columns:minmax(0,1fr)}body.touch #win-mall .mall-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.touch #win-mall .mall-side{order:-1;position:static}body.touch #win-mall .mall-side.none{order:1}body.touch #win-mall .mall-side.none>.empty{display:none}body.touch #win-mall .mall-card-foot{flex-direction:column;align-items:stretch}body.touch #win-mall .mall-card-foot .money,body.touch #win-mall .mall-card-foot .chip{align-self:flex-start}}body.touch #win-mall .mall-card-foot .btn{min-width:var(--tap)}@media (orientation:landscape) and (max-height:520px){body.touch #win-mall .mall-main{grid-template-columns:minmax(0,1fr) 250px}body.touch #win-mall .mall-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}:is(#win-auto,#win-lpcfg) .lf-field{margin:4px 0 2px}:is(#win-auto,#win-lpcfg) .lf-field>label{font-size:var(--fs-sm);color:var(--ink-2);font-weight:600}:is(#win-auto,#win-lpcfg) .lf-seg{margin:0}:is(#win-auto,#win-lpcfg) .lf-seg .seg-btn{flex:1 1 0;min-width:0}:is(#win-auto,#win-lpcfg) .switch{margin:0}:is(#win-auto,#win-lpcfg) .switch span{flex:1;min-width:0}:is(#win-auto,#win-lpcfg) .field-hint{line-height:1.45}:is(#win-auto,#win-lpcfg) .lf-premsec{flex-direction:column;gap:6px;margin-top:4px;display:flex}:is(#win-auto,#win-lpcfg) .lf-premtitle{flex-wrap:wrap;align-items:center;gap:8px;display:flex}:is(#win-auto,#win-lpcfg) .lf-premtitle .chip .ico,:is(#win-auto,#win-lpcfg) .lf-lockchip .ico{width:12px;height:12px}:is(#win-auto,#win-lpcfg) .lf-locked>:not(.lf-premtitle),:is(#win-auto,#win-lpcfg) label.lf-locked>:not(.lf-lockchip){opacity:.5;filter:grayscale(.5);pointer-events:none}:is(#win-auto,#win-lpcfg) label.lf-locked{cursor:not-allowed}:is(#win-auto,#win-lpcfg) .lf-lockchip{flex:none}:is(#win-auto,#win-lpcfg) .lf-toggles{flex-wrap:wrap;gap:6px;display:flex}:is(#win-auto,#win-lpcfg) .lf-toggle{border-radius:var(--r-pill);border:2px solid var(--gp-rim);background:var(--gp-bg-deep);min-height:32px;color:var(--ink-2);font-size:var(--fs-sm);transition:transform .2s var(--bounce), background .15s;align-items:center;gap:4px;padding:0 12px 0 8px;font-weight:600;display:inline-flex}:is(#win-auto,#win-lpcfg) .lf-toggle .ico{stroke-width:3px;opacity:0;width:14px;height:14px;transition:opacity .15s}:is(#win-auto,#win-lpcfg) .lf-toggle.on{background:var(--gold-200);color:var(--gp-gold);border-color:#d9b25a}:is(#win-auto,#win-lpcfg) .lf-toggle.on .ico{opacity:1}:is(#win-auto,#win-lpcfg) .lf-toggle:active{transform:scale(.94)}body.touch :is(#win-auto,#win-lpcfg) .lf-toggle{min-height:44px}:is(#win-auto,#win-lpcfg) .lf-items{flex-direction:column;align-items:flex-start;gap:6px;display:flex}:is(#win-auto,#win-lpcfg) .lf-item-chips{flex-wrap:wrap;gap:6px;display:flex}:is(#win-auto,#win-lpcfg) .lf-item-chip{border-radius:var(--r-pill);background:var(--gp-bg-raised);border:1.5px solid var(--gp-rim);max-width:100%;font-size:var(--fs-sm);color:var(--ink);align-items:center;gap:6px;padding:2px 2px 2px 3px;font-weight:600;display:inline-flex;box-shadow:0 0 0 1px #000}:is(#win-auto,#win-lpcfg) .lf-item-chip>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}:is(#win-auto,#win-lpcfg) .lf-item-chip .slot{border-radius:50%}:is(#win-auto,#win-lpcfg) .lf-x{background:var(--gp-bg-deep);width:28px;height:28px;color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--gp-rim);border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:flex}:is(#win-auto,#win-lpcfg) .lf-x:hover{background:var(--coral-100);color:var(--coral-700)}:is(#win-auto,#win-lpcfg) .lf-x .ico{width:14px;height:14px}body.touch :is(#win-auto,#win-lpcfg) .lf-x{width:44px;height:44px}:is(#win-auto,#win-lpcfg) .lf-picker{flex-direction:column;gap:8px;width:100%;display:flex}:is(#win-auto,#win-lpcfg) .lf-grid{flex-wrap:wrap;gap:6px;max-height:200px;padding:2px;display:flex;overflow-y:auto}:is(#win-auto,#win-lpcfg) .lf-pick{cursor:pointer}:is(#win-auto,#win-lpcfg) .lf-id-row{justify-content:flex-end;align-items:center;gap:6px;display:flex}:is(#win-auto,#win-lpcfg) .lf-id-row .btn{flex:none}:is(#win-auto,#win-lpcfg) .lf-search{width:100%;margin:0}:is(#win-auto,#win-lpcfg) .lf-results{flex-direction:column;gap:4px;max-height:220px;display:flex;overflow-y:auto}:is(#win-auto,#win-lpcfg) .lf-result{border-radius:var(--r-md);background:var(--gp-bg-raised);border:1.5px solid var(--gp-rim);align-items:center;gap:8px;padding:3px 4px 3px 3px;display:flex;box-shadow:0 0 0 1px #000}:is(#win-auto,#win-lpcfg) .lf-result-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--fs-sm);color:var(--ink);flex:1;font-weight:600;overflow:hidden}:is(#win-auto,#win-lpcfg) .lf-result small{color:var(--ink-3);font-variant-numeric:tabular-nums;flex:none}:is(#win-auto,#win-lpcfg) .lf-result .btn{flex:none}:is(#win-auto,#win-lpcfg) .lf-subtitle{font-size:var(--fs-sm);color:var(--ink-2);font-weight:600}:is(#win-auto,#win-lpcfg) .lf-level-row{align-items:center;gap:10px;display:flex}:is(#win-auto,#win-lpcfg) .lf-level{text-align:center;flex:none;width:84px;margin:0}#win-lpcfg .win-body{flex-direction:column;gap:10px;display:flex}#win-lpcfg .lp-view{flex-direction:column;gap:6px;display:flex}#win-lpcfg .lp-view h4{margin:10px 0 0}#win-lpcfg>.lp-hero{flex:none;align-items:center;gap:12px;margin:0 12px 14px;padding:10px 14px;display:flex;position:relative}#win-lpcfg>.lp-hero.on{border-color:var(--sky-300);background:linear-gradient(110deg, var(--sky-100), var(--gp-bg-raised) 70%)}#win-lpcfg .lp-bubble{color:#fff;background:var(--gp-circle-purple-img) center / contain no-repeat;width:52px;height:52px;box-shadow:none;filter:drop-shadow(0 2px 3px #000000a6);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}#win-lpcfg .lp-bubble .ico{width:26px;height:26px}#win-lpcfg .lp-hero-main{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}#win-lpcfg .lp-line{font-size:var(--fs-md);color:var(--ink);overflow-wrap:anywhere;line-height:1.35}#win-lpcfg .pet-chips{flex-wrap:wrap;gap:5px;display:flex}#win-lpcfg .pet-chips .chip{font-variant-numeric:tabular-nums}#win-lpcfg .lp-note{border-radius:var(--r-md);background:var(--sky-50);color:var(--sky-800);font-size:var(--fs-sm);align-items:flex-start;gap:6px;padding:6px 10px;line-height:1.45;display:flex}#win-lpcfg .lp-note .ico{flex:none;width:16px;height:16px;margin-top:2px}#win-lpcfg .lp-foot .btn{flex:1}#win-pet .lp-card .pet-acts{flex-direction:column;gap:6px;display:flex}#win-pet .lp-expired{opacity:.6}@media (orientation:landscape) and (max-height:520px){body.touch #win-lpcfg>.lp-hero{margin-bottom:12px;padding:6px 10px}}#hud-pet{z-index:5;right:var(--hud-right,12px);bottom:calc(var(--pad,8px) + var(--safe-b,0px) + 66px * var(--hs,1));box-sizing:border-box;width:160px;height:142px;color:var(--ink);background:linear-gradient(var(--gp-bg-raised), var(--gp-bg));border-radius:var(--r-lg);box-shadow:inset 0 0 0 1px var(--gp-rim-2), inset 0 1px 0 #ffffff1f, 0 4px 16px #0000008c;transform:scale(var(--hs,1));transform-origin:100% 100%;pointer-events:auto;border:1px solid #000;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px;padding:8px;display:flex;position:absolute}#hud-pet[hidden],.ph-plus[hidden],.ph-badge[hidden],.ph-x[hidden],.ph-say[hidden],.pf-panel[hidden],.pf-pick[hidden],.pf-note[hidden]{display:none}body:not(.touch) #hud.hb-stack:not([data-hl-moved~=pet]) #hud-pet{bottom:calc(66px + var(--safe-b,0px) + 116px * var(--hs,1))}.ph-ava{background:var(--gp-bg-deep);height:64px;box-shadow:inset 0 0 0 1px var(--gp-rim), inset 0 2px 6px #000000a6;cursor:pointer;border:1px solid #000;border-radius:12px;flex:0 0 66px;padding:0;position:relative}.ph-face{pointer-events:none;place-items:center;display:grid;position:absolute;inset:2px}.ph-face img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%}.ph-face>.icon{border-radius:12px;width:44px;height:44px}.ph-plus{color:#fff;text-shadow:0 1px 1px #000;background:#2f7fd0;border-radius:7px;padding:1px 5px;font-size:11px;font-weight:700;position:absolute;top:-4px;left:-3px;box-shadow:0 0 0 1px #000}.ph-plus.hi{color:#3d2000;background:var(--gp-amber);text-shadow:none}.ph-badges{gap:2px;display:flex;position:absolute;bottom:-2px;right:-3px}.ph-badge{background:var(--mint-100);min-height:20px;color:var(--mint-700);border-radius:7px;align-items:center;gap:2px;padding:1px 3px;font-size:10px;display:inline-flex;box-shadow:0 0 0 1px #000}.ph-badge .ico{width:12px;height:12px}.ph-convb{width:22px;padding:1px}.ph-convb>.icon{width:20px;height:20px}.ph-bowl{background:var(--c-peach-100);min-height:54px;box-shadow:inset 0 0 0 1px var(--c-peach-300), 0 2px 0 #000;color:var(--c-peach-700);cursor:pointer;border:1px solid #000;border-radius:10px;flex-direction:column;flex:0 0 62px;justify-content:center;align-items:center;gap:1px;padding:3px;display:flex;position:relative}.ph-bowl-ico{pointer-events:none;place-items:center;width:24px;height:24px;display:grid}.ph-bowl-ico>.icon,.ph-bowl-ico>.ico{width:24px;height:24px}.ph-feed-label{font-size:11px;line-height:1.25}.ph-x{color:#fff;pointer-events:none;background:#c22a25;border-radius:50%;place-items:center;width:17px;height:17px;display:grid;position:absolute;top:-3px;right:-3px;box-shadow:0 0 0 1px #000}.ph-x .ico{width:11px;height:11px}.ph-bars{flex-direction:column;gap:4px;width:100%;min-width:0;display:flex}.ph-meter{min-width:0}.ph-mlabel{color:var(--ink);font-variant-numeric:tabular-nums;font-size:11px;font-weight:600;line-height:15px;display:block}.ph-track{background:var(--gp-bg-deep);height:7px;box-shadow:inset 0 1px 2px #000, 0 0 0 1px var(--gp-rim);border-radius:5px;position:relative;overflow:hidden}.ph-track i{border-radius:inherit;width:0;height:100%;transition:width .2s;display:block}.ph-hunger i{background:linear-gradient(#ffb35c,#d9661e)}.ph-exp i{background:linear-gradient(#7fd6e8,#2f8fa6)}#hud-pet.hungry{border-color:#e0882e}#hud-pet.critical{background:linear-gradient(#4a2028,#2e1a22);border:2px solid #e5484d}#hud-pet.feeding{outline:2px solid var(--gp-gold);outline-offset:2px}.ph-say{background:var(--gp-bg-raised);width:max-content;max-width:min(230px,75vw);color:var(--ink);box-shadow:inset 0 0 0 1px var(--gp-rim-2), 0 5px 18px #0000008c;pointer-events:none;border:1px solid #000;border-radius:18px 18px 4px;padding:10px 14px;font-size:13px;line-height:1.5;position:absolute;bottom:calc(100% + 10px);right:0}.pf-panel{box-sizing:border-box;z-index:9;width:320px;max-width:calc(100% - 16px);max-height:calc(100dvh - 24px - var(--safe-t,0px) - var(--safe-b,0px));overscroll-behavior:contain;color:var(--ink);background:var(--gp-bg);box-shadow:inset 0 0 0 1px var(--gp-rim-2), 0 12px 35px #000000a6;pointer-events:auto;border:1px solid #000;border-radius:12px;position:absolute;overflow-y:auto}.pf-station{background:linear-gradient(#2a2536, var(--gp-bg-head));border-bottom:2px solid #0000008c;grid-template-columns:64px 1fr 60px;align-items:center;gap:8px;padding:50px 14px 14px;display:grid;position:relative;box-shadow:0 1px #ffffff12}.pf-companions{background:var(--gp-circle-gray-img) center / contain no-repeat;width:64px;height:64px;color:var(--gp-gold);filter:drop-shadow(0 2px 3px #000000a6);border-radius:50%;place-items:center;display:grid}.pf-companions .ico{width:30px;height:30px}.pf-title{color:var(--gp-gold);text-shadow:0 2px #000000b3;margin:0;font-size:15px;line-height:1.5}.pf-close{background:var(--gp-close-img) center / 36px no-repeat;color:#0000;filter:drop-shadow(0 2px 2px #0000008c);cursor:pointer;border:0;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:4px;right:6px}.pf-close:hover{filter:drop-shadow(0 2px 2px #0000008c)brightness(1.25)}.pf-close .ico{display:none}.pf-cell{cursor:pointer;border-radius:14px}.pf-cell .slot{--slot:56px;border-radius:14px;position:relative}.pf-cell:not(.filled){outline:2px dashed var(--gp-rim-2);outline-offset:2px}.pf-cell-label{color:var(--ink-3);pointer-events:none;place-items:center;font-size:12px;display:grid;position:absolute;inset:0}.pf-cell.picking,.pf-cell.drop-hover,.pf-cell .slot.drop-hover{outline:3px solid var(--gp-gold);outline-offset:2px}.pf-tray{flex-direction:column;gap:10px;padding:12px 14px 14px;display:flex}.pf-head{align-items:center;gap:4px;display:flex}.pf-name{overflow-wrap:anywhere;flex:1;min-width:0;font-size:14px}.pf-head .icon-btn{width:44px;height:44px;color:var(--ink-2);background:var(--gp-bg-raised);box-shadow:inset 0 0 0 1px var(--gp-rim);border:1px solid #000;border-radius:50%;flex:none}.pf-head .icon-btn:hover{color:var(--gp-gold);background:var(--gp-bg-hover)}.pf-head .pf-play{color:#ff8a8d}.pf-info{flex-direction:column;gap:6px;display:flex}.pf-fname{overflow-wrap:anywhere;font-size:14px}.pf-chips{flex-wrap:wrap;gap:4px;display:flex}.pf-hint,.pf-pick-head,.pf-note{color:var(--gp-desc);font-size:12px;line-height:1.55}.pf-pick{flex-direction:column;gap:8px;display:flex}.pf-pick-grid{touch-action:pan-y;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:7px;max-height:192px;padding:4px;display:grid;overflow-y:auto}.pf-pick-grid .slot{--slot:48px;cursor:pointer;position:relative}.pf-pick-grid .slot.on{outline:2px solid var(--gp-gold);outline-offset:1px}.pf-pick-grid .slot.gear{box-shadow:0 0 0 2px var(--coral-600)}.pf-pts{color:#fff;pointer-events:none;background:#23704f;border-radius:6px;padding:1px 4px;font-size:10px;position:absolute;top:1px;left:1px;box-shadow:0 0 0 1px #000}.pf-note.warn{background:var(--coral-100);box-shadow:inset 0 0 0 1px var(--coral-400);color:var(--coral-700);border-radius:12px;padding:8px 10px}.pf-bagnote{background:var(--mint-100);box-shadow:inset 0 0 0 1px var(--c-mint-300);color:var(--mint-700);border-radius:12px;padding:8px 10px}.pf-feed{width:100%;min-height:44px}.ph-ava:focus-visible,.ph-bowl:focus-visible,.pf-panel :focus-visible{outline:3px solid var(--gp-gold);outline-offset:3px}body.touch #hud-pet{right:calc(12px + var(--safe-r,0px));bottom:calc(252px + var(--safe-b,0px));gap:2px;width:136px;height:118px;padding:5px}body.touch .ph-ava{flex-basis:58px;height:54px}body.touch .ph-bowl{flex-basis:58px;min-height:50px}body.touch #hud.win-open #hud-pet,body.touch #hud.win-open #hud-petfeed{visibility:hidden}@media (orientation:portrait){body.touch #hud-pet{width:118px}body.touch .ph-ava,body.touch .ph-bowl{flex-basis:50px}}@media (orientation:landscape) and (max-height:520px){body.touch #hud-pet{right:calc(248px + var(--safe-r,0px));bottom:calc(8px + var(--safe-b,0px))}.pf-station{grid-template-columns:44px 1fr 56px;padding-top:8px;padding-right:54px}.pf-companions{width:44px;height:44px}}@media (prefers-reduced-motion:reduce){.ph-track i{transition:none}}.item-tip .it-head:has(.it-rank){flex-wrap:wrap;row-gap:0}.item-tip .it-rank{color:var(--gp-amber);flex:none;font-weight:600}.item-tip .it-pet-exp{color:#9ccbfa;font-variant-numeric:tabular-nums;flex:none;font-weight:600}.item-tip .it-pet-line{color:#9ccbfa;font-size:var(--fs-xs)}.item-tip .it-pet-line.unmet{color:#ff9a9c;font-weight:600}.item-tip .it-pet-opt .pa-tip-head,.item-tip .it-pet-opt .pa-opt.pos{color:#e3b8ff;font-weight:600}.pet-notebook-head{border-radius:var(--r-md);background:linear-gradient(90deg, var(--lilac-100), var(--gp-bg-head));box-shadow:inset 0 0 0 1px var(--lilac-400);border:1px solid #000;align-items:center;gap:12px;margin-bottom:14px;padding:12px;display:flex}.pet-notebook-head>div{flex-direction:column;gap:4px;min-width:0;display:flex}.pet-notebook-head b{color:var(--gp-gold);text-shadow:0 2px #000000b3;font-size:18px}.pet-notebook-head span{color:var(--gp-desc);font-size:12px}.pet-view{color:var(--ink);flex-direction:column;gap:12px;display:flex}.pet-view>*{flex-shrink:0}.pet-view>h4{margin:8px 0 0;font-size:14px}.pet-note{color:var(--gp-desc);overflow-wrap:anywhere;font-size:12px;line-height:1.6}.pet-hint{border-radius:var(--r-md);background:var(--c-sky-100);box-shadow:inset 0 0 0 1px var(--c-sky-300);color:var(--c-sky-800);padding:10px 12px;font-size:13px;line-height:1.55}.pet-view .empty{border-radius:var(--r-md);background:var(--sunken);box-shadow:inset 0 0 0 1px var(--gp-rim);border:1px solid #000;padding:20px 14px}.pet-card,.pet-hero{border-radius:var(--r-md);background:var(--gp-bg-raised);box-shadow:inset 0 0 0 1px var(--gp-rim), 0 2px 0 #000;border:1px solid #000;grid-template-columns:64px minmax(0,1fr);align-items:start;gap:12px;padding:14px;display:grid}.pet-hero{background:linear-gradient(160deg, var(--gp-bg-raised), var(--lilac-100));grid-template-columns:84px minmax(0,1fr)}.pet-desc{flex-direction:column;gap:7px;min-width:0;display:flex}.pet-name{flex-wrap:wrap;align-items:baseline;gap:6px;min-width:0;display:flex}.pet-name b{color:var(--ink);overflow-wrap:anywhere;font-size:16px;font-weight:600}.pet-name small{color:var(--gp-desc);font-size:12px}.pet-lv{color:var(--c-sky-700);background:var(--c-sky-100);box-shadow:inset 0 0 0 1px var(--c-sky-300);font-variant-numeric:tabular-nums;border-radius:7px;padding:2px 8px;font-size:12px;font-weight:600}.pet-lv.hi{color:var(--gp-gold);background:var(--gold-200);box-shadow:inset 0 0 0 1px #d9b25a}.pet-chips{flex-wrap:wrap;gap:5px;display:flex}.pet-acts{flex-wrap:wrap;grid-column:1/-1;gap:7px;display:flex}.pet-acts .btn{flex:90px;min-height:44px}.pet-card>.btn{grid-column:1/-1;min-height:44px}.pet-face{background:var(--gp-bg-deep);width:64px;height:64px;box-shadow:inset 0 0 0 1px var(--gp-rim), inset 0 2px 6px #000000a6;box-sizing:border-box;border:1px solid #000;border-radius:12px;flex:none;place-items:center;display:grid;position:relative}.pet-face.lg{border-radius:14px;width:84px;height:84px}.pet-face.sm{border-radius:10px;width:48px;height:48px}.pet-face.icon-face>.icon{border-radius:12px;width:72%;height:72%}.pet-raise .pet-bars{width:100%;margin-top:2px}.pet-gauge-lines{color:var(--gp-desc);flex-direction:column;gap:4px;font-size:12px;line-height:1.5;display:flex}.pet-gline.ready{color:var(--gp-gold);font-weight:600}.pet-gline.empty{color:var(--coral-700);font-weight:600}.pet-raise.hungry{border-left:4px solid var(--gp-amber)}.pet-raise.ready{border-left:4px solid var(--mint-600)}.pet-raise.critical{border:2px solid var(--pet-danger)}.pet-hint-hungry{background:var(--c-peach-100);box-shadow:inset 0 0 0 1px var(--c-peach-300);color:var(--c-peach-700);font-weight:600}.pet-hint-hungry.critical{box-shadow:inset 0 0 0 1px var(--pet-danger);color:#fff;background:#8f2a2e}.pet-hint-ready{background:var(--mint-100);box-shadow:inset 0 0 0 1px var(--c-mint-300);color:var(--mint-700);font-weight:600}.pet-branch{border-radius:var(--r-md);background:var(--sunken);box-shadow:inset 0 0 0 1px var(--gp-rim);border:1px solid #000;flex-direction:column;gap:10px;padding:12px;display:flex}.pet-branch.lean{border-left:4px solid #d9b25a}.pet-branch-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.pet-branch-head b{color:var(--gp-gold);font-size:14px;font-weight:600}.pet-branch-head .pet-chips{justify-content:flex-end}.pet-branch-outs{flex-wrap:wrap;gap:7px;display:flex}.pet-out{background:var(--gp-bg-raised);box-shadow:inset 0 0 0 1px var(--gp-rim);border:1px solid #000;border-radius:12px;align-items:center;gap:6px;min-width:0;padding:5px 9px 5px 5px;font-size:13px;display:inline-flex}.pet-out small{color:var(--mint-700);font-variant-numeric:tabular-nums;font-weight:600}.pet-out-ico{border-radius:8px;flex:none;width:28px;height:28px}.pet-out-ico .icon-letter{font-size:12px}.pet-lost .row-main small,.pet-skill .row-main small{white-space:normal}.pet-lost{border-left:3px solid var(--coral-600)}.pet-foot{flex-wrap:wrap;gap:8px}.pet-foot .btn{white-space:normal;flex:120px;min-width:0;min-height:44px}.pet-sk-head{border-radius:var(--r-md);background:var(--sunken);box-shadow:inset 0 0 0 1px var(--gp-rim);align-items:center;gap:10px;padding:12px;display:flex}.pet-sk-head .pet-name{flex-direction:column;flex:1;gap:2px}.pet-sp{background:var(--gold-200);border:1px solid #d9b25a;border-radius:12px;flex-direction:column;flex:none;align-items:center;padding:7px 12px;display:flex}.pet-sp small{color:var(--gold-700);font-size:11px}.pet-sp b{color:var(--gp-gold);font-variant-numeric:tabular-nums;text-shadow:0 2px #000;font-size:24px;font-weight:600;line-height:1.2}.pet-skill{min-height:60px}.pet-skill.unlearned .pet-sk-ico{opacity:.65}.pet-req{color:var(--gp-desc)!important}.pet-req.ok{font-weight:600;color:var(--mint-700)!important}.pet-sk-ico{color:#fff;background:var(--gp-circle-blue-img) center / contain no-repeat;filter:drop-shadow(0 2px 2px #0000008c);border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid}.pet-sk-ico.passive{background-image:var(--gp-circle-purple-img)}.pet-sk-ico.basic{background-image:var(--gp-circle-yellow-img);color:#4e2600}.pet-sk-ico .ico{width:22px;height:22px}#win-bpskill .win-foot .btn{white-space:normal;flex:1;min-width:0;min-height:44px}.pet-view .btn{min-height:44px}.pet-view :focus-visible{outline:3px solid var(--gp-gold);outline-offset:3px}.pet-atk-row{flex-direction:row;margin-top:8px;display:flex}.pet-atk-toggle{white-space:normal}.pet-share{border-radius:var(--r-md);background:var(--sunken);box-shadow:inset 0 0 0 1px var(--gp-rim);align-items:center;gap:8px;margin-top:8px;padding:10px;display:flex}.pet-share-txt{flex-direction:column;min-width:0;line-height:1.5;display:flex}.pet-share-txt small{color:var(--gp-desc)}.tag-pet-mine .tag-name:before{content:"";vertical-align:-.12em;background:var(--gp-gold);width:1em;height:1em;-webkit-mask:var(--paw) center / contain no-repeat;-webkit-mask:var(--paw) center / contain no-repeat;mask:var(--paw) center / contain no-repeat;filter:drop-shadow(0 1px 1px #000);margin-right:3px;display:inline-block}.floater.petfx{color:#b8ffcf;text-shadow:0 1px 2px #000,0 0 3px #000;font-size:13px;font-weight:600}@media (max-width:480px){.pet-notebook-head{gap:9px;padding:10px}.pet-notebook-head b{font-size:16px}.pet-card,.pet-hero{grid-template-columns:54px minmax(0,1fr);gap:10px;padding:10px}.pet-card>.slot{--slot:54px!important}.pet-face,.pet-face.lg{width:54px;height:62px}.pet-branch-head .pet-chips{justify-content:flex-start}.pet-view .list-row{flex-wrap:wrap}.pet-view .list-row .row-main{min-width:120px}}#win-guarder .win-body{flex-direction:column;gap:10px;display:flex}.gd-head{align-items:center;gap:6px;min-height:34px;display:flex}.gd-now{min-width:0;font-size:var(--fs-sm);color:var(--ink);background:var(--gp-bg-deep);box-shadow:inset 0 0 0 1px var(--gp-rim), inset 0 2px 4px #00000080;border-radius:14px;flex:1;align-items:baseline;gap:6px;padding:6px 12px;display:flex}.gd-now-k{font-size:var(--fs-xs);color:var(--ink-2);flex:none}.gd-now-n{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.gd-help{margin-right:-4px}.gd-tip{flex-direction:column;gap:4px;max-width:250px;line-height:1.45;display:flex}.gd-row{justify-content:center;align-items:center;gap:12px;display:flex}.gd-cell{flex-direction:column;align-items:center;gap:12px;display:flex}.gd-label{font-size:var(--fs-xs);color:var(--ink-2);font-weight:600}.guarder-cell .slot{--slot:56px;cursor:pointer;position:relative}.guarder-cell.worn .slot{cursor:default;box-shadow:0 0 0 2px #d9b25a, 0 0 8px #f4d48766, var(--shadow-1)}.guarder-cell .slot:not(:has(.icon)){outline:2px dashed var(--gp-rim-2);outline-offset:-7px;color:var(--gp-rim-2);place-items:center;display:grid}.guarder-cell .slot:not(:has(.icon))>.ico{opacity:.7;width:22px;height:22px}.guarder-cell .slot.picking{box-shadow:0 0 0 2px #d9b25a,0 0 8px #f4d48766}.guarder-cell.drop-hover .slot,.guarder-cell .slot.drop-hover{box-shadow:0 0 0 3px var(--mint-600)}.gd-tag{z-index:2;border-radius:var(--r-pill);white-space:nowrap;pointer-events:none;color:var(--ink-2);background:var(--gp-bg-head);box-shadow:0 0 0 1px #000, inset 0 0 0 1px var(--gp-rim);padding:0 6px;font-size:10px;font-weight:600;line-height:15px;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)}.gd-tag.on{color:#3d2000;background:linear-gradient(#ffe07a, var(--gp-amber));box-shadow:0 0 0 1px #000}.gd-swap{color:#fff;background:var(--gp-circle-blue-img) center / contain no-repeat;width:38px;height:38px;box-shadow:none;filter:drop-shadow(0 2px 3px #000000a6);transition:transform .3s var(--bounce);border:0;border-radius:50%;flex:none;place-items:center;margin-bottom:27px;padding:0;display:grid}.gd-swap .ico{width:20px;height:20px}.gd-swap:hover{transform:rotate(180deg)}.gd-swap:active{transition-duration:60ms;transform:rotate(180deg)scale(.9)}.gd-pick{flex-direction:column;gap:6px;display:flex}.gd-pick[hidden]{display:none}.gd-pick-head{font-size:var(--fs-xs);color:var(--ink-2)}.gd-pick-grid{flex-wrap:wrap;gap:6px;display:flex}.gd-pick-grid .slot{cursor:pointer}.gd-foot .btn{flex:1;min-width:0}.gd-key{letter-spacing:0;background:#00000059;border-radius:6px;margin-left:6px;padding:0 6px;font-family:inherit;font-size:11px;font-weight:600;line-height:17px;box-shadow:inset 0 0 0 1px #ffffff2e}body.touch .gd-swap{width:46px;height:46px}body.touch .gd-pick-grid .slot{--slot:48px}body.touch .gd-foot .btn{min-height:44px}#hud-guarder{--gp-on:0;z-index:4;right:var(--hud-right);bottom:calc(var(--pad) + var(--safe-b) + (70px + var(--gp-on) * 146px) * var(--hs,1));transform:scale(var(--hs,1));transform-origin:100% 100%;border-radius:40px;align-items:center;gap:7px;padding:5px 6px 5px 5px;display:flex;position:absolute}#hud-guarder[hidden]{display:none}body:not(.touch) #hud.hb-stack:not([data-hl-moved~=guarder]) #hud-guarder{bottom:calc(66px + var(--safe-b) + (120px + var(--gp-on) * 146px) * var(--hs,1))}:is(#hud:not([data-hl-moved~=pet]):not([data-hl-hidden~=pet]):not([data-hl-moved~=guarder]):has(>#hud-pet:not([hidden])) #hud-guarder,#hud.hl-edit:not([data-hl-moved~=pet]):not([data-hl-moved~=guarder]) #hud-guarder){--gp-on:1}.gp-ava{cursor:pointer;background:radial-gradient(circle at 50% 38%, #fff3 0 30%, #fff0 72%), linear-gradient(160deg, var(--sky-200), var(--gp-bg-deep));width:48px;height:48px;box-shadow:0 0 0 2px #000, 0 0 0 4px var(--gp-rim-2), 0 2px 6px #0000008c;border:0;border-radius:50%;flex:none;padding:0;position:relative}#hud-guarder.worn .gp-ava{box-shadow:0 0 0 2px #000,0 0 0 4px #d9b25a,0 0 8px #f4d48766,0 2px 7px #0000008c}#hud-guarder.mounted .gp-ava{background:radial-gradient(circle at 50% 40%, #fff3 0 30%, #fff0 72%), linear-gradient(160deg, var(--c-mint-300), var(--gp-bg-deep))}.gp-ava:hover{filter:brightness(1.08)}.gp-face{pointer-events:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.gp-face>.icon{border-radius:var(--r-sm);width:66%;height:66%}.gp-face>.ico{color:#fff;opacity:.75;width:22px;height:22px}.gp-face img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;flex:none;width:112%;height:112%}.gp-mini{pointer-events:none;background:var(--gp-bg-deep);width:22px;height:22px;box-shadow:0 0 0 1.5px #000, inset 0 0 0 1px var(--gp-rim-2), 0 1px 3px #0000008c;border-radius:50%;padding:2px;position:absolute;bottom:-4px;right:-5px}.gp-mini[hidden]{display:none}.gp-mini>.icon{border-radius:50%;width:100%;height:100%}.gp-txt{flex-direction:column;align-items:flex-start;gap:3px;min-width:0;padding-left:2px;display:flex}.gp-kind{white-space:nowrap;color:var(--gp-gold);text-shadow:0 1px 2px #000;font-size:12.5px;font-weight:700;line-height:15px}.gp-state{border-radius:var(--r-pill);white-space:nowrap;color:var(--ink-2);background:var(--gp-bg-deep);box-shadow:inset 0 0 0 1px var(--gp-rim);padding:0 7px;font-size:10px;font-weight:600;line-height:15px}.gp-state.on{color:#3d2000;background:linear-gradient(#ffe07a, var(--gp-amber))}.gp-state.ride{color:#fff;background:linear-gradient(var(--c-mint-500), var(--c-mint-400));text-shadow:0 1px 1px #000}.gp-state.off{color:var(--ink-3);background:#00000059}.gp-swap{cursor:pointer;color:#fff;background:var(--gp-circle-blue-img) center / contain no-repeat;width:32px;height:32px;box-shadow:none;filter:drop-shadow(0 2px 3px #000000a6);transition:transform .3s var(--bounce);border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.gp-swap .ico{width:17px;height:17px}.gp-swap:not(:disabled):hover{transform:rotate(180deg)}.gp-swap:not(:disabled):active{transition-duration:60ms;transform:rotate(180deg)scale(.9)}.gp-swap:disabled{cursor:default;opacity:.45;filter:grayscale(.6)}body.touch #hud-guarder{right:calc(12px + var(--safe-r));bottom:calc(18px + 224px + 10px + var(--safe-b) + var(--gp-on) * 126px * var(--hs,1));gap:6px;padding:4px 5px 4px 4px}body.touch .gp-ava{width:46px;height:46px}body.touch .gp-swap{width:44px;height:44px}body.touch .gp-swap .ico{width:20px;height:20px}body.touch #hud.win-open #hud-guarder{visibility:hidden}@media (orientation:landscape) and (max-height:520px){body.touch #hud-guarder{right:calc(12px + 224px + 12px + var(--safe-r) + var(--gp-on) * 144px * var(--hs,1));bottom:calc(8px + var(--safe-b))}}#win-petevo .win-body,.pe-view{flex-direction:column;gap:8px;display:flex}.pe-view>h4{margin:8px 0 0}.pe-view .empty{padding:14px 8px}.pe-note{font-size:var(--fs-xs);color:var(--ink-2);line-height:1.45}.pe-hero{background:linear-gradient(135deg, var(--gp-bg-raised), var(--lilac-100) 70%);align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.pe-bubble{color:#fff;background:var(--gp-circle-purple-img) center / contain no-repeat;filter:drop-shadow(0 2px 3px #000000a6);border-radius:50%;flex:none;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.pe-bubble .ico{width:20px;height:20px}.pe-intro{font-size:var(--fs-sm);color:var(--ink);line-height:1.5}.pe-pet{align-items:center;gap:12px;display:flex}.pe-pet.ready{box-shadow:inset 4px 0 0 var(--gp-gold), inset 0 0 0 1px #d9b25a, var(--shadow-1)}.pe-pet-main{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.pe-pet-name{font-size:var(--fs-lg);overflow-wrap:anywhere;font-weight:600}.pe-chips{flex-wrap:wrap;gap:4px;display:flex}.pe-view .bar.gold i{--fill:#ffe07a;--fill-2:#e09a1e}.pe-branches{flex-direction:column;gap:6px;display:flex}.pe-branch{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;flex-direction:column;gap:6px;padding:8px 10px;display:flex}.pe-branch.selected{box-shadow:inset 4px 0 0 var(--gp-gold), 0 0 0 2px #d9b25a}.pe-branch.locked{background:var(--sunken)}.pe-branch-head{justify-content:space-between;align-items:center;gap:6px;display:flex}.pe-outs{flex-wrap:wrap;gap:6px;display:flex}.pe-out{border-radius:var(--r-pill);background:var(--gp-bg-deep);border:1px solid var(--line);font-size:var(--fs-sm);align-items:center;gap:6px;padding:3px 8px 3px 3px;display:inline-flex}.pe-out small{color:var(--mint-600);font-variant-numeric:tabular-nums;font-weight:600}.pe-out-ico{border-radius:50%;flex:none;width:26px;height:26px}.pe-mats .slot.used{opacity:.45}.pe-tray-head{align-items:center;gap:6px;margin-top:8px;display:flex}.pe-tray-head h4{flex:1;margin:0}.pe-tray{border-radius:var(--r-md);background:var(--lilac-100);box-shadow:inset 0 0 0 1px var(--lilac-400), inset 0 2px 6px #00000080;grid-template-columns:repeat(5,max-content);justify-content:center;gap:6px;padding:8px;display:grid}.pe-tray .pe-tray-slot.wrong{box-shadow:0 0 0 2px var(--coral-400)}.pe-foot{align-items:center}.pe-sum{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.pe-chance{font-size:var(--fs-lg);color:var(--lilac-700);font-variant-numeric:tabular-nums}.pe-chance.full{color:var(--mint-700)}.pe-chance.none{color:var(--ink-3)}.pe-wrong{color:var(--coral-700)}.pe-fee{font-size:var(--fs-sm);color:var(--ink-2);gap:6px;display:inline-flex}.pe-result{align-items:center;gap:12px;padding:14px;display:flex}.pe-result.ok{background:linear-gradient(135deg, var(--gp-bg-raised), var(--gold-200));box-shadow:inset 4px 0 0 var(--gp-gold), var(--shadow-1)}.pe-result.fail{background:var(--coral-100);box-shadow:inset 0 0 0 1px var(--coral-400)}.pe-result-text{flex-direction:column;gap:4px;display:flex}.pe-result-text b{font-size:var(--fs-lg)}.pe-result.fail b{color:var(--coral-700)}@media (orientation:portrait){body.touch .pe-tray{grid-template-columns:repeat(5,max-content)}}.pe-lost-acts{flex-direction:column;flex:none;gap:4px;display:flex}#win-petevo7{--sky-50:var(--c-lilac-50);--sky-100:var(--c-lilac-100);--sky-200:var(--c-lilac-200);--sky-300:var(--c-lilac-300);--sky-400:var(--c-lilac-400);--sky-500:var(--c-lilac-500);--sky-600:var(--c-lilac-600);--sky-700:var(--c-lilac-700);--sky-800:var(--c-lilac-800)}#win-petevo7 .win-body,.pe7-view{flex-direction:column;gap:8px;display:flex}.pe7-title{margin:6px 0 0}.pe7-note{font-size:var(--fs-xs);color:var(--ink-2);line-height:1.45}.pe7-err{border-radius:var(--r-md);background:var(--coral-100);color:var(--coral-700);font-size:var(--fs-sm);padding:8px 12px;font-weight:600}.pe7-why{color:var(--coral-700)}.pe7-hint{font-size:var(--fs-sm);text-align:center;font-weight:600}.pe7-slots{justify-content:center;align-items:flex-start;gap:10px;padding:10px 8px;display:flex}.pe7-group{gap:6px;display:flex}.pe7-divider{border-left:1px solid var(--gp-rim);flex:none;align-self:stretch;width:0;margin:4px 2px 18px}.pe7-cell{min-width:var(--slot);flex-direction:column;align-items:center;gap:3px;display:flex}.pe7-cap{font-size:var(--fs-xs);color:var(--ink-2);white-space:nowrap}.pe7-slot{cursor:pointer}.pe7-slot.off{pointer-events:none;opacity:.6}.pe7-slot .pe7-ph{width:46%;height:46%;color:var(--sky-300);opacity:.75}.pe7-cell.picking .pe7-slot{box-shadow:0 0 0 3px var(--gold-400)}.pe7-stones .pe7-slot:not(:has(.icon)){filter:hue-rotate(20deg)saturate(1.3)}.pe7-picker{box-shadow:inset 4px 0 0 var(--gp-gold), inset 0 0 0 1px var(--gp-rim), var(--shadow-1);flex-direction:column;gap:6px;padding:8px 10px;display:flex}.pe7-picker-head{justify-content:space-between;align-items:center;gap:6px;display:flex}.pe7-pick-list{max-height:260px;overflow-y:auto}.pe7-pick{min-height:var(--tap);cursor:pointer}.pe7-pick:hover:not(.off),.pe7-pick:focus-visible{filter:brightness(1.15);outline:none}.pe7-pick.off{cursor:default;opacity:.7}.pe7-pick .row-main small{white-space:normal}.pe7-pick-empty{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pe7-info{flex-direction:column;gap:10px;padding:10px 12px;display:flex}.pe7-rank{padding:0 6px;position:relative}.pe7-marks{height:30px;position:relative}.pe7-mark{font-size:var(--fs-xs);white-space:nowrap;flex-direction:column;align-items:center;gap:1px;display:flex;position:absolute;bottom:0;transform:translate(-50%)}.pe7-mark.end{align-items:flex-end;transform:translate(-100%)}.pe7-mark.start{align-items:flex-start;transform:none}.pe7-mark b{color:var(--ink-2);font-weight:600}.pe7-mark i{border-left:6px solid #0000;border-right:6px solid #0000;border-top:8px solid var(--pe7-mk,#1f9ad6);width:0;height:0}.pe7-mark.t1{--pe7-mk:#e6b400}.pe7-mark.t2{--pe7-mk:#e84a5a}.pe7-mark.hit b{color:var(--ink)}.pe7-rankbar{height:18px}.pe7-rankbar span{line-height:18px}.pe7-bar.blue i{--fill:#9edcff;--fill-2:#1f9ad6}.pe7-bar.yellow i{--fill:#fff08a;--fill-2:#e6b400}.pe7-bar.red i{--fill:#ffa3a8;--fill-2:#e84a5a}.pe7-panels{grid-template-columns:1.15fr 1fr;gap:8px;display:grid}.pe7-panel{border-radius:var(--r-md);background:var(--sunken);box-shadow:inset 0 0 0 1px var(--gp-rim);border:1px solid #000;flex-direction:column;gap:6px;padding:8px;display:flex}.pe7-panel-head{font-size:var(--fs-xs);color:var(--gp-gold);font-weight:600}.pe7-grow{grid-template-columns:74px 1fr;align-items:center;gap:6px;display:grid}.pe7-glabel{font-size:var(--fs-sm);color:var(--ink-2);text-align:right;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pe7-grow.lead .pe7-glabel{color:var(--gold-700);font-weight:700}.pe7-money{border-top:1px solid #ffffff14;flex-direction:column;gap:6px;margin-top:auto;padding-top:8px;display:flex}.pe7-mrow{font-size:var(--fs-sm);color:var(--ink-2);justify-content:space-between;align-items:center;gap:6px;display:flex}.pe7-mrow .money.short{color:var(--coral-700)}.pe7-ticket{flex-direction:column;gap:6px;padding:8px 10px;display:flex}.pe7-ticket-row{align-items:center;gap:10px;display:flex}.pe7-ticket-row .row-main{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.pe7-ticket-row .row-main small{white-space:normal}.pe7-ticket-name{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pe7-pool{flex-wrap:wrap;gap:3px;display:flex}.pe7-pool-ico{border-radius:50%;flex:none;width:26px;height:26px}.pe7-got{border-radius:var(--r-md);background:var(--mint-100);color:var(--mint-700);font-size:var(--fs-sm);align-items:center;gap:8px;padding:6px 10px;display:flex}.pe7-shop-head{min-height:var(--tap);justify-content:flex-start}.pe7-shop-head .pe7-chev{margin-left:auto}.pe7-shop-row{flex-wrap:wrap}.pe7-shop-row .row-main{flex-direction:column;flex:140px;align-items:flex-start;gap:3px;min-width:0;display:flex}.pe7-price{font-size:var(--fs-sm)}.pe7-buy{align-items:center;gap:8px;margin-left:auto;display:flex}.pe7-step{align-items:center;gap:4px;display:flex}.pe7-qty{text-align:center;font-variant-numeric:tabular-nums;width:52px}.pe7-total{font-size:var(--fs-xs);color:var(--ink-2);white-space:nowrap;font-variant-numeric:tabular-nums}.pe7-help{padding:6px;overflow-x:auto}.pe7-help-table{border-collapse:collapse;width:100%;font-size:var(--fs-sm);text-align:center}.pe7-help-table thead th{color:var(--sky-700);border-bottom:2px solid var(--sky-300);padding:6px 4px;font-weight:700}.pe7-help-grp:nth-of-type(odd){background:var(--gp-bg-raised)}.pe7-help-grp:nth-of-type(2n){background:var(--sunken)}.pe7-help-grp td,.pe7-help-grp th{padding:3px 4px}.pe7-help-grp tr:first-child>*{border-top:1px solid #ffffff14}.pe7-help-series b{color:var(--ink);display:block}.pe7-help-series small{color:var(--ink-3);font-size:10.5px;font-weight:400;display:block}.pe7-help-rank{font-size:var(--fs-xs);color:#7cc4ff;font-weight:600}.pe7-help-rank.t1{color:var(--gold-700)}.pe7-help-rank.t2{color:var(--coral-700)}.pe7-yes .ico,.pe7-no .ico{vertical-align:middle;width:16px;height:16px}.pe7-yes{color:var(--mint-600)}.pe7-no{color:var(--coral-600)}.pe7-rules{font-size:var(--fs-sm);color:var(--ink);flex-direction:column;gap:5px;margin:0;padding:10px 12px 10px 28px;line-height:1.5;display:flex}.pe7-result{align-items:center;gap:12px;padding:14px;display:flex}.pe7-result.ok{background:linear-gradient(135deg, var(--gp-bg-raised), var(--gold-200));box-shadow:inset 4px 0 0 var(--gp-gold), var(--shadow-1)}.pe7-result.fail{background:var(--coral-100);box-shadow:inset 0 0 0 1px var(--coral-400)}.pe7-result-text{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.pe7-result-text b{font-size:var(--fs-lg)}.pe7-result-name{font-size:var(--fs-xl);color:var(--lilac-700);overflow-wrap:anywhere;font-weight:700}.pe7-chips{flex-wrap:wrap;gap:4px;display:flex}.pe7-result-ticket{color:var(--mint-700);align-items:center;gap:5px;font-weight:600;display:inline-flex}.pe7-result-ticket .ico{width:16px;height:16px}.pe7-fail-text{color:var(--coral-700);line-height:1.5}.pe7-used{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.pe7-foot{align-items:center;gap:6px}.pe7-foot-gap{flex:1}body.touch .pe7-pick-list{max-height:none}body.touch .pe7-stepbtn{min-width:44px;min-height:44px}body.touch .pe7-qty,body.touch .pe7-foot .btn{min-height:44px}body.touch .pe7-rankbar,body.touch .pe7-bar{height:18px}body.touch .pe7-bar span{line-height:18px}@media (orientation:portrait){body.touch .pe7-slots{flex-direction:column;align-items:center;gap:8px}body.touch .pe7-divider{border-left:0;border-top:1px solid var(--gp-rim);align-self:stretch;width:auto;height:0;margin:0 12px}body.touch .pe7-panels{grid-template-columns:1fr}body.touch .pe7-group{gap:8px}body.touch .pe7-buy{justify-content:flex-end;width:100%}}@media (max-width:560px){.pe7-slots{flex-direction:column;align-items:center;gap:8px}.pe7-divider{border-left:0;border-top:1px solid var(--gp-rim);align-self:stretch;width:auto;height:0;margin:0 12px}.pe7-panels{grid-template-columns:1fr}.pe7-buy{justify-content:flex-end;width:100%}}@media (orientation:landscape) and (max-height:520px){body.touch .pe7-slots{gap:8px;padding:6px}body.touch .pe7-cap{font-size:10px}body.touch .pe7-marks{height:26px}body.touch .pe7-grow{grid-template-columns:66px 1fr}}.prog-body{flex-direction:column;gap:8px;display:flex}.prog-body>h4{margin:6px 0 0}.prog-label{color:var(--ink-2);font-size:var(--fs-sm)}.prog-note{font-size:var(--fs-xs);color:var(--ink-2);line-height:1.45}.prog-big{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.prog-big b{font-size:var(--fs-xl);font-variant-numeric:tabular-nums;font-weight:600;line-height:1.2}.prog-gold{color:var(--gold-700)}.prog-cp{color:var(--coral-600)}.prog-fame-info{flex-direction:column;flex:1;align-items:flex-start;gap:4px;min-width:0;display:flex}.prog-fame-info>.bar{align-self:stretch}.prog-reset{font-variant-numeric:tabular-nums;align-self:flex-start}.prog-fame{background:linear-gradient(135deg, var(--gold-200), var(--card) 60%);align-items:center;gap:14px;padding:12px 14px;display:flex}.prog-lv{color:#4e2600;text-shadow:0 1px #ffe7a1;background:var(--gp-circle-yellow-img) center / contain no-repeat;filter:drop-shadow(0 2px 3px #000000a6);border-radius:50%;flex-direction:column;flex:none;justify-content:center;align-items:center;width:72px;height:72px;display:flex}.prog-lv small{font-size:var(--fs-xs);font-weight:600;line-height:1}.prog-lv b{font-variant-numeric:tabular-nums;font-size:28px;font-weight:600;line-height:1.05}.prog-rank{font-size:var(--fs-lg);color:var(--gp-gold);cursor:help;font-weight:600}.prog-chips{flex-wrap:wrap;gap:4px;display:flex}.prog-cp-card,.prog-time-head,.prog-couple,.prog-att-head{align-items:center;gap:12px;display:flex}.prog-cp-ico,.prog-heart{color:#fff;background:var(--gp-circle-red-img) center / contain no-repeat;filter:drop-shadow(0 2px 3px #000000a6);border-radius:50%;flex:none;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.prog-cp-ico.clock{background-image:var(--gp-circle-blue-img)}.prog-cp-ico .ico,.prog-heart .ico{width:26px;height:26px}.prog-cp-card>.btn{flex:none}.prog-tbadge{width:40px;height:40px;color:var(--gp-gold);background:var(--gold-200);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex;box-shadow:0 0 0 1px #000,inset 0 0 0 1px #8a6a2e}.prog-title.locked .prog-tbadge{color:var(--ink-3);background:var(--sunken)}.prog-title.locked .row-main{opacity:.7}.prog-trow{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.prog-tname{border-radius:var(--r-pill);max-width:100%;font-weight:600;font-size:var(--fs-sm);overflow-wrap:anywhere;text-shadow:0 1px 1px #0009;background:#2c3852;padding:1px 8px;display:inline-block}.prog-title .row-main small{white-space:normal}.prog-tstat{color:var(--mint-600)!important}.prog-body>.switch{margin:0}.prog-heart.off{background-image:var(--gp-circle-gray-img)}.prog-heart.none{background:var(--sunken);color:var(--ink-3);box-shadow:none}.prog-cname{font-size:var(--fs-lg);color:var(--c-pink-700);font-weight:600}.prog-cname.none{color:var(--ink-2)}.prog-online{font-size:var(--fs-sm);color:var(--ink-2);align-items:center;gap:6px;display:flex}.prog-propose{gap:8px;display:flex}.prog-propose .input{flex:1;min-width:0}.prog-propose .btn{flex:none}.prog-att-head .prog-fame-info b{font-size:var(--fs-lg);font-weight:600}.prog-att-head>.prog-reset{flex:none;align-self:center}.prog-cal{grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-rows:1fr;gap:6px;display:grid}.prog-day{border-radius:var(--r-md);background:var(--card);min-height:86px;box-shadow:inset 0 0 0 1px var(--gp-rim), 0 2px 0 #000;border:1px solid #000;flex-direction:column;align-items:center;gap:4px;padding:6px 2px 8px;display:flex;position:relative}.prog-day-n{font-size:var(--fs-xs);color:var(--ink-2);white-space:nowrap;font-weight:600}.prog-ico{width:var(--slot);height:var(--slot);border-radius:var(--r-sm);background:var(--sunken);flex:none;justify-content:center;align-items:center;display:flex;position:relative}.prog-ico>.icon{width:calc(100% - 6px);height:calc(100% - 6px)}.prog-day.done{background:var(--mint-100);border-color:#000;box-shadow:inset 0 0 0 1px #2f6a58}.prog-day.done .prog-ico{opacity:.55}.prog-day.missed,.prog-day.locked{background:var(--sunken);box-shadow:none;border-color:#0000}.prog-day.locked .prog-ico{opacity:.85}.prog-day.missed .prog-ico{opacity:.45;filter:grayscale()}.prog-day.today{cursor:pointer;border:2px solid var(--gold-500);background:linear-gradient(var(--gold-200), #2f2718);box-shadow:0 0 0 3px #f4a91d40, var(--shadow-2);animation:1.6s ease-in-out infinite prog-glow}.prog-day.today .prog-day-n{color:var(--gold-700)}@keyframes prog-glow{50%{box-shadow:0 0 0 5px #f4a91d1f, var(--shadow-2)}}html[data-quality=low] .prog-day.today{animation:none}.prog-today{color:#3d2000;background:var(--gp-amber);border-radius:var(--r-pill);white-space:nowrap;padding:0 6px;font-size:10.5px;font-weight:600;box-shadow:0 0 0 1px #000}.prog-done{color:#fff;background:var(--mint-600);border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;bottom:4px;right:4px;box-shadow:0 0 0 2px #000}.prog-done .ico{stroke-width:3px;width:14px;height:14px}.prog-bonus-mark{color:var(--coral-600);position:absolute;bottom:4px;left:5px}.prog-bonus-mark .ico{width:14px;height:14px}.prog-cum{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:6px;display:grid}.prog-cum-card{border-radius:var(--r-md);background:linear-gradient(var(--gold-200), #2f2718);border:1px solid #000;align-items:center;gap:8px;padding:6px 8px;display:flex;position:relative;box-shadow:inset 0 0 0 1px #8a6a2e8c}.prog-cum-card b{font-size:var(--fs-sm);color:var(--gold-700);font-weight:600}.prog-cum-card small{font-size:var(--fs-xs);color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.prog-cum-card.done{background:var(--mint-100);box-shadow:inset 0 0 0 1px #2f6a58}.prog-play{font-size:var(--fs-xl);font-variant-numeric:tabular-nums;font-weight:600}.prog-time-head .bar span{display:none}.prog-trw .row-main{gap:3px}.prog-trw .row-main b{white-space:normal}.prog-trw .row-main .bar{margin-top:2px}.prog-trw.done{border-radius:var(--r-md);background:var(--mint-100);border:1px solid #000;box-shadow:inset 0 0 0 1px #2f6a58}.prog-trw.ready{border-image:var(--gp-row-on)}.prog-trw>.chip,.prog-trw>.btn{flex:none}.prog-trw>.chip .ico{width:14px;height:14px}.prog-trw .prog-ico.slot{padding:0}.prog-jobs{scrollbar-width:none;gap:6px;margin:-2px 0 10px;padding:2px 1px;display:flex;overflow-x:auto}.prog-jobs::-webkit-scrollbar{display:none}.prog-job{border-radius:var(--r-pill);background:var(--card);min-height:32px;box-shadow:inset 0 0 0 1px var(--gp-rim);color:var(--ink-2);font-size:var(--fs-sm);white-space:nowrap;border:1px solid #000;flex:none;padding:0 14px;font-weight:600}.prog-job:hover{box-shadow:inset 0 0 0 1px var(--gp-rim-2);background:var(--gp-bg-hover);color:var(--ink)}.prog-job.on{background:var(--sky-500);color:#fff;text-shadow:0 1px 1px #000;box-shadow:inset 0 0 0 1px #d9b25a,0 2px #000}body.touch .prog-job{min-height:44px;font-size:var(--fs-md)}.prog-stage{border-radius:var(--r-lg);box-shadow:inset 0 0 0 1px var(--gp-rim), inset 0 2px 8px #000000a6;background:radial-gradient(ellipse 46% 70% at 50% 0%, #f4d48747, #f4d48700 72%), var(--dots), linear-gradient(180deg, var(--c-honey-100), var(--c-pink-50) 62%, var(--gp-bg-deep));background-size:auto,18px 18px,auto;border:1px solid #000;margin-bottom:10px;position:relative;overflow:hidden}.prog-stage-3d{height:236px;position:relative}.prog-stage-3d:after{content:"";pointer-events:none;opacity:.95;background:var(--spark) 9% 16% / 18px no-repeat, var(--star) 17% 40% / 10px no-repeat, var(--spark) 90% 22% / 15px no-repeat, var(--star) 83% 46% / 11px no-repeat;position:absolute;inset:0}.pod-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.prog-plates{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 8px 8px;display:grid;position:relative}.prog-pod{text-align:center;border-radius:var(--r-md);background:var(--card);min-width:0;box-shadow:inset 0 0 0 1px var(--gp-rim), 0 2px 0 #000;border:2px solid #000;flex-direction:column;align-items:center;gap:1px;padding:6px 6px 7px;display:flex}.prog-pod.p1{background:linear-gradient(var(--gold-200), var(--card));box-shadow:inset 0 0 0 1px #d9b25a,0 2px #000,0 0 10px #fab13740}.prog-pod.p2{background:linear-gradient(#323a4c, var(--card));box-shadow:inset 0 0 0 1px #9aa5b8,0 2px #000}.prog-pod.p3{background:linear-gradient(var(--c-peach-100), var(--card));box-shadow:inset 0 0 0 1px #c7783c,0 2px #000}.prog-pod.mine{outline:2.5px solid var(--gp-gold);outline-offset:1px}.prog-pod.vacant{opacity:.7}.prog-pod-name{font-weight:600;font-size:var(--fs-md);justify-content:center;align-items:center;gap:4px;min-width:0;max-width:100%;display:flex}.prog-pod-name span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.prog-pod.vacant .prog-pod-name span{color:var(--ink-3);font-weight:400}.prog-pod-trophy{flex:none;width:22px;height:22px}.prog-pod-sub{font-size:var(--fs-xs);color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.prog-pod-val{color:var(--coral-600);font-variant-numeric:tabular-nums;font-weight:600}.prog-pod .prog-tname{font-size:var(--fs-xs);text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.prog-confetti{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.prog-confetti i{top:-14px;left:var(--x);background:var(--c);opacity:0;width:7px;height:12px;animation:prog-confetti var(--t) var(--d) cubic-bezier(.25, .6, .45, 1) forwards;border-radius:2px;position:absolute}.prog-confetti i.round{border-radius:50%;width:8px;height:8px}@keyframes prog-confetti{0%{opacity:1;transform:translate(0)rotate(0)}80%{opacity:1}to{opacity:0;transform:translate(var(--dx), 250px) rotate(var(--r))}}html[data-quality=low] .prog-confetti{display:none}@media (prefers-reduced-motion:reduce){.prog-confetti{display:none}}.prog-table{flex-direction:column;gap:4px;display:flex}.prog-tr{border-radius:var(--r-md);background:var(--card);min-height:44px;box-shadow:inset 0 0 0 1px var(--gp-rim);font-size:var(--fs-sm);border:1px solid #000;grid-template-columns:56px 52px minmax(0,1fr) 150px 110px;align-items:center;gap:6px;padding:4px 10px;display:grid}.prog-th{background:var(--gp-bg-head);min-height:30px;box-shadow:none;color:var(--gp-gold);font-weight:600;font-size:var(--fs-xs)}.prog-tr.mine{background:var(--sky-100);box-shadow:inset 0 0 0 1px #d9b25a, inset 4px 0 0 var(--gp-gold)}.prog-tr .c-rank{text-align:center;font-variant-numeric:tabular-nums;font-weight:600}.prog-tr .c-rank.top{color:#fff;border-radius:50%;justify-self:center;width:28px;height:28px;line-height:28px}.prog-tr .c-rank.t1{text-shadow:0 1px #6e4700,1px 0 #6e4700,-1px 0 #6e4700,0 -1px #6e4700;background:linear-gradient(#ffd35c,#c47f00)}.prog-tr .c-rank.t2{text-shadow:0 1px #3b4252,1px 0 #3b4252,-1px 0 #3b4252,0 -1px #3b4252;background:linear-gradient(#c3cbd8,#6f7a8f)}.prog-tr .c-rank.t3{text-shadow:0 1px #5c2e0e,1px 0 #5c2e0e,-1px 0 #5c2e0e,0 -1px #5c2e0e;background:linear-gradient(#f0a874,#a65a24)}.prog-tr .c-chg{font-size:var(--fs-xs);color:var(--ink-3);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:1px;display:inline-flex}.prog-tr .c-chg .ico{stroke-width:3px;width:14px;height:14px}.prog-tr .c-chg.up{color:var(--mint-600)}.prog-tr .c-chg.down{color:var(--coral-600)}.prog-tr .c-chg.new{color:var(--sky-700);font-weight:600}.prog-tr .c-name{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.prog-tr .c-name b{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:600;overflow:hidden}.prog-tr .c-sub{display:none}.prog-tr .c-name .prog-tname{font-size:var(--fs-xs)}.prog-tr .c-job{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.prog-tr .c-val{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.prog-tiers{background:linear-gradient(135deg, var(--lilac-100), var(--card) 70%);flex-direction:column;gap:6px;display:flex}.prog-tiers h4{margin:0}.prog-tier{font-size:var(--fs-sm);grid-template-columns:28px 100px minmax(0,1fr);align-items:center;gap:4px 10px;display:grid}.prog-tier b{font-weight:600}body.touch .prog-tier{grid-template-columns:28px minmax(0,1fr)}body.touch .prog-tier .prog-tstat{grid-column:2}.prog-medal{color:#fff;background:linear-gradient(#a585f0, var(--lilac-400));border-radius:50%;flex:none;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex;box-shadow:0 0 0 1px #000,inset 0 1px #ffffff59}.prog-medal .ico{width:16px;height:16px}.prog-medal.m0{color:#3d2000;background:linear-gradient(#ffd35c,#c47f00)}.prog-medal.m1{color:#1d2230;background:linear-gradient(#c3cbd8,#6f7a8f)}.prog-medal.m2{color:#2e1203;background:linear-gradient(#f0a874,#a65a24)}.prog-rank-foot{flex-wrap:wrap}.prog-rank-foot .btn{flex:none}.prog-me{flex-direction:column;flex:1;min-width:160px;display:flex}.prog-me b{font-weight:600}.prog-me small{font-size:var(--fs-xs);color:var(--ink-2)}.prog-pager{align-items:center;gap:6px;display:flex}.prog-page{text-align:center;font-variant-numeric:tabular-nums;min-width:42px;font-weight:600}@media (orientation:portrait){body.touch .prog-cal{grid-template-columns:repeat(4,minmax(0,1fr))}body.touch .prog-cum{grid-template-columns:repeat(2,minmax(0,1fr))}body.touch .prog-tr{grid-template-columns:40px minmax(0,1fr) auto;padding:4px 8px}body.touch .prog-tr .c-chg,body.touch .prog-tr .c-job{display:none}body.touch .prog-tr .c-sub{width:100%;font-size:var(--fs-xs);color:var(--ink-2);display:block}body.touch .prog-stage-3d{height:196px}body.touch .prog-plates{gap:4px;padding:0 4px 6px}body.touch .prog-pod{padding:5px 3px 6px}body.touch .prog-pod-name{font-size:var(--fs-sm)}body.touch .prog-pod-trophy{width:18px;height:18px}body.touch .prog-me{flex-basis:100%}body.touch .prog-rank-foot .prog-buff{flex:1}body.touch .prog-fame{gap:10px}body.touch .prog-cp-card{flex-wrap:wrap}body.touch .prog-cp-card>.btn{flex:100%}}@media (orientation:landscape) and (max-height:520px){body.touch .prog-tr{grid-template-columns:48px 48px minmax(0,1fr) 130px 96px}body.touch .prog-stage-3d{height:170px}body.touch .prog-pod{gap:0;padding:4px}body.touch .prog-fame,body.touch .prog-att-head{padding-top:8px;padding-bottom:8px}}.tag-title{text-shadow:-1px 0 #000,1px 0 #000,0 1px #000,0 -1px #000,0 1px 3px #000;white-space:nowrap;font-size:12px;font-weight:600;line-height:16px}#win-mail .tabs .tab,#win-ihist>.win-body>.tabs .tab{flex:1}.mail-head{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.mail-row{align-items:center;gap:10px}.mail-env{background:var(--sunken);width:38px;height:38px;color:var(--ink-3);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.mail-env .ico{width:20px;height:20px}.mail-row.unread .mail-env{background:linear-gradient(var(--sky-300), var(--sky-500));color:#fff;box-shadow:var(--shadow-1)}.mail-row.unread{border-color:var(--sky-200)}.mail-row.unread .row-main b{color:var(--sky-700)}.mail-row .row-main b{align-items:center;gap:6px;display:flex}.mail-tag{flex:none;min-height:0;padding:0 6px;font-size:10px;line-height:16px}.mail-preview{color:var(--ink);font-size:var(--fs-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mail-row:not(.unread) .mail-preview{color:var(--ink-2)}.mail-time{align-items:center;gap:2px;display:flex;color:var(--ink-3)!important}.mail-att{flex-direction:column;flex:none;align-items:center;gap:4px;display:flex}.mail-gold-chip{font-size:var(--fs-xs);gap:4px;padding:1px 8px 1px 2px}.mail-gold-chip:before{width:14px;height:14px}.mail-act{flex:none}@media (orientation:portrait){body.touch .mail-row.has-att{flex-wrap:wrap;row-gap:6px}body.touch .mail-row.has-att .row-main{flex:calc(100% - 48px)}body.touch .mail-row.has-att .mail-att{flex-direction:row;align-items:center;gap:8px;margin-left:48px}body.touch .mail-row.has-att .mail-act{margin-left:auto}}body.touch .mail-att{flex-direction:row;align-items:center;gap:8px}.mail-to{gap:8px;display:flex}.mail-to .input{flex:1;min-width:0;margin:0}.mail-pick{margin-top:6px;padding:8px}.mail-pick .tabs{margin-bottom:6px}.mail-pick-list{flex-wrap:wrap;gap:6px;max-height:160px;display:flex;overflow-y:auto}.mail-pick-list .muted{text-align:center;width:100%}.mail-pick-name{border-radius:var(--r-pill);border:1px solid var(--line);background:var(--card);min-height:32px;color:var(--ink);font-size:var(--fs-sm);align-items:center;gap:6px;padding:0 12px;display:inline-flex}.mail-pick-name:hover{border-color:var(--gp-rim-2);background:var(--gp-bg-hover)}body.touch .mail-pick-name{min-height:44px}.mail-msg-count{text-align:right}.mail-gold{align-items:center;gap:8px;display:flex}.mail-gold .input{text-align:right;font-variant-numeric:tabular-nums;flex:1;min-width:0;margin:0}.mail-coin{flex:none;padding:3px}.mail-attach{min-height:var(--slot);align-items:center;gap:10px;display:flex}.mail-attach-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.mail-attach-empty{opacity:.55;color:var(--ink-3)}.mail-attach-empty .ico{width:45%;height:45%}.mail-bag{border-radius:var(--r-md);background:var(--sunken);max-height:200px;margin-top:4px;padding:4px;overflow-y:auto}.mail-bag .muted{text-align:center;grid-column:1/-1}.mail-send-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:4px;display:flex}.mail-send-row .btn{flex:160px}.mega-note{border-radius:var(--r-md);background:var(--sky-50);color:var(--sky-800);font-size:var(--fs-sm);align-items:center;gap:8px;margin-bottom:10px;padding:8px 10px;display:flex}.mega-note .ico{color:var(--sky-600)}.mega-win.big .mega-note{color:var(--gp-gold);background:#3a2f1c}.mega-win.big .mega-note .ico{color:var(--gold-600)}.mega-win .field{margin:0}.mega-count{text-align:right}.mega-banner{left:50%;top:calc(84px + var(--safe-t,0px));z-index:7;pointer-events:none;border-radius:var(--r-pill);background:var(--glass-2);color:#fff;border:1px solid var(--glass-line);width:min(640px,100vw - 16px);box-shadow:var(--shadow-2);-webkit-backdrop-filter:blur(8px);align-items:center;gap:10px;padding:6px 14px 6px 6px;display:flex;position:absolute;transform:translate(-50%)}.mega-ico{background:linear-gradient(var(--sky-300), var(--sky-500));color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.mega-ico .ico{width:18px;height:18px}.mega-view{flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 92%,#0000);mask-image:linear-gradient(90deg,#000 92%,#0000)}.mega-track{white-space:nowrap;font-size:var(--fs-md);align-items:baseline;gap:8px;display:inline-flex}.mega-from{color:var(--sky-200);font-weight:600}.mega-from:after{content:":"}.mega-text{color:#fff}.mega-banner.big{box-shadow:0 0 0 1px #ffc93c40, 0 0 18px #ffb42859, var(--shadow-2);background:linear-gradient(90deg,#783c00d1,#101c34d1);border-color:#ffc93c8c}.mega-banner.big .mega-ico{background:linear-gradient(var(--gold-300), var(--gold-500));color:#5a3400}.mega-banner.big .mega-from{color:var(--gold-300)}.mega-banner.big .mega-track{font-size:var(--fs-lg);font-weight:600}.mega-banner.show{animation:mega-in .35s var(--ease)}.mega-banner.scroll .mega-track{animation:mega-scroll var(--mq-time,5s) linear 1.2s forwards}@keyframes mega-in{0%{opacity:0;transform:translate(-50%,-12px)}}@keyframes mega-scroll{to{transform:translateX(var(--mq-dist,0))}}body.touch .mega-banner{top:calc(76px + var(--safe-t,0px));width:auto;animation-name:fade-in;left:6px;right:118px;transform:none}body.touch .mega-banner .mega-track{font-size:var(--fs-sm)}@media (orientation:landscape) and (max-height:520px){body.touch .mega-banner{top:calc(48px + var(--safe-t,0px));width:min(460px,100vw - 380px);left:50%;right:auto;transform:translate(-50%)}}.guild-notice{left:50%;top:calc(132px + var(--safe-t,0px));z-index:6;cursor:pointer;border-radius:var(--r-lg);background:var(--glass);color:#fff;width:max-content;max-width:min(520px,100vw - 16px);min-height:44px;box-shadow:var(--shadow-2);-webkit-backdrop-filter:blur(8px);animation:toast-in .25s var(--ease);border:1px solid #4fd3a073;align-items:center;gap:10px;padding:5px 8px 5px 6px;display:flex;position:absolute;transform:translate(-50%)}.gn-ico{border-radius:var(--r-sm);background:linear-gradient(var(--mint-500), var(--mint-600));color:#fff;flex:none;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.gn-ico .ico{width:17px;height:17px}.gn-main{flex-direction:column;min-width:0;line-height:1.3;display:flex}.gn-main small{font-size:var(--fs-xs);color:#9ff0cc;font-weight:600}.gn-text{font-size:var(--fs-sm);white-space:pre-line;overflow-wrap:anywhere}.gn-x{color:#fff9;flex:none;display:flex}.gn-x .ico{width:16px;height:16px}body.touch .guild-notice{top:auto;bottom:calc(316px + var(--safe-b,0px));width:auto;max-width:none;animation-name:fade-in;left:6px;right:6px;transform:none}@media (orientation:landscape) and (max-height:520px){body.touch .guild-notice{bottom:auto;top:calc(4px + var(--safe-t,0px));width:max-content;max-width:min(400px,100vw - 460px);left:50%;right:auto;transform:translate(-50%)}}.ih-filter{grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:end;gap:8px;margin-bottom:10px;display:grid}.ih-sel{flex-direction:column;gap:3px;min-width:0;margin:0;display:flex}.ih-sel span{font-size:var(--fs-xs);color:var(--ink-2)}.ih-sel .input{margin:0;padding:0 6px}body.touch .ih-filter{grid-template-columns:repeat(2,minmax(0,1fr))}body.touch .ih-filter>.btn{grid-column:1/-1}@media (orientation:landscape) and (max-height:520px){body.touch .ih-filter{grid-template-columns:repeat(4,minmax(0,1fr)) auto}body.touch .ih-filter>.btn{grid-column:auto}}.ih-row .row-main b{align-items:center;gap:4px;display:flex}.ih-kind{flex:none;min-height:0;padding:0 7px;font-size:10.5px;line-height:18px}.ih-coin{width:var(--slot);height:var(--slot);border-radius:var(--r-md);flex:none;justify-content:center;padding:0}.ih-coin:before{width:26px;height:26px}.ih-count,.ih-gold{font-variant-numeric:tabular-nums;flex:none;font-weight:600}.ih-count{font-size:var(--fs-sm);margin-left:4px}.ih-pager{justify-content:center;align-items:center;gap:10px;margin-top:10px;display:flex}.ih-row .plus{color:var(--mint-600)}.ih-row .minus{color:var(--coral-600)}.ih-page{text-align:center;min-width:70px;font-size:var(--fs-sm);color:var(--ink-2);font-variant-numeric:tabular-nums}.pw-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.pw-head:empty{display:none}.pw-head h4{margin:0!important}.pw-row .row-main b,.pb-row .row-main b{align-items:center;gap:6px;display:flex}.pw-row.off{background:0 0}.pw-row.off .row-main b{color:var(--ink-2)}.pw-row.me{border-color:#d9b25a}.pw-tag{flex:none;min-height:0;padding:0 6px;font-size:10px;line-height:16px}.pw-acts{flex:none;gap:6px;display:flex}.pw-invite{gap:8px;display:flex}.pw-invite .input{flex:1;min-width:0;margin:0}.pw-invite .btn{flex:none}#win-partywin .field-hint{margin-top:4px}#win-pboard .tabs .tab{flex:1}#win-pboard .win-foot .btn.icon{flex:none}.pb-row{gap:8px}.pb-row.mine{border-color:#d9b25a}.pb-no{text-align:center;min-width:22px;color:var(--ink-3);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;flex:none;font-weight:600}.pb-side{flex-direction:column;flex:none;align-items:flex-end;gap:4px;display:flex}.pb-size{font-variant-numeric:tabular-nums}.pb-pager{justify-content:center;align-items:center;gap:10px;margin-top:10px;display:flex}.pb-page{text-align:center;min-width:70px;font-size:var(--fs-sm);color:var(--ink-2);font-variant-numeric:tabular-nums}.pb-create{background:linear-gradient(#3a2f1c, var(--sunken));border-color:#d9b25a;margin-bottom:12px}.pb-create-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.pb-create-head h4{margin:0!important}.pb-create .seg{margin:0}.pb-create .seg-btn{flex:1}.pb-create .row{margin-top:2px}body.touch .pb-side{flex-direction:row;align-items:center}body.touch .pb-row{flex-wrap:wrap}body.touch .pb-row .row-main{flex:160px}body.touch .pb-side{margin-left:auto}.stall-view{flex-direction:column;gap:12px;display:flex}.stall-view .empty{padding:16px 8px}.stall-status{align-items:center;gap:10px;padding:8px 10px 8px 14px;display:flex}.stall-status>.ico{width:26px;height:26px;color:var(--sky-600)}.stall-status .btn{flex:none}.stall-status.on{background:var(--mint-100)}.stall-gold{flex-direction:column;flex:none;align-items:flex-end;gap:2px;display:flex}.stall-gold small{font-size:var(--fs-xs);color:var(--ink-2)}.stall-right>.stall-gold{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:8px}.stall-kiosk{border-radius:var(--r-pill);font-size:var(--fs-sm);color:var(--ink-2);background:var(--sunken);align-items:center;gap:8px;margin-top:-4px;padding:6px 12px;display:flex}.stall-kiosk .ico{width:18px;height:18px;color:var(--lilac-700);flex:none}.stall-kiosk.on{color:var(--gold-700);background:var(--gold-200);font-weight:600;box-shadow:inset 0 0 0 1.5px #d9b25a}.stall-kiosk.on .ico{color:var(--gold-500)}.stall-src{vertical-align:middle;gap:3px;min-height:18px;padding:0 6px;font-size:10.5px}.stall-src .ico{width:11px;height:11px}.stall-left{flex-direction:column;gap:8px;display:flex}.stall-left>h4{margin:0}.stall-row,.stall-buy-row{min-height:56px}.stall-row,.stall-results .list-row{flex-wrap:wrap}.stall-row>.slot,.stall-buy-row>.slot,.stall-results .list-row>.slot{--slot:44px}.stall-price{font-size:var(--fs-sm);white-space:nowrap;font-variant-numeric:tabular-nums;flex:none;padding-right:10px}.stall-free{min-height:48px;box-shadow:none;color:var(--ink-3);font-size:var(--fs-sm);text-align:center;background:0 0;border-style:dashed;justify-content:center;gap:8px}.stall-total{font-size:var(--fs-sm);color:var(--ink-2);justify-content:space-between;align-items:center;gap:8px;padding:2px 4px;font-weight:600;display:flex}.stall-left .field{margin:4px 0 0}.stall-left>.btn.block{margin-top:0}.stall-form{border-color:var(--sky-300);background:var(--sky-50);flex-direction:column;gap:8px;display:flex}.stall-form-head{align-items:center;gap:10px;display:flex}.stall-form-fields{grid-template-columns:minmax(18ch,1.4fr) minmax(0,1fr);gap:8px;display:grid}.stall-form-fields .field{min-width:0;margin:0}.stall-form .row{margin-top:0}.stall-side-tabs{margin-bottom:10px}.stall-bag{max-height:340px;margin:-4px;padding:4px;overflow-y:auto}.stall-tick{z-index:3;background:var(--gold-500);color:#fff;width:18px;height:18px;box-shadow:0 0 0 1px #000, var(--shadow-1);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-4px;right:-4px}.stall-tick .ico{stroke-width:3px;width:12px;height:12px}.stall-off{opacity:.55;filter:grayscale(.7)}.stall-lock{z-index:3;background:var(--c-lilac-500);color:#fff;width:18px;height:18px;box-shadow:0 0 0 1px #000, var(--shadow-1);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-4px;left:-4px}.stall-lock .ico{stroke-width:2.5px;width:11px;height:11px}.stall-hint{margin-top:8px}.stall-lock-hint{color:var(--lilac-700);margin-top:2px}.stall-store{border-top:1px solid #ffffff14;margin-top:12px;padding-top:10px}.stall-store-head{font-size:var(--fs-sm);align-items:center;gap:6px;margin-bottom:8px;display:flex}.stall-store-head .ico{width:16px;height:16px;color:var(--lilac-700)}.stall-store-head small{color:var(--ink-3)}.stall-store-grid{max-height:160px;margin:-4px;padding:4px;overflow-y:auto}.stall-store.locked .stall-store-head{color:var(--ink-3)}.stall-store.locked .stall-hint{color:var(--lilac-700)}.stall-log .list-row{min-height:48px}.stall-buy-row{flex-wrap:wrap}.stall-buy-row>.row-main{min-width:180px}.stall-buy-acts{flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:6px;max-width:100%;margin-left:auto;display:flex}.stall-qty{text-align:right;width:64px}.stall-search{margin-bottom:12px}.stall-search-row{gap:8px;display:flex}.stall-search-row .input{flex:1;min-width:0}.stall-search-row .btn{flex:none}.stall-found{font-size:var(--fs-sm);color:var(--ink-2);font-weight:600}.stall-result-acts{margin:-2px 0 4px}.tag-stall{transform:translate(-50%, calc(-1 * var(--lift,0px)));pointer-events:auto;cursor:pointer;max-width:13em;font:600 var(--sign-px,16px)/1.2 var(--font);color:var(--ink);text-shadow:0 .06em .1em #000;white-space:nowrap;background:linear-gradient(var(--gp-bg-raised), var(--gp-bg-head));box-shadow:inset 0 0 0 .08em var(--gp-rim-2), 0 .15em 0 #000, 0 .35em .7em #00000073;border:.14em solid #000;border-radius:.7em;align-items:center;gap:.4em;margin-bottom:.3em;padding:.7em .8em .35em .35em;transition:box-shadow .15s,filter .15s;display:flex;position:absolute;bottom:100%;left:50%}.tag-stall:before{content:"";background:repeating-linear-gradient(90deg, #e5484d 0 .6em, var(--gp-gold) .6em 1.2em);border-radius:.56em .56em 0 0;height:.42em;position:absolute;top:0;left:0;right:0;-webkit-mask:radial-gradient(circle at 50% 100%,#0000 .16em,#000 .17em) 0 0/.6em .42em;mask:radial-gradient(circle at 50% 100%,#0000 .16em,#000 .17em) 0 0/.6em .42em}.tag-stall.lifted:after{content:"";width:.14em;height:calc(var(--lift,0px) + .3em);pointer-events:none;background:linear-gradient(#f4d487e6,#f4d48740);margin-left:-.07em;position:absolute;top:100%;left:50%;box-shadow:0 0 .15em #0009}.tag-stall .ts-ico{color:#fff;background:radial-gradient(circle at 35% 30%,#7fd0ff,#2f86d6);border-radius:50%;flex:none;justify-content:center;align-items:center;width:1.7em;height:1.7em;display:flex;box-shadow:0 0 0 .1em #000,inset 0 0 0 .08em #ffffff59,0 .1em .2em #0009}.tag-stall .ts-ico .ico{stroke-width:2.4px;width:1.05em;height:1.05em}.tag-stall .ts-text{flex-direction:column;min-width:0;display:flex}.tag-stall .ts-title{text-overflow:ellipsis;font-weight:700;overflow:hidden}.tag-stall .ts-kind{display:none}.tag-stall:hover{filter:brightness(1.12);box-shadow:inset 0 0 0 .08em var(--gp-rim-2), 0 .15em 0 #000, 0 0 0 .16em var(--gold-400), 0 .35em .9em #0000008c}.tag-stall.kiosk{color:#ffe9a8;background:linear-gradient(#6a2fa0,#3b1466);border-color:#ffd36a;box-shadow:inset 0 0 0 .08em #ffffff40,0 .15em #a8741a,0 0 .8em #ffc8508c,0 .35em .7em #0a082880}.tag-stall.kiosk:before{background:repeating-linear-gradient(90deg,#ffd36a 0 .6em,#a8741a .6em 1.2em);box-shadow:0 0 0 .08em #5a3a08}.tag-stall.kiosk .ts-ico{color:#5a2a00;background:radial-gradient(circle at 35% 30%,#fff3b8,#ffc23d 55%,#d68a10)}.tag-stall.kiosk .ts-kind{letter-spacing:.06em;text-transform:uppercase;color:#4a2300;background:linear-gradient(#fff1a6,#ffc23d);border-radius:.6em;align-self:flex-start;margin-bottom:.1em;padding:0 .45em;font-size:.62em;line-height:1.45;display:block}.tag-stall.kiosk .ts-title{text-shadow:0 .06em #2a0a48}.tag-stall.compact:not(:hover){border-radius:50%;gap:0;padding:.15em}.tag-stall.compact:not(:hover):before,.tag-stall.compact:not(:hover) .ts-text{display:none}body.touch .stall-bag{max-height:36vh}body.touch .stall-side-tabs .tab{min-height:44px}body.touch .stall-qty{width:72px}@media (orientation:portrait){body.touch .stall-buy-acts{justify-content:flex-end;width:100%}body.touch .stall-status{flex-wrap:wrap}}@media (orientation:landscape) and (max-height:520px){body.touch .stall-cols{flex-direction:row}body.touch .stall-bag{max-height:none;overflow:visible}}.mg-board{--cols:10;--rows:8;grid-template-columns:repeat(var(--cols), minmax(0, 1fr));border-radius:var(--r-xl);background:linear-gradient(160deg, var(--gp-bg-deep), var(--sunken) 55%, var(--lilac-100));box-shadow:inset 0 0 0 1px var(--gp-rim), inset 0 2px 6px #000000a6;border:1px solid #000;gap:3px;padding:6px;display:grid;position:relative}.mg-tile{aspect-ratio:1;border-radius:var(--r-sm);background:var(--card);cursor:pointer;transition:transform .15s var(--ease), border-color .15s, box-shadow .15s, background .15s;border:1px solid #000;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14,inset 0 0 0 1px #ffffff0a}.mg-tile:hover{border-color:var(--gp-rim-2);background:var(--gp-bg-hover)}.mg-tile.corner{background:linear-gradient(160deg, var(--gold-200), var(--card));border-color:#8a6a2e}.mg-tile.sel{border-color:var(--gp-gold);box-shadow:0 0 0 2px #f4d48759}.mg-tile.here{background:var(--sky-200)}.mg-tile.flash{animation:mg-flash .9s var(--ease)}@keyframes mg-flash{0%{transform:scale(1);box-shadow:0 0 #ffc93ce6}40%{transform:scale(1.12);box-shadow:0 0 0 6px #ffc93c73}to{transform:scale(1);box-shadow:0 0 #ffc93c00}}.mg-tile-ico.icon{width:78%;height:78%;box-shadow:none;background:0 0;border:0}.mg-tile-ico .icon-atlas{width:100%;height:100%}.mg-tile-n{color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:10px;font-weight:600;line-height:1.2;position:absolute;top:1px;left:3px}.mg-tile-star{background:var(--gp-amber);border-radius:50%;width:7px;height:7px;position:absolute;top:3px;right:3px;box-shadow:0 0 0 2px #000,0 0 5px #fab137a6}.mg-go{border-radius:var(--r-pill);background:var(--coral-600);color:#fff;white-space:nowrap;padding:0 5px;font-size:9.5px;font-weight:600;line-height:1.5;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.mg-token{z-index:2;pointer-events:none;aspect-ratio:1;background:radial-gradient(circle at 35% 30%, #ffc2d4, var(--pink-400) 45%, var(--coral-600));color:#fff;width:54%;box-shadow:0 3px 6px #0009, 0 0 0 2px #000, 0 0 0 3.5px var(--gp-gold);border-radius:50%;justify-content:center;place-self:start end;align-items:center;margin:-5px -5px 0 0;display:flex;position:relative}.mg-token .ico{fill:#fff;stroke:#fff;width:60%;height:60%}.mg-token.hop{animation:.17s ease-out mg-hop}@keyframes mg-hop{0%{transform:translateY(0)scale(1)}50%{transform:translateY(-40%)scale(1.08)}to{transform:translateY(0)scale(1)}}.mg-center{border-radius:var(--r-lg);background:#17141db3;border:1px solid #000;flex-direction:column;justify-content:center;align-items:stretch;gap:8px;min-width:0;padding:6px 10px;display:flex;box-shadow:inset 0 0 0 1px #ffffff0f}.mg-stats{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.mg-stats .chip{font-variant-numeric:tabular-nums}.mg-chip-ico.icon{width:16px;height:16px;box-shadow:none;background:0 0;border:0}.mg-ctl{justify-content:center;align-items:center;gap:14px;display:flex}.mg-ctl-r{flex-direction:column;align-items:stretch;gap:2px;min-width:0;display:flex}.mg-push.btn{min-width:150px;font-size:var(--fs-lg)}.mg-auto.switch{font-size:var(--fs-sm);justify-content:center;margin:0}.mg-die{border:0 solid #0000;border-image:var(--gp-tile);filter:drop-shadow(0 4px 4px #0000008c);background:0 0;border-radius:14px;flex:none;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);width:58px;height:58px;padding:9px;display:grid}.mg-die i{background:0 0;border-radius:50%;width:9px;height:9px;margin:auto}.mg-die i.on{background:var(--coral-600);box-shadow:0 0 0 1px #000,inset 0 1px 1px #ffffff59}.mg-die[data-face="1"] i.on{width:14px;height:14px}.mg-die.spin{animation:.28s linear infinite mg-spin}.mg-die.land{animation:mg-land .3s var(--ease)}@keyframes mg-spin{0%{transform:rotate(0)translateY(0)}50%{transform:rotate(180deg)translateY(-6px)}to{transform:rotate(360deg)translateY(0)}}@keyframes mg-land{0%{transform:scale(1.25)}to{transform:scale(1)}}.mg-result{opacity:0;min-height:30px;transition:opacity .25s, transform .25s var(--ease);flex-direction:column;gap:4px;display:flex;transform:translateY(4px)}.mg-result.show{opacity:1;transform:none}.mg-result-t{text-align:center;font-size:var(--fs-sm);color:var(--sky-700);font-weight:600}.mg-got{border-radius:var(--r-md);background:var(--card);box-shadow:inset 0 0 0 1px var(--gp-rim);border:1px solid #000;align-items:center;gap:8px;min-width:0;padding:4px 8px;font-weight:600;display:flex}.mg-got>span:not(.chip){text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.mg-got.bc{background:linear-gradient(90deg, var(--gold-200), var(--card));border-color:#000;box-shadow:inset 0 0 0 1px #d9b25a,0 0 8px #fab13759}.mg-got-ico.icon{flex:none;width:30px;height:30px}.mg-got .mg-to{white-space:nowrap;flex:none;font-size:10.5px}.mg-none{text-align:center;color:var(--ink-3);font-size:var(--fs-sm)}.mg-info{margin-top:4px}.mg-rewards{flex-direction:column;gap:4px;min-width:200px;display:flex}.mg-rewards-t{font-size:var(--fs-sm);color:var(--sky-700);margin-bottom:2px}.mg-rw{border-radius:var(--r-sm);background:var(--card);min-height:34px;box-shadow:inset 0 0 0 1px var(--gp-rim);color:var(--ink);border:1px solid #000;align-items:center;gap:8px;padding:2px 8px;display:flex}.mg-rw.bc{background:linear-gradient(90deg, var(--gold-200), var(--card));box-shadow:inset 0 0 0 1px #d9b25a}.mg-rw-ico.icon{flex:none;width:28px;height:28px}.mg-rw-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.mg-rw-pct{font-variant-numeric:tabular-nums;color:var(--ink-2);font-weight:600;font-size:var(--fs-sm);flex:none}.mg-rw.bc .mg-rw-pct{color:var(--gold-700)}.mg-storage{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:10px 0 4px;display:flex}.mg-how{font-size:var(--fs-sm);color:var(--ink-2);margin-top:8px}.mg-how summary{cursor:pointer;min-height:var(--tap);color:var(--sky-700);align-items:center;font-weight:600;display:flex}.mg-how ul{margin:2px 0 0;padding-left:18px}.mg-how li{margin:2px 0}.mg-board-wrap{min-width:0}body.touch .mg-board-wrap{overscroll-behavior-x:contain;scrollbar-width:thin;margin:0 -10px;padding-bottom:2px;overflow-x:auto}body.touch .mg-board{grid-template-columns:repeat(var(--cols), minmax(44px, 1fr));min-width:calc(var(--cols) * 45px + 5px);gap:1px;padding:2px}body.touch .mg-tile{border-radius:7px;min-width:44px;min-height:44px}body.touch .mg-token{margin:-3px -3px 0 0}body.touch .mg-tile-n{font-size:8.5px;left:2px}body.touch .mg-go{padding:0 3px;font-size:8px}body.touch .mg-center{gap:5px;padding:4px 6px}body.touch .mg-die{width:48px;height:48px;padding:7px}body.touch .mg-die i{width:7px;height:7px}body.touch .mg-push.btn{min-width:0;font-size:var(--fs-md);padding:0 12px}body.touch .mg-ctl{gap:8px}body.touch .mg-stats .chip{min-height:22px;padding:0 7px;font-size:10.5px}body.touch .mg-got{font-size:var(--fs-sm);padding:2px 6px}body.touch .mg-got-ico.icon{width:24px;height:24px}.win-min{z-index:4;color:#fff;background:var(--gp-circle-blue-img) center / contain no-repeat;filter:drop-shadow(0 2px 2px #0000008c);border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;width:34px;height:34px;margin-left:8px;padding:0;display:inline-flex;position:relative}.win-min .ico{stroke-width:3px;width:18px;height:18px}.win-min:active{transform:scale(.86)}body.touch .win-min{width:44px;height:44px}.mg-mini{border-radius:var(--r-pill);background:var(--glass-2);box-shadow:inset 0 0 0 1px var(--gp-rim-2), 0 4px 12px #00000080;animation:pop-grid .3s var(--bounce);border:2px solid #000;align-items:center;gap:2px;padding:3px;display:flex;position:relative;top:auto;left:auto}.mg-mini[hidden]{display:none}.mg-mini.flip{left:auto;right:auto}.mg-mini.rare{border-color:#000;box-shadow:inset 0 0 0 1px #d9b25a,0 0 0 2px #fab13766,0 4px 12px #00000080}.mg-mini-open{min-height:44px;color:var(--pet-ink);text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:0 8px 0 2px;display:flex;position:relative}.mg-mini-n{border-radius:var(--r-pill);background:var(--gold-500,#e0a400);color:#3d2000;text-align:center;font-variant-numeric:tabular-nums;min-width:22px;padding:0 4px;font-size:10px;font-weight:600;line-height:15px;display:none;position:absolute;bottom:-2px;left:24px;box-shadow:0 0 0 1.5px #000}.mg-mini-die{color:#3d2000;background:var(--gp-circle-yellow-img) center / contain no-repeat;width:38px;height:38px;box-shadow:none;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.mg-mini-die .ico{width:22px;height:22px}.mg-mini.rolling .mg-mini-die{animation:.5s linear infinite mg-spin}.mg-mini:not(.auto) .mg-mini-die{filter:grayscale(.7)}.mg-mini-b{flex-direction:column;min-width:0;max-width:220px;line-height:1.25;display:flex}.mg-mini-t{white-space:nowrap;font-size:12px}.mg-mini-last{color:#ffe0a8;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.mg-mini.rare .mg-mini-last{color:var(--gold-300);font-weight:600}.mg-mini-x{background:var(--gp-close-img) center / 30px no-repeat;color:#0000;filter:drop-shadow(0 2px 2px #0000008c);border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex}.mg-mini-x .ico{stroke-width:2.6px;width:16px;height:16px}body.touch .mg-mini-x{width:44px;height:44px}body.touch .mg-mini-b{max-width:170px}html[data-quality=low] .mg-mini.rolling .mg-mini-die{animation:none}@media (orientation:landscape) and (max-height:520px){body.touch :is(.mg-mini-b,.mg-mini-x){display:none}body.touch .mg-mini-open{padding:0 2px}body.touch .mg-mini-n{display:block}}.fs-scene{border-radius:var(--r-lg);height:150px;box-shadow:inset 0 0 0 1px var(--gp-rim);background:linear-gradient(#14182a,#222c48 48%,#0000 48%);border:1px solid #000;position:relative;overflow:hidden}.fs-sky{background:radial-gradient(circle at 84% 30%,#f4e7b8 0 12px,#f4d48733 13px,#0000 18px);position:absolute;inset:0 0 52%}.fs-water{background:repeating-linear-gradient(170deg, #ffffff38 0 2px, transparent 2px 18px), linear-gradient(180deg, var(--c-sky-300), var(--c-sky-50));background-size:200% 100%,100% 100%;height:52%;animation:6s linear infinite fs-wave;position:absolute;bottom:0;left:0;right:0}@keyframes fs-wave{to{background-position:-200% 0,0 0}}html[data-quality=low] .fs-water,html[data-quality=low] .fs-scene.wait .fs-float{animation:none}.fs-line{opacity:0;border-top:1.5px solid #c3bbd38c;border-right:1.5px solid #c3bbd38c;border-top-right-radius:100% 40%;width:47%;height:46%;transition:opacity .2s;position:absolute;top:6%;left:6%}.fs-float{background:linear-gradient(180deg, var(--coral-600) 0 50%, #e9e3f0 50%);opacity:0;border-radius:50% 50% 45% 45%;width:18px;height:24px;position:absolute;top:calc(48% - 12px);left:calc(53% - 9px);box-shadow:0 0 0 1.5px #000}.fs-splash{opacity:0;border:2px solid #ffffffd9;border-radius:50%;width:60px;height:20px;position:absolute;top:calc(48% - 8px);left:calc(53% - 30px)}.fs-msg{text-align:center;color:#fff;font-weight:600;font-size:var(--fs-md);text-shadow:0 1px #000,1px 0 #000,-1px 0 #000,0 -1px #000,0 2px 3px #000000b3;position:absolute;bottom:8px;left:0;right:0}.fs-catch{opacity:0;pointer-events:none;border:0 solid #0000;border-image:var(--gp-pop);filter:drop-shadow(0 6px 12px #000000a6);min-width:150px;max-width:80%;transition:opacity .25s, transform .3s var(--ease);background:0 0;border-radius:0;flex-direction:column;align-items:center;gap:2px;padding:8px 12px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%,-12px)scale(.9)}.fs-catch b{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:600;overflow:hidden}.fs-catch small{color:var(--mint-600);font-weight:600;font-size:var(--fs-xs)}.fs-catch-ico.icon{width:40px;height:40px}.fs-scene.cast .fs-line,.fs-scene.wait .fs-line,.fs-scene.bite .fs-line{opacity:1}.fs-scene.cast .fs-float{opacity:1;animation:fs-cast .6s var(--ease)}.fs-scene.wait .fs-float{opacity:1;animation:1.6s ease-in-out infinite fs-bob}.fs-scene.bite .fs-float{opacity:1;animation:.35s ease-in-out infinite fs-dip}.fs-scene.bite .fs-splash{opacity:1;animation:.7s ease-out infinite fs-ring}.fs-scene.reel .fs-float{opacity:1;animation:.5s ease-in forwards fs-reel}.fs-scene.reel .fs-catch{opacity:1;transform:translate(-50%)scale(1)}@keyframes fs-cast{0%{transform:translate(-140px,-60px)scale(.6)}to{transform:none}}@keyframes fs-bob{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}@keyframes fs-dip{0%,to{transform:translateY(2px)}50%{transform:translateY(10px)rotate(8deg)}}@keyframes fs-ring{0%{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(1.4)}}@keyframes fs-reel{to{opacity:0;transform:translate(-90px,-70px)scale(.5)}}.fs-bar{margin:8px 0 2px}.fs-bar span{font-size:var(--fs-xs)}.fs-status{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.fs-ctl{align-items:center;gap:10px;display:flex}.fs-bait{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.fs-bait-l{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.fs-ctl .btn{flex:none;min-width:120px}.fs-baits{grid-template-columns:repeat(auto-fill, minmax(var(--slot), 1fr));gap:6px;max-height:170px;padding:2px;display:grid;overflow-y:auto}.fs-baits .empty{grid-column:1/-1}.fs-catches{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.fs-help{font-size:var(--fs-sm);color:var(--ink-3);margin:10px 0 0}body.touch .fs-ctl .btn{min-width:100px}.mg-center{min-height:0;overflow:hidden}body.touch .mg-side .mg-result{min-height:0;margin-top:8px}body.touch .mg-side .mg-result:not(.show){display:none}.gc-body{flex-direction:column;gap:10px;display:flex}.gc-machine{border-radius:var(--r-xl) var(--r-xl) var(--r-lg) var(--r-lg);background:linear-gradient(170deg, var(--gp-bg-raised), var(--gp-bg) 70%, var(--gp-bg-head));border:2px solid var(--gp-rim-2);box-shadow:0 0 0 2px #000, var(--shadow-2), inset 0 1px 0 #ffffff14;flex-direction:column;gap:10px;padding:10px 12px 14px;display:flex;position:relative}.gc-plate{border-radius:var(--r-md);background:linear-gradient(#3b2a55,#24183a);border:2px solid #d9b25a;justify-content:center;align-items:center;gap:10px;padding:6px 12px;display:flex;box-shadow:inset 0 1px #ffffff14}.gc-plate-t{color:var(--gp-gold);font-size:var(--fs-xl);letter-spacing:.06em;text-shadow:0 1px #000;font-weight:700}.gc-spark{background:var(--gold-300);width:12px;height:12px;-webkit-mask:var(--spark) center / contain no-repeat;mask:var(--spark) center / contain no-repeat;-webkit-mask:var(--spark) center / contain no-repeat}.gc-dome{border-radius:140px 140px var(--r-md) var(--r-md) / 90px 90px var(--r-md) var(--r-md);background:radial-gradient(120% 90% at 30% 15%, #4a3d5599, var(--gp-bg-deep) 70%);border:2px solid var(--gp-rim-2);min-height:196px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #000,inset 0 1px 3px #000000a6,inset 0 6px 14px #ffffff10}.gc-cap.pink{--cap:var(--pet-peach)}.gc-cap.sky{--cap:var(--pet-sky)}.gc-cap.mint{--cap:var(--pet-mint)}.gc-cap.honey{--cap:var(--pet-apricot)}.gc-cap.lilac{--cap:var(--lilac-600)}.gc-cap.peach{--cap:var(--gp-amber)}.gc-glass{z-index:1;flex-direction:column;align-items:center;gap:6px;padding:16px 12px 12px;display:flex;position:relative}.gc-tops{flex-direction:column;align-items:center;gap:5px;width:100%;display:flex}.gc-pill{border-radius:var(--r-pill);color:#fff;max-width:92%;min-height:28px;font-size:var(--fs-sm);background:#241c3cc7;border:0;align-items:center;gap:6px;padding:2px 12px;font-weight:600;display:inline-flex;box-shadow:0 0 0 1px #000,inset 0 1px #ffffff14}.gc-pill-t{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.gc-coin{background:var(--gp-bg-deep);color:#ffe08a;text-shadow:0 1px 1px #00000073;font-variant-numeric:tabular-nums}.gc-more{cursor:pointer;font:inherit;font-size:var(--fs-sm);font-weight:600}.gc-more:hover,.gc-more:focus-visible{background:#241c3ceb}.gc-chip-ico.icon{width:18px;height:18px;box-shadow:none;background:0 0;border:0;flex:none}.gc-view.btn{margin-top:2px}.gc-base{border-radius:var(--r-lg);background:var(--sunken);justify-content:center;align-items:center;gap:22px;padding:12px 8px 4px;display:flex;box-shadow:inset 0 2px 6px #000000a6}.gc-crank{all:unset;box-sizing:border-box;cursor:pointer;text-align:center;background:radial-gradient(circle at 40% 30%, #ffe07a, var(--gold-500) 60%, #a86a14);width:124px;min-height:124px;box-shadow:0 5px 0 #5a3a08, var(--shadow-2);transition:transform .12s var(--ease), box-shadow .12s;border:3px solid #000;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:8px;display:flex}.gc-crank:hover{transform:translateY(-1px)}.gc-crank:active:not(:disabled){box-shadow:0 2px 0 #5a3a08, var(--shadow-1);transform:translateY(3px)}.gc-crank:focus-visible{box-shadow:0 5px 0 #5a3a08, var(--ring)}.gc-crank:disabled{cursor:default;filter:saturate(.6)}.gc-crank.empty .gc-knob{filter:grayscale(.5)}.gc-knob{background:var(--gp-knob-on-img) center / contain no-repeat;border:0;border-radius:50%;width:52px;height:52px;position:relative}.gc-crank-t{color:#2a1a05;font-size:var(--fs-lg);line-height:1.1}.gc-cost{color:#3a2408;font-size:var(--fs-xs)}.gc-crank.turn .gc-knob{animation:gc-turn .65s var(--ease)}.gc-crank.nope{animation:.35s gc-nope}@keyframes gc-turn{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gc-nope{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.gc-out{border:3px solid var(--gp-rim-2);background:radial-gradient(circle at 50% 40%,#2b2140,#120c20 70%);border-radius:50%;flex:none;place-items:center;width:82px;height:82px;display:grid;position:relative;box-shadow:inset 0 6px 10px #0009,0 0 0 2px #000}.gc-cap{opacity:0;width:44px;height:44px;position:relative}.gc-cap i{width:44px;height:22px;transition:transform .3s var(--bounce), opacity .3s;border:2px solid #000;position:absolute;left:0}.gc-cap-top{background:var(--cap);border-bottom-width:1px;border-radius:22px 22px 0 0;top:0}.gc-cap-bot{background:var(--gp-bg-raised);border-top-width:1px;border-radius:0 0 22px 22px;bottom:0}.gc-cap.drop{opacity:1;animation:gc-drop .5s var(--bounce)}.gc-cap.open .gc-cap-top{transform:translate(-6px,-14px)rotate(-28deg)}.gc-cap.open .gc-cap-bot{opacity:.85;transform:translate(5px,8px)rotate(12deg)}@keyframes gc-drop{0%{opacity:0;transform:translateY(-60px)scale(.6)}60%{opacity:1}to{opacity:1;transform:none}}.gc-result{display:none}.gc-result.show{animation:gc-pop .35s var(--bounce);display:block}@keyframes gc-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}.gc-got{border-radius:var(--r-lg);background:linear-gradient(90deg, #3a2f1c, var(--card));border:2px solid #d9b25a;align-items:center;gap:10px;padding:8px 10px;display:flex;box-shadow:0 0 10px #f4d48740}.gc-got-t{flex-direction:column;flex:1;min-width:0;display:flex}.gc-got-t small{color:var(--gp-gold);font-weight:600}.gc-got-t b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.gc-to{font-size:var(--fs-xs);white-space:nowrap;flex:none}.gc-body.gc-listing .gc-machine,.gc-body.gc-listing .gc-result{display:none}.gc-list-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.gc-list-head h4{margin:0}.gc-rows{flex-direction:column;gap:6px;display:flex}.gc-row{border-radius:var(--r-md);background:var(--card);border:1px solid var(--line);align-items:center;gap:10px;padding:4px 8px;display:flex}.gc-row-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.gc-row-pct{font-variant-numeric:tabular-nums;flex:none}.gc-hint{color:var(--ink-3);font-size:var(--fs-xs);text-align:center;margin:0}.gc-foot{justify-content:space-between}body.touch .gc-dome{min-height:176px}body.touch .gc-more,body.touch .gc-pill{min-height:32px}body.touch .gc-more{min-height:44px}@media (max-width:380px){.gc-crank{width:112px;min-height:112px}.gc-out{width:72px;height:72px}.gc-base{gap:14px}}html[data-quality=low] .gc-crank.turn .gc-knob,html[data-quality=low] .gc-crank.nope,html[data-quality=low] .gc-cap.drop,html[data-quality=low] .gc-result.show{animation:none}html[data-quality=low] .gc-cap i{transition:none}@media (prefers-reduced-motion:reduce){.gc-crank.turn .gc-knob,.gc-crank.nope,.gc-cap.drop,.gc-result.show{animation:none}.gc-cap i,.gc-crank{transition:none}}.item-tip .it-skin{color:#9fd8ff;overflow-wrap:anywhere;margin-top:3px;font-weight:600}#win-wskin .win-body,.ws-view{flex-direction:column;gap:8px;display:flex}.ws-view>h4{margin:6px 0 0}.ws-slots{background:var(--sunken);border-radius:var(--r-md);box-shadow:inset 0 0 0 1px var(--gp-rim), inset 0 2px 6px #00000080;border:1px solid #000;justify-content:center;align-items:flex-start;gap:8px;padding:12px 10px 8px;display:flex}.ws-cell{flex-direction:column;align-items:center;gap:4px;min-width:64px;display:flex}.ws-cell-label{font-size:var(--fs-xs);color:var(--ink-2);text-align:center}.ws-plus,.ws-arrow{font-size:var(--fs-lg);color:var(--gp-gold);align-self:center;margin-top:-16px;font-weight:700;display:flex}.ws-arrow .ico{width:18px;height:18px}.ws-drop .slot{outline-offset:2px;outline:2px dashed #a585f073}.ws-drop.drop-hover .slot{filter:brightness(1.2);outline:2px solid #d9b25a}.ws-empty{background:#17141d80}.ws-out .slot{box-shadow:0 0 0 1px #000,0 0 0 2px #d9b25a,0 0 10px #8a5ce673}.ws-result{background:linear-gradient(160deg, var(--gp-bg-raised), var(--lilac-100) 70%, var(--gold-200));flex-direction:column;gap:6px;padding:10px 14px;display:flex}.ws-name{color:var(--ink);overflow-wrap:anywhere;font-weight:600}.ws-chips{flex-wrap:wrap;gap:4px;display:flex}.ws-chip{font-size:var(--fs-xs);color:var(--lilac-700);background:var(--lilac-100);box-shadow:inset 0 0 0 1px var(--lilac-400);border-radius:999px;padding:1px 8px}.ws-look{font-size:var(--fs-sm);color:#9fd8ff;overflow-wrap:anywhere;font-weight:600}.ws-from{width:max-content;display:flex}.ws-intro{font-size:var(--fs-xs);color:var(--ink-2);overflow-wrap:anywhere;line-height:1.5}.ws-items{flex-direction:column;gap:6px;display:flex}.ws-item{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;align-items:center;gap:10px;padding:8px 10px;display:flex}.ws-item.selected{box-shadow:inset 4px 0 0 var(--gp-gold), 0 0 0 2px #d9b25a}.ws-item-main{flex-direction:column;flex:1;align-items:flex-start;gap:4px;min-width:0;display:flex}.ws-item-name{color:var(--ink);overflow-wrap:anywhere;font-weight:600}.ws-foot .btn{flex:140px}.ws-done-top{align-items:center;gap:12px;display:flex}.ws-done-text{flex-direction:column;gap:4px;min-width:0;display:flex}.emote-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:6px;margin:10px 0 8px;display:grid}.emote-btn{border:2px solid var(--line);border-radius:var(--r-md);background:var(--card);cursor:pointer;height:80px;transition:transform .12s var(--bounce), border-color .12s;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px 2px 6px;display:flex;box-shadow:inset 0 1px #ffffff14,0 2px #000}.emote-art,.emote-art svg{flex:none;width:40px;height:40px;display:block}.emote-name{white-space:nowrap;color:var(--ink-2);font-size:11px;line-height:1.6}.emote-btn:hover{border-color:var(--sky-400);transform:translateY(-1px)}.emote-btn:active{box-shadow:none;transform:translateY(1px)}.emote-hint{text-align:center;display:block}body.touch .emote-btn{height:84px}.tag-emote{pointer-events:none;transform-origin:50% 100%;filter:drop-shadow(0 2px 2px #00000059);width:56px;height:56px;margin:0 auto -2px;animation:.35s cubic-bezier(.34,1.56,.64,1) both emote-pop}.tag-emote svg{width:100%;height:100%;display:block}.tag-emote.big{width:64px;height:64px}.tag-emote.rolling svg{animation:.18s linear infinite emote-tumble}.tag-emote.landed{animation:.3s cubic-bezier(.34,1.56,.64,1) both emote-pop}.tag-emote.out{animation:.25s ease-in forwards emote-out}body.touch .tag-emote{width:48px;height:48px}body.touch .tag-emote.big{width:56px;height:56px}@keyframes emote-pop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes emote-out{to{opacity:0;transform:translateY(-6px)scale(.85)}}@keyframes emote-tumble{0%{transform:rotate(-14deg)translateY(0)}50%{transform:rotate(14deg)translateY(-4px)}to{transform:rotate(-14deg)translateY(0)}}@media (prefers-reduced-motion:reduce){.tag-emote,.tag-emote svg{animation:none!important}}.profession-tree{border-radius:var(--r-md);background:var(--sunken);color:var(--ink);border:1px solid #000;margin:14px 0;padding:12px;box-shadow:inset 0 0 0 1px #ffffff0d}.profession-tree summary{cursor:pointer;color:var(--gp-gold);font-weight:700}.pt-guide{color:var(--gp-desc);font-size:12px;line-height:1.7}.pt-root,.pt-special{margin:12px 0}.pt-branches{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.pt-branch,.pt-special{border-radius:var(--r-md);background:#00000026;border:1px solid #ffffff14;padding:10px}.pt-branch.unavailable{background:repeating-linear-gradient(135deg,#00000038 0 5px,#0000 5px 10px),#00000026}.pt-job{border-radius:var(--r-sm);background:var(--gp-bg-raised);box-shadow:0 0 0 1px #000, inset 0 0 0 1px var(--gp-rim);overflow-wrap:anywhere;padding:8px}.pt-job b,.pt-job small,.pt-state{display:block}.pt-job small{color:var(--gp-desc);margin-top:4px;line-height:1.5}.pt-job.current{background:linear-gradient(#f4d48714, #f4d4872e), var(--gp-bg-raised);outline:2px solid #d9b25a}.pt-job.current b{color:var(--gp-gold)}.pt-state{color:var(--lilac-700);margin-top:5px;font-size:11px;font-weight:600}.pt-tribe{color:var(--gp-gold);margin:0 0 6px;font-size:12px;font-weight:700}.pt-arrow{color:var(--ink-3);margin:8px 0;font-size:12px;display:block}.pt-choices{gap:7px;display:grid}@media (max-width:600px){.pt-branches{grid-template-columns:1fr}}#win-jobchange .win-body{flex-direction:column;gap:10px;display:flex}.jc-hero{background:radial-gradient(120% 100% at 0% 0%, #f4d4871f, transparent 55%), linear-gradient(135deg, var(--gp-bg-raised), var(--sky-50) 60%, var(--c-pink-50));align-items:center;gap:12px;padding:12px 14px;display:flex}.jc-hero .jc-you{width:54px;height:54px}.jc-hero-txt{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.jc-hero-title{font-size:var(--fs-xl);color:var(--gp-gold);text-shadow:0 2px #000000b3;font-weight:600;line-height:1.2}.jc-hero-txt small{color:var(--ink-2);font-size:var(--fs-xs);line-height:1.45}.jc-nums{flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;display:flex}.jc-cards{flex:none;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:8px;display:grid}.jc-cards.two{grid-auto-columns:minmax(0,150px);justify-content:center;gap:14px}.jc-card{cursor:pointer;min-width:0;min-height:44px;font:inherit;color:var(--ink);text-align:center;background:var(--gp-bg-raised);border-radius:var(--r-md);box-shadow:inset 0 0 0 1px var(--gp-rim), inset 0 1px 0 #ffffff14, 0 2px 0 #000;transition:transform .15s var(--bounce), border-color .15s, box-shadow .15s;border:2px solid #000;flex-direction:column;align-items:stretch;padding:0;display:flex;position:relative;overflow:hidden}.jc-card:hover{border-color:var(--sky-300);transform:translateY(-2px)}.jc-card.selected{border-color:#d9b25a;transform:translateY(-2px);box-shadow:0 0 0 2px #f4d48740,0 2px #000,0 0 14px #f4d48759}.jc-card-art,.jc-d-art{aspect-ratio:4/5;background:radial-gradient(ellipse 70% 55% at 50% 42%, color-mix(in srgb, var(--a,var(--sky-400)) 60%, transparent) 0, color-mix(in srgb, var(--b,var(--sky-500)) 28%, var(--gp-bg-deep)) 68%, var(--gp-bg-deep) 100%);flex:none;justify-content:center;align-items:flex-end;display:flex;position:relative;overflow:hidden}.jc-card-art:after,.jc-d-art:after{content:"";filter:blur(2px);background:#00000073;border-radius:50%;height:7%;position:absolute;bottom:5%;left:22%;right:22%}.jc-card-art img,.jc-d-art img{z-index:1;object-fit:contain;width:100%;height:100%;animation:jc-art-in .35s var(--ease);position:relative}@keyframes jc-art-in{0%{opacity:0;transform:scale(.94)}}.jc-art-badge{z-index:1;align-self:center}.jc-card-art .jc-art-badge{aspect-ratio:1;width:46%;height:auto;font-size:20px}.jc-d-art .jc-art-badge{aspect-ratio:1;width:42%;height:auto;font-size:30px}.jc-card-name{flex-direction:column;gap:1px;padding:5px 4px 6px;line-height:1.15;display:flex}.jc-card-name b{font-weight:600;font-size:var(--fs-sm);overflow-wrap:anywhere}.jc-card-name small{color:var(--gp-desc);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.jc-card.selected .jc-card-name{background:linear-gradient(#f4d48700,#f4d48726)}.jc-card.selected .jc-card-name b{color:var(--gp-gold)}.jc-cards.two .jc-card-name b{font-size:var(--fs-md)}.jc-dot{z-index:2;background:var(--coral-600);width:11px;height:11px;box-shadow:0 0 0 2px #000, 0 0 0 3px var(--coral-400);border-radius:50%;position:absolute;top:6px;right:6px}.jc-dot.on{background:var(--mint-600);box-shadow:0 0 0 2px #000, 0 0 0 3px var(--mint-400)}.jc-detail{flex-direction:column;gap:12px;padding:12px 14px;display:flex}.jc-d-head{grid-template-columns:196px minmax(0,1fr);grid-auto-rows:auto;align-items:start;gap:6px 14px;display:grid}.jc-d-head>.jc-d-art{border-radius:var(--r-lg);box-shadow:0 0 0 2px var(--gp-rim-2), var(--shadow-1);border:3px solid #000;grid-area:1/1/span 6}.jc-d-head>:not(.jc-d-art){grid-column:2}.jc-d-line{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.jc-d-line b{font-size:var(--fs-2xl);color:var(--gp-gold);text-shadow:0 2px #000000b3;margin-right:2px;font-weight:600;line-height:1.15}.jc-d-en{color:var(--ink-3);font-size:var(--fs-xs);margin-top:-4px}.jc-d-en:empty{display:none}.jc-desc{color:var(--ink);font-size:var(--fs-sm);margin:0;line-height:1.6}.jc-tags{flex-direction:column;gap:5px;display:flex}.jc-tag-row{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.jc-tag-label{min-width:52px;font-size:var(--fs-xs);color:var(--ink-2);flex:none;font-weight:600}.jc-tag-row .chip{align-items:center;gap:3px;display:inline-flex}.jc-tag-row .chip .ico{stroke-width:3px;width:12px;height:12px}.jc-weapon{border-radius:var(--r-md);background:var(--sunken);align-items:center;gap:8px;width:-moz-fit-content;width:fit-content;max-width:100%;padding:4px 10px 4px 4px;display:flex}.jc-weapon-txt{flex-direction:column;min-width:0;line-height:1.2;display:flex}.jc-weapon-txt small{color:var(--ink-3);font-size:var(--fs-xs)}.jc-weapon-txt b{font-weight:600;font-size:var(--fs-sm);overflow-wrap:anywhere}.jc-d-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:12px;display:grid}.jc-sec{background:var(--sunken);border-radius:var(--r-md);border:1px solid #000;flex-direction:column;gap:6px;min-width:0;display:flex;box-shadow:inset 0 0 0 1px #ffffff0d}.jc-sec h4{margin:2px 0 0}.jc-grow{font-size:var(--fs-xs);color:var(--ink-2);grid-template-columns:92px minmax(0,1fr);align-items:center;gap:8px;display:grid}.jc-skills{flex-wrap:wrap;gap:6px;display:flex}.jc-req{flex-direction:column;gap:5px;display:flex}.jc-req-row{border-radius:var(--r-sm);background:var(--mint-100);align-items:center;gap:8px;min-height:40px;padding:4px 10px 4px 6px;display:flex}.jc-req-row.bad{background:var(--coral-100)}.jc-req-st{color:#fff;background:var(--mint-600);border-radius:50%;flex:none;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.jc-req-row.bad .jc-req-st{background:var(--coral-600)}.jc-req-st .ico{stroke-width:3px;width:15px;height:15px}.jc-req-main{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.jc-req-main .slot{flex:none}.jc-req-label{overflow-wrap:break-word;flex:1;min-width:64px;font-weight:600;line-height:1.25}.jc-req-val{font-variant-numeric:tabular-nums;color:var(--mint-700);text-align:right;flex:none;font-weight:600}.jc-req-row.bad .jc-req-val{color:var(--coral-700)}.jc-free{color:var(--mint-700);font-weight:600;font-size:var(--fs-sm);padding:4px 2px}.jc-reward{min-height:52px}.jc-reward .row-main b{white-space:normal;overflow-wrap:anywhere;line-height:1.25}.jc-foot{justify-content:flex-end}.jc-foot .btn.gold{min-width:180px}.jc-foot .btn:disabled{filter:grayscale(.7);opacity:.6;cursor:not-allowed}.jc-costs{flex-direction:column;align-items:center;gap:6px;margin:4px 0 10px;display:flex}.jc-costs-t{color:var(--ink-2);font-weight:600}.jc-costs-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.jc-cost-item{font-size:var(--fs-sm);align-items:center;gap:6px;font-weight:600;display:inline-flex}.jc-costs-note{color:var(--coral-700);font-size:var(--fs-xs)}.jc-costs-note.ok{color:var(--mint-700);font-weight:600}.jc-d-from{color:var(--lilac-600);font-size:var(--fs-xs);margin-top:-2px;font-weight:600}.jc-skills.named{flex-flow:column;gap:4px}.jc-skill{font-size:var(--fs-sm);align-items:center;gap:8px;font-weight:600;line-height:1.25;display:flex}.jc-skill>span{overflow-wrap:anywhere;flex-direction:column;min-width:0;display:flex}.jc-skill>span small{color:var(--ink-3);font-size:var(--fs-xs);font-weight:400}.jc-char-btn{flex:none}.jc-badge{text-align:left;cursor:pointer;width:100%;font:inherit;color:var(--ink-inv);background:linear-gradient(135deg, color-mix(in srgb, var(--gold-500) 45%, var(--glass)), var(--glass));border-radius:var(--r-lg);box-shadow:0 0 0 1px #000, var(--shadow-2), 0 0 12px color-mix(in srgb, var(--gold-400) 45%, transparent);animation:jc-pop .5s var(--bounce);border:1px solid #d9b25a;align-items:center;gap:8px;padding:7px 10px;display:flex}.jc-badge-ico{color:#4e2600;background:var(--gp-circle-yellow-img) center / contain no-repeat;filter:drop-shadow(0 1px 2px #0000008c);border-radius:50%;flex:none;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.jc-badge-ico .ico{width:18px;height:18px}.jc-badge-txt{flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.jc-badge-txt b{color:var(--gp-gold);white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 1px #000;font-weight:600;overflow:hidden}.jc-badge-txt small{font-size:var(--fs-xs);opacity:.85}@keyframes jc-pop{0%{opacity:0;transform:scale(.6)}}.jc-party{z-index:1200;cursor:pointer;background:radial-gradient(circle at 50% 45%,#fab13740,#17141d99 60%,#0000 85%);flex-direction:column;justify-content:center;align-items:center;gap:14px;transition:opacity .5s;animation:.25s fade-in;display:flex;position:fixed;inset:0}.jc-party.out{opacity:0}.jc-burst{width:0;height:0;position:absolute;top:45%;left:50%}.jc-spark{background:var(--gold-300);width:18px;height:18px;-webkit-mask:var(--star) center / contain no-repeat;-webkit-mask:var(--star) center / contain no-repeat;mask:var(--star) center / contain no-repeat;animation:1.4s cubic-bezier(.2,.7,.3,1) forwards jc-fly;position:absolute;top:-9px;left:-9px}.jc-spark:nth-child(3n){background:var(--gp-amber)}.jc-spark:nth-child(3n+1){background:var(--c-pink-600)}@keyframes jc-fly{0%{transform:rotate(var(--a)) translateY(0) scale(.3);opacity:1}to{transform:rotate(var(--a)) translateY(calc(-1 * var(--d))) scale(1.1);opacity:0}}.jc-party .jc-party-ico{width:112px;height:112px;box-shadow:0 0 0 4px #000, 0 0 0 8px var(--gp-gold), 0 10px 40px #fab13799;animation:jc-badge-in .7s var(--bounce);font-size:44px}.jc-party .jc-party-ico .ico{width:58%;height:58%}@keyframes jc-badge-in{0%{transform:scale(.2)rotate(-30deg)}}.jc-party-card{text-align:center;border:0 solid #0000;border-image:var(--gp-pop);box-shadow:none;filter:drop-shadow(0 10px 22px #000000a6);animation:pop-in .45s var(--bounce) .15s both;background:0 0;border-radius:0;flex-direction:column;align-items:center;gap:6px;padding:14px 26px 16px;display:flex}.jc-party-t{color:var(--gp-gold);text-shadow:0 2px #000000b3;font-size:28px;font-weight:600;line-height:1.1}.jc-party-n{font-size:var(--fs-lg);color:var(--ink);font-weight:600}body.touch .jc-cards:not(.two){overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;grid-auto-columns:92px;margin:-4px -2px -6px;padding:4px 2px 6px;overflow-x:auto;-webkit-mask:linear-gradient(90deg,#000 calc(100% - 22px),#0000);mask:linear-gradient(90deg,#000 calc(100% - 22px),#0000)}body.touch .jc-cards:not(.two)::-webkit-scrollbar{display:none}body.touch .jc-cards:not(.two) .jc-card{scroll-snap-align:start}body.touch .jc-cards.two{grid-auto-columns:minmax(0,1fr);gap:10px}body.touch .jc-card-name small{display:none}body.touch .jc-d-head{grid-template-columns:116px minmax(0,1fr)}body.touch .jc-d-head>.jc-d-art{grid-row:1/span 3}body.touch .jc-d-head>.jc-desc,body.touch .jc-d-head>.jc-tags{grid-column:1/-1}body.touch .jc-d-line b{font-size:var(--fs-xl)}body.touch .jc-detail{padding:10px}body.touch .jc-d-grid{grid-template-columns:1fr}body.touch .jc-hero{padding:10px}body.touch .jc-hero-title{font-size:var(--fs-lg)}body.touch .jc-hero .jc-you{width:44px;height:44px}body.touch .jc-foot .btn.gold{flex:1;min-width:0}body.touch .jc-badge{padding:5px 8px}body.touch .jc-badge-txt b{white-space:normal}body.touch .jc-badge-txt small{display:none}body.touch #hud.win-open .jc-badge{visibility:hidden}@media (orientation:landscape) and (max-height:520px){body.touch .jc-cards:not(.two){grid-auto-columns:minmax(84px,1fr);-webkit-mask:none;mask:none}body.touch .jc-card-art{aspect-ratio:1}body.touch .jc-cards.two{grid-auto-columns:minmax(0,128px);justify-content:center}body.touch .jc-d-head{grid-template-columns:150px minmax(0,1fr)}body.touch .jc-d-head>.jc-d-art{grid-row:1/span 6}body.touch .jc-d-head>.jc-desc,body.touch .jc-d-head>.jc-tags{grid-column:2}body.touch .jc-d-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}body.touch .jc-hero{gap:8px;padding:6px 10px}body.touch .jc-hero-txt small{display:none}body.touch .jc-hero .jc-you{width:36px;height:36px}body.touch .jc-hero-txt{flex-flow:wrap;align-items:center;gap:4px 10px}body.touch .jc-nums{margin:0}}#win-skills .sk-wrap{flex:auto;min-height:0;display:flex}#win-skills #skills-body{flex-direction:column;flex:auto;gap:8px;min-width:0;display:flex}#win-skills .sk-detail{background:var(--sunken);scrollbar-width:thin;border-left:1px solid #000;flex-direction:column;flex:none;gap:10px;width:260px;padding:12px;display:flex;overflow-y:auto;box-shadow:inset 1px 0 #ffffff0d}body:not(.touch) #win-skills{height:min(580px,100dvh - 200px)}.sk-top{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sk-tabs{flex:auto;min-width:0}.sk-tabs .tab{min-width:52px;font:inherit;font-weight:700}.sk-tabs .tab .ico{margin-left:3px}.sk-pts-row{gap:6px;margin-left:auto;display:flex}.sk-pts{border:0 solid #0000;border-image:var(--gp-res);min-height:30px;color:var(--gp-gold);background:0 0;border-radius:0;align-items:center;gap:6px;padding:3px 4px 3px 10px;display:inline-flex}.sk-pts.ep{color:var(--lilac-700)}.sk-pts i{font-style:normal;font-weight:800;font-size:var(--fs-sm)}.sk-pts b{border-radius:var(--r-pill);min-width:44px;color:var(--ink);text-align:center;font-size:var(--fs-md);font-variant-numeric:tabular-nums;background:#ffffff1a;padding:1px 10px}.sk-pts.pend b{color:var(--mint-700);box-shadow:inset 0 0 0 1.5px var(--mint-400)}.sk-panel{border-radius:var(--r-md);background:var(--sunken);border:1px solid #000;flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0d}.sk-panel-head{background:linear-gradient(#2a2536, var(--gp-bg-head));border-bottom:1px solid #000;justify-content:space-between;align-items:center;gap:8px;min-height:36px;padding:5px 10px;display:flex;box-shadow:0 1px #ffffff12}.sk-job{font-size:var(--fs-md);color:var(--gp-gold);text-align:center;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px #000000b3;overflow:hidden}.sk-legend{font-size:var(--fs-xs);color:var(--ink-3);white-space:nowrap;justify-self:end;align-items:center;gap:2px;transition:opacity .15s;display:inline-flex}#win-skills:not(.sk-edit) .sk-legend{opacity:.55}.sk-legend b{font-size:17px;line-height:1}.sk-legend b.pl{color:var(--sky-600)}.sk-legend b.mi{color:var(--coral-600);margin-left:8px}.sk-mouse{fill:none;width:12px;height:16px;stroke:var(--ink-3);stroke-width:1px;margin-left:2px}.sk-mouse rect{fill:var(--gp-bg-deep)}.sk-mouse .on{fill:var(--coral-600);stroke:none}.sk-pane{scrollbar-width:thin;min-height:0;padding:10px;overflow-y:auto}.sk-pane>.empty,.sk-pane>.sk-lock{justify-content:center;min-height:180px}.sk-class-role{line-height:1.5;font-size:var(--fs-sm);color:var(--ink-2);margin:0 0 10px}.sk-kit{flex-direction:column;gap:10px;display:flex}.sk-node{--slot:48px;--slot-r:12px;border-radius:var(--r-md);background:var(--gp-bg-raised);width:100%;box-shadow:inset 0 0 0 1px var(--gp-rim), inset 0 1px 0 #ffffff14, 0 2px 0 #000;color:var(--ink);text-align:left;font:inherit;cursor:pointer;border:1px solid #000;align-items:flex-start;gap:12px;min-height:104px;padding:12px;display:flex}.sk-node>.slot{flex:none;margin-top:3px}.sk-node:hover,.sk-node:focus-visible{background:var(--gp-bg-hover)}.sk-node.selected{box-shadow:inset 0 0 0 2px #d9b25a,0 2px #000,0 0 10px #f4d48740}.sk-node.pend{box-shadow:inset 0 0 0 2px var(--mint-600), 0 2px 0 #000}.sk-card-copy{flex-direction:column;flex:1;gap:3px;min-width:0;line-height:1.45;display:flex}.sk-card-copy>b{font-size:var(--fs-md)}.sk-card-role{font-size:var(--fs-xs);color:var(--sky-700);font-weight:700}.sk-card-desc{font-size:var(--fs-sm);color:var(--ink-2)}.sk-card-meta,.sk-card-req{font-size:var(--fs-xs);color:var(--gp-desc)}.sk-card-state{font-size:var(--fs-xs);color:var(--ink-2);font-weight:700}.sk-card-state.ready{color:var(--mint-700)}.sk-utilities{font-size:var(--fs-sm);color:var(--ink-2);flex:none}.sk-utilities summary{cursor:pointer;min-height:32px;padding:5px 0}.sk-utilities .sk-btns{max-height:112px;padding:4px 0;overflow-y:auto}.sk-node .slot{--slot-r:10px}.sk-node:hover .slot,.sk-node:focus-visible .slot{box-shadow:0 0 0 2px var(--sky-400), 0 2px 8px #00000080}.sk-node.selected .slot{box-shadow:0 0 0 2px #d9b25a,0 0 10px #f4d48780}.sk-node.pend .slot{box-shadow:0 0 0 2px var(--mint-600), 0 0 10px #4fc79580}#win-skills.sk-edit .sk-node{touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.sk-slot.sk-off .icon{opacity:.6}.sk-slot.sk-need .icon{filter:grayscale();opacity:.5}.sk-lv{z-index:3;pointer-events:none;font:600 12px/1.2 var(--font);color:#3d2000;background:var(--gp-amber);border-radius:6px;padding:3px 5px;position:absolute;bottom:-5px;right:-5px;box-shadow:0 0 0 1px #000,inset 0 1px #fff6}.sk-lv.pend{color:#0b3d16;background:var(--mint-600)}.sk-plus{z-index:3;pointer-events:none;color:#0b3d16;width:18px;height:18px;box-shadow:0 0 0 1.5px #000, var(--shadow-1);background:radial-gradient(circle at 35% 30%,#b8f5a0,#4fc74f 55%,#23862f);border-radius:50%;justify-content:center;align-items:center;animation:1.6s ease-in-out infinite sk-pulse;display:flex;position:absolute;top:-4px;right:-4px}.sk-plus .ico{stroke-width:3px;width:12px;height:12px}@keyframes sk-pulse{50%{transform:scale(1.15)}}html[data-quality=low] .sk-plus{animation:none}.sk-drag{touch-action:pan-y;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}body:not(.touch) .sk-drag{cursor:grab}.sk-drag.sk-armed{box-shadow:0 0 0 3px var(--gold-400), 0 0 12px #f4a91d99}.sk-hint{font-size:var(--fs-sm);color:var(--ink-2);margin:0;line-height:1.5}.sk-hint .sk-plan{color:var(--mint-700);display:block}#win-skills.sk-edit .sk-hint{color:var(--sky-700);font-weight:600}.sk-foot{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:auto;display:flex}.sk-foot .btn{min-width:128px}.sk-req.bad{color:var(--coral-600)!important}.sk-btns{flex-wrap:wrap;gap:6px;display:flex}.sk-btns .sk-note{white-space:normal;line-height:1.35}.sk-step{flex-basis:100%;align-items:center;gap:8px;display:flex}.sk-step b{text-align:center;font-variant-numeric:tabular-nums;flex:1}.sk-step .btn{flex:none;width:44px;padding:0}.sk-detail .empty{flex:1}.sk-detail .empty .hint{max-width:200px}.sk-d-head{align-items:flex-start;gap:10px;display:flex}.sk-d-head .slot{--slot:52px}.sk-d-title{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.sk-d-title b{font-size:var(--fs-lg);color:var(--ink);word-break:break-word;line-height:1.25}.sk-d-title .sk-d-en{font-size:var(--fs-xs);color:var(--ink-3);margin-top:-4px}.sk-d-chips{flex-wrap:wrap;gap:4px;display:flex}.sk-d-close{margin:-4px -4px 0 0}.sk-d-desc{font-size:var(--fs-sm);color:var(--ink-2);white-space:pre-line;margin:0;line-height:1.55}.sk-d-stats{grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}.sk-d-stats .stat{min-height:32px}.sk-d-levels{flex-direction:column;gap:4px;display:flex}.sk-throw{flex-wrap:wrap;gap:4px;margin-bottom:8px;display:flex}.sk-kv{border-radius:var(--r-sm);background:var(--sunken);font-size:var(--fs-sm);flex-direction:column;padding:6px 10px;line-height:1.45;display:flex}.sk-kv span{font-size:var(--fs-xs);color:var(--ink-3)}.sk-kv b{color:var(--ink);font-weight:600}.sk-detail .sec-title{margin:2px 0 -4px}.sk-reqs{flex-direction:column;gap:4px;display:flex}.sk-req-item{font-size:var(--fs-sm);align-items:center;gap:6px;display:flex}.sk-req-item.ok{color:var(--mint-600)}.sk-req-item.bad{color:var(--coral-600);font-weight:600}.sk-fx .sk-req-item{color:var(--ink-2);align-items:flex-start;line-height:1.45}.sk-fx .sk-req-item .ico{color:var(--gold-600);flex:none;margin-top:2px}.sk-maxed{align-self:flex-start}.sk-detail .sk-btns .btn{flex:auto}.sk-d-hint{text-align:center}.sk-lock{text-align:center;background:radial-gradient(100% 80% at 50% 0%, var(--c-lilac-200), var(--gp-bg-raised) 70%);flex-direction:column;align-items:center;gap:8px;padding:22px 16px;display:flex}.sk-lock-ico{background:var(--gp-circle-purple-img) center / contain no-repeat;color:#fff;filter:drop-shadow(0 2px 2px #0000008c);border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.sk-lock-ico .ico{width:26px;height:26px}.sk-lock b{font-size:var(--fs-lg);color:var(--lilac-700)}.sk-lock p{max-width:360px;font-size:var(--fs-sm);color:var(--ink-2);margin:0;line-height:1.6}.sk-lock-jobs{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}body.touch #win-skills .sk-tabs .tab{min-width:44px;padding-inline:8px}body.touch #win-skills .sk-legend{opacity:1}body.touch #win-skills .sk-node{--slot:44px;gap:10px;padding:10px}@media (orientation:portrait){body.touch #win-skills{height:calc(100dvh - 12px - var(--safe-t) - var(--safe-b))}body.touch #win-skills .sk-wrap{flex-direction:column}body.touch #win-skills #skills-body{flex:1 1 0}body.touch #win-skills .sk-detail{border-top:1px solid #000;border-left:0;width:auto;max-height:46%;box-shadow:inset 0 1px #ffffff0d,0 -6px 14px #00000059}body.touch #win-skills:not(.sk-has-sel) .sk-detail{max-height:92px}body.touch #win-skills:not(.sk-has-sel) .sk-detail .empty{flex-flow:wrap;gap:4px 8px;padding:6px}body.touch #win-skills:not(.sk-has-sel) .sk-detail .empty .ico{width:22px;height:22px}body.touch #win-skills:not(.sk-has-sel) .sk-detail .empty .hint{flex-basis:100%;max-width:none}body.touch #win-skills .sk-pane{padding:6px 2px}}@media (orientation:landscape) and (max-height:520px){body.touch #win-skills{height:calc(100dvh - 8px)}body.touch #win-skills .sk-detail{width:250px}}.sk-pop{z-index:2000;pointer-events:none;color:#ece6f5;border-radius:var(--r-md);width:max-content;max-width:290px;box-shadow:inset 0 0 0 1px var(--gp-rim-2), var(--shadow-2);font-size:var(--fs-sm);background:#241f30f7;border:1px solid #000;padding:10px 12px;line-height:1.5;position:fixed}.sk-pop:before{content:"";left:var(--ax,50%);background:inherit;border:inherit;border-bottom:0;border-right:0;border-radius:2px 0 0;width:11px;height:11px;margin-left:-6px;position:absolute;top:-6px;transform:rotate(45deg)}.sk-pop.up:before{top:auto;bottom:-6px;transform:rotate(225deg)}.sk-pop-in{flex-direction:column;gap:3px;display:flex}.sk-pop-head{align-items:baseline;gap:8px;display:flex}.sk-pop-head b{color:var(--gp-gold);font-weight:600;font-size:var(--fs-md)}.sk-pop-lv{font-size:var(--fs-xs);color:var(--ink-3);white-space:nowrap;margin-left:auto}.sk-pop-meta{font-size:var(--fs-xs);color:#9fd4ff}.sk-pop-en{font-size:var(--fs-xs);color:var(--ink-3);margin-top:-2px}.sk-pop-desc{color:var(--gp-desc);white-space:pre-line}.sk-pop-line{font-size:var(--fs-xs);color:var(--ink-2)}.sk-pop-line.ok{color:#8ff0c8}.sk-pop-line.bad{color:#ffb4ae}.sk-pop-line.fx{color:#ffe08a}.sk-tip{white-space:normal;flex-direction:column;gap:3px;max-width:280px;display:flex}.sk-tip-muted{color:var(--ink-3);font-size:var(--fs-xs)}.sk-ghost{z-index:9999;pointer-events:none;opacity:.92;position:fixed;transform:translate(-50%,-50%)scale(1.08);box-shadow:var(--shadow-2), 0 0 0 2px var(--gold-400)!important}.sk-ghost .sk-lv,.sk-ghost .sk-plus{display:none}.drop-hover{outline:2.5px solid var(--gold-400);outline-offset:2px;box-shadow:0 0 12px #f4a91db3}body.sk-dragging #win-skills{opacity:.22;pointer-events:none;transition:opacity .15s}body.touch.sk-dragging #hud.win-open #mobile-actions{visibility:visible;z-index:30}#castbar{left:50%;bottom:var(--hud-cast-bottom,150px);z-index:20;pointer-events:none;border-radius:var(--r-pill);background:var(--glass);width:300px;box-shadow:inset 0 0 0 1px var(--glass-line), var(--shadow-2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;border:1px solid #000;align-items:center;gap:8px;padding:6px 14px 7px 6px;display:flex;position:absolute;transform:translate(-50%)}#castbar .cast-ico .icon{border-radius:50%;width:30px;height:30px;box-shadow:0 0 0 1.5px #000,0 0 0 3px #f4d48799}#castbar .cast-main{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}#castbar .cast-name{font-size:var(--fs-sm);white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 2px #00000080;font-weight:600;overflow:hidden}#castbar .bar{background:#ffffff2e;height:12px}#castbar .bar span{font-size:10px;line-height:12px}#castbar .bar i{transition:none}body.touch #castbar{width:240px}#buffbar{--buff-cols:9;--buff-rows:4;--buff-gap:4px;--buff-row-gap:7px;--buff-cell:calc((var(--self-w,300px) * var(--hs,1) - 6px - (var(--buff-cols) - 1) * var(--buff-gap)) / var(--buff-cols));left:var(--hud-left,8px);top:var(--hud-left-top,74px);z-index:15;pointer-events:auto;grid-template-columns:repeat(var(--buff-cols), var(--buff-cell));grid-auto-rows:var(--buff-cell);gap:var(--buff-row-gap) var(--buff-gap);max-height:calc(var(--buff-rows) * (var(--buff-cell) + var(--buff-row-gap)) - var(--buff-row-gap) + 7px);overscroll-behavior:contain;scrollbar-width:none;padding:1px 3px 6px;display:grid;position:absolute;overflow:hidden auto}#buffbar::-webkit-scrollbar{display:none}#buffbar.more{-webkit-mask-image:linear-gradient(#000 calc(100% - 14px),#0000);mask-image:linear-gradient(#000 calc(100% - 14px),#0000)}#buffbar:empty{display:none}#buffbar .buff{--p:1;--ring:var(--mint-400);width:var(--buff-cell);height:var(--buff-cell);background:conic-gradient(var(--ring) calc(var(--p) * 360deg), #17141d8c 0);border-radius:50%;padding:2.5px;position:relative;box-shadow:0 1px 3px #0006}#buffbar .buff.debuff{--ring:var(--coral-400)}#buffbar .buff.ending{animation:.9s ease-in-out infinite buff-blink}@keyframes buff-blink{50%{opacity:.55}}#buffbar .buff .icon{border-radius:50%;width:100%;height:100%;box-shadow:0 0 0 1.5px #17141db3}#buffbar .buff-time{z-index:2;pointer-events:none;border-radius:var(--r-pill);color:#fff;text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums;background:#17141dd1;min-width:18px;padding:0 4px;font-size:9.5px;font-weight:600;line-height:13px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}body.touch #buffbar{--buff-cols:8;--buff-rows:3}body.touch #buffbar .buff{padding:2px}@media (orientation:portrait){body.touch #hud.win-open #buffbar,body.touch #hud.win-open #castbar{visibility:hidden}}@media (orientation:landscape) and (max-height:520px){body.touch #buffbar{--buff-rows:2}}.wm-stage{min-height:520px;box-shadow:inset 0 0 0 1px var(--gp-rim-2), inset 0 0 70px #091c22;background:radial-gradient(at 50% 20%,#326656 0,#1e4640 42%,#122c30 100%);border:1px solid #000;border-radius:12px;position:relative;overflow:hidden}.wm-stage:before{content:attr(data-brand);color:var(--gp-gold);opacity:.55;letter-spacing:.15em;text-shadow:0 1px 2px #000;font-size:11px;position:absolute;bottom:12px;left:18px}.wm-paths{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.wm-paths line{stroke:#c5ba83;stroke-width:.42px;stroke-dasharray:1.1 1}.wm-region{width:164px;color:var(--ink);cursor:pointer;font:inherit;box-shadow:inset 0 0 0 1px var(--gp-rim-2), inset 0 1px 0 #ffffff1a, 0 4px 12px #0009;background:#221e2deb;border:1px solid #000;border-radius:10px;justify-items:center;gap:2px;padding:6px 8px;display:grid;position:absolute;transform:translate(-50%,-35%)}.wm-region-image{object-fit:cover;width:56px;height:43px;box-shadow:0 0 0 1px var(--gp-rim);border:1px solid #000;border-radius:7px}.wm-region-label{font-size:13px;font-weight:600;line-height:1.4}.wm-region small{color:var(--gp-desc);font-size:10px}.wm-region:hover,.wm-region:focus-visible{outline:2px solid var(--gp-gold);outline-offset:2px;background:#4a3d55f2;border-color:#000}.wm-region.here{background:#3a2f1cf0;border:2px solid #000;box-shadow:inset 0 0 0 1px #d9b25a,0 0 16px #fab13766}.wm-region.here:after{content:"คุณอยู่ที่นี่";background:var(--gp-amber);color:#3d2000;border-radius:8px;padding:0 8px;font-size:10px;position:absolute;top:-17px;box-shadow:0 0 0 1px #000}.wm-info{flex-direction:column;gap:6px;margin-top:10px;display:flex}.wm-info-top{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.wm-here{min-width:0;font-size:var(--fs-md);color:var(--ink-2);flex:1;align-items:center;gap:4px;display:flex}.wm-here b{color:var(--ink)}@media (max-width:600px){.wm-stage{min-height:540px}.wm-region{width:70px;padding:4px 2px}.wm-region-label{font-size:10px;line-height:1.2}.wm-region small{font-size:9px}.wm-region-image{width:40px;height:30px}.wm-info-top{align-items:stretch}.wm-here{flex-basis:100%}}@media (orientation:landscape) and (max-height:520px){.wm-stage{min-height:430px}}.bm-win{background:var(--surface-solid);max-height:calc(100dvh - 24px);top:12px}.bm-win .win-body{touch-action:auto;flex-direction:column;gap:8px;display:flex;overflow:hidden}.bm-stage{border-radius:var(--r-lg);height:min(700px,100dvh - 160px);min-height:220px;box-shadow:inset 0 0 0 1px var(--gp-rim-2), 0 2px 0 #000;background:#24402a;border:1px solid #000;flex:none;position:relative;overflow:hidden}.bm-canvas{touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.bm-note{color:#ffffffc7;pointer-events:none;position:absolute;inset:0}.bm-note .ico{color:#ffffff80}.bm-zoom{flex-direction:column;gap:6px;display:flex;position:absolute;top:8px;right:8px}.bm-zbtn{width:var(--tap);height:var(--tap);cursor:pointer;color:#fff;background:var(--gp-circle-gray-img) center / contain no-repeat;box-shadow:none;filter:drop-shadow(0 3px 3px #000000a6);transition:transform .12s var(--bounce);border:0;border-radius:50%;place-items:center;padding:0;display:grid}.bm-zbtn:hover{transform:scale(1.08)}.bm-zbtn:active{filter:drop-shadow(0 1px 1px #000000a6)brightness(.9);transform:translateY(2px)}.bm-zbtn .ico{width:20px;height:20px}.bm-zbtn[hidden]{display:none}.bm-tip{z-index:3;pointer-events:none;border-radius:var(--r-pill);max-width:min(320px,80%);color:var(--ink);font-size:var(--fs-sm);box-shadow:0 0 0 1px #000, inset 0 0 0 1px var(--gp-rim), var(--shadow-2);background:#17141de6;padding:5px 12px;font-weight:600;line-height:1.35;position:absolute}.bm-legend{z-index:2;background:var(--glass-2);border-radius:var(--r-md);max-height:calc(100% - 16px);box-shadow:0 0 0 1px #000, inset 0 0 0 1px var(--gp-rim-2), var(--shadow-2);font-size:var(--fs-sm);color:var(--ink-2);gap:4px;padding:10px 12px;display:grid;position:absolute;top:8px;left:8px;overflow-y:auto}.bm-leg{white-space:nowrap;align-items:center;gap:8px;display:flex}.bm-switch{cursor:pointer;border-top:1px solid #ffffff14;min-height:28px;margin-top:4px;padding-top:6px}.bm-switch input{width:18px;height:18px;accent-color:var(--sky-500)}.bm-sym{border-radius:50%;flex:none;place-items:center;width:16px;height:16px;font:700 13px/1 sans-serif;display:grid;position:relative}.bm-sym.me{background:#ff6f6a;width:12px;height:12px;box-shadow:0 0 0 2px #fff,0 0 0 4px #ff7a7659}.bm-sym.party{background:#ff7fbf;width:11px;height:11px;box-shadow:0 0 0 2px #fff,0 0 0 3px #26324b40}.bm-sym.npc{background:#ffd23a;width:12px;height:12px;box-shadow:inset 0 0 0 2px #3a2a10}.bm-sym.shop{background:#7ee0a6;width:13px;height:13px;box-shadow:inset 0 0 0 2px #3a2a10}.bm-sym.quest{color:#e0a800;text-shadow:0 0 2px #1b1530,0 0 2px #1b1530}.bm-sym.warp{background:radial-gradient(circle at 35% 30%,#e6f8ff,#5fc4ff 60%,#2378b8);width:13px;height:13px;box-shadow:0 0 0 2px #fff,0 0 0 3px #26324b40}.bm-sym.mob{background:#ff54482e;box-shadow:inset 0 0 0 1.5px #ff544899}.bm-sym.route{background:repeating-linear-gradient(90deg,#e9e3f0 0 3px,#0000 3px 7px);border-radius:0;height:4px}.bm-sym.flag{background:linear-gradient(#ff5d7a,#ff5d7a) 3px 1px/9px 7px no-repeat,linear-gradient(#e9e3f0,#e9e3f0) 2px 0/2px 16px no-repeat;border-radius:0}.bm-sym.snap{color:#ff6b6e}.bm-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.bm-hint{flex:200px;min-width:0;margin:0}.bm-legend-btn.on{box-shadow:var(--ring)}.bm-bar .btn[hidden]{display:none}body.touch .bm-bar .btn{min-height:44px}@media (orientation:portrait){body.touch .bm-stage{height:min(100dvh - 210px,128vw)}}@media (orientation:landscape) and (max-height:520px){body.touch .bm-win .win-body{grid-template-columns:minmax(0,1fr) 170px;align-items:start;display:grid}body.touch .bm-stage{height:calc(100dvh - 78px - var(--safe-t) - var(--safe-b));min-height:0}body.touch .bm-bar{flex-direction:column;align-items:stretch}body.touch .bm-hint{font-size:var(--fs-xs);flex:none}}#win-warp .win-body{flex-direction:column;gap:8px;display:flex}#win-warp .win-body>*{flex:none}#win-warp .empty{padding:26px 8px}#win-warp .wp-status{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 10px;display:flex}#win-warp .wp-status:empty{display:none}#win-warp .wp-me{min-width:0;font-size:var(--fs-sm);color:var(--ink-2);align-items:center;gap:8px;display:flex}#win-warp .wp-me b{color:var(--ink);font-weight:600}#win-warp .wp-block{white-space:normal;min-height:30px;line-height:1.3;font-size:var(--fs-sm);padding:3px 12px}#win-warp .wp-block svg{flex:none;width:16px;height:16px}#win-warp .wp-search{position:relative}#win-warp .wp-search .input{width:100%;padding-left:38px}#win-warp .wp-search-ico{width:18px;height:18px;color:var(--sky-500);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}#win-warp .wp-tabs{margin:0}#win-warp .wp-tabs .tab{flex:1 0 auto}#win-warp .wp-only{font-size:var(--fs-sm);color:var(--ink-2);margin:0}#win-warp .wp-list{flex-direction:column;gap:6px;display:flex}#win-warp .wp-sec{align-items:center;gap:6px;margin:8px 2px 2px;display:flex}#win-warp .wp-sec svg{width:18px;height:18px;color:var(--sky-600)}#win-warp .wp-sec small{border-radius:var(--r-pill);background:var(--sky-100);color:var(--sky-700);font-size:var(--fs-xs);margin-left:2px;padding:0 7px;font-weight:600}#win-warp .wp-row{grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:10px;margin:0;padding:8px 10px;display:grid}#win-warp .wp-row.here{border-image:var(--gp-row-on)}#win-warp .wp-row.flash{animation:wp-flash 1.4s var(--ease) 2}@keyframes wp-flash{50%{box-shadow:0 0 0 3px #fab13799,0 0 12px #fab13766}}#win-warp .wp-thumb{border-radius:var(--r-sm);background:var(--dots), linear-gradient(135deg, var(--sky-100), var(--sky-50));width:64px;height:64px;box-shadow:0 0 0 1px #000, 0 0 0 2px var(--gp-rim), inset 0 1px 4px #000000a6;color:var(--sky-600);background-size:18px 18px,auto;justify-content:center;align-items:center;display:flex;overflow:hidden}#win-warp .wp-thumb img{object-fit:cover;image-rendering:auto;width:100%;height:100%}#win-warp .wp-thumb svg{width:28px;height:28px}#win-warp .wp-main{flex-direction:column;gap:3px;min-width:0;display:flex}#win-warp .wp-name{align-items:center;gap:6px;min-width:0;display:flex}#win-warp .wp-name b{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}#win-warp .wp-lv{color:var(--ink-2);font-size:var(--fs-xs)}#win-warp .wp-checks{flex-wrap:wrap;gap:4px;display:flex}#win-warp .wp-checks .chip{white-space:normal;min-height:22px;padding:0 8px;line-height:1.25}#win-warp .wp-checks .chip svg{flex:none;width:13px;height:13px}#win-warp .wp-note{font-size:var(--fs-xs);color:var(--ink-3);line-height:1.4}#win-warp .wp-go{min-width:84px;min-height:var(--tap);white-space:nowrap}#win-warp .wp-row.no .wp-thumb img{filter:grayscale(.6);opacity:.75}#win-warp .wp-pts{border-top:1px solid #ffffff14;flex-wrap:wrap;grid-column:2/-1;align-items:center;gap:6px;padding-top:6px;display:flex}#win-warp .wp-pts-l{font-size:var(--fs-xs);color:var(--sky-700);margin-right:2px;font-weight:600}#win-warp .wp-pt{white-space:nowrap;text-overflow:ellipsis;max-width:100%;min-height:32px;overflow:hidden}#win-warp .wp-pt svg{flex:none;width:15px;height:15px}body.touch #win-warp .wp-tabs .tab,body.touch #win-warp .wp-search .input,body.touch #win-warp .wp-only,body.touch #win-warp .wp-pt{min-height:44px}@media (max-width:560px){#win-warp .wp-row{grid-template-columns:52px minmax(0,1fr);gap:8px 10px}#win-warp .wp-thumb{width:52px;height:52px}#win-warp .wp-go{grid-column:1/-1;width:100%}#win-warp .wp-pts{grid-column:1/-1}#win-warp .wp-pt{flex:calc(50% - 6px);justify-content:center}}@media (prefers-reduced-motion:reduce){#win-warp .wp-row.flash{animation:none}}body.touch .wm-info-top .btn{min-height:44px}.sysmenu-win .win-body{padding:16px}.sys-rest{background:linear-gradient(135deg, var(--gold-200), var(--gp-bg-head) 72%);border:1px solid #000;border-radius:10px;align-items:center;gap:14px;margin-bottom:18px;padding:14px;display:flex;box-shadow:inset 0 0 0 1px #8a6a2e,inset 0 1px #ffffff1a,0 2px #000}.sys-rest:before{content:"";background:var(--gp-shield-img) center / contain no-repeat;filter:drop-shadow(0 3px 4px #000000a6);flex:none;width:70px;height:74px}.sys-rest small{letter-spacing:.12em;color:var(--gp-amber);font-size:9px}.sys-rest h2{color:var(--gp-gold);text-shadow:0 2px #000000b3;margin:3px 0;font-size:20px;font-weight:600}.sys-rest p{color:var(--gp-desc);margin:0;font-size:11px}.sys-list{grid-template-columns:1fr 1fr;gap:8px;display:grid}.sys-btn{text-align:left;min-width:0;min-height:76px;font:inherit;color:var(--ink);border:0 solid #0000;border-image:var(--gp-row);background:0 0;border-radius:0;align-items:center;gap:10px;padding:10px;transition:filter .15s;display:flex}.sys-btn:hover{filter:brightness(1.15)}.sys-btn:focus-visible{outline:2px solid var(--gp-gold);outline-offset:2px}.sys-ico{background:var(--gp-bg-deep);width:36px;height:40px;color:var(--gp-gold);box-shadow:0 0 0 1px #000, inset 0 0 0 1px var(--gp-rim);border-radius:10px;flex:none;justify-content:center;align-items:center;display:flex}.sys-ico .ico{width:21px;height:21px}.sys-txt{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.sys-txt b{font-size:13px;font-weight:600}.sys-txt small{color:var(--gp-desc);font-size:10px;line-height:1.45}.sys-chev{display:none}.sys-btn.primary{border-image:var(--gp-row-on);grid-column:1/-1;min-height:64px}.sys-btn.primary .sys-ico{background:var(--mint-100);color:var(--mint-700);box-shadow:0 0 0 1px #000,inset 0 0 0 1px #389477}.sys-btn.primary .sys-chev{color:var(--gp-gold);display:block}.sys-section{color:var(--gp-gold);border-top:1px solid #ffffff14;margin:20px 0 9px;padding-top:12px;font-size:11px;font-weight:500}.sys-account{grid-template-columns:1fr;gap:6px}.sys-account .sys-btn{min-height:62px}.sys-account .sys-txt b{font-size:12px}.sys-btn.danger .sys-ico{background:var(--coral-100);color:var(--coral-700);box-shadow:0 0 0 1px #000, inset 0 0 0 1px var(--coral-400)}.sys-btn.danger b{color:var(--coral-700)}@media (max-width:400px){.sysmenu-win .win-body{padding:10px}.sys-rest{gap:8px;padding:10px}.sys-rest h2{font-size:18px}.sys-btn{gap:7px;padding:8px}.sys-list:not(.sys-account) .sys-btn:not(.primary){flex-direction:column;align-items:flex-start}}@media (orientation:landscape) and (max-height:520px){.sys-rest{margin-bottom:10px;padding:8px}.sys-rest:before{width:42px;height:42px}.sys-rest h2{font-size:17px}.sys-rest p{display:none}.sys-account{grid-template-columns:1fr 1fr}.sys-section{margin-top:12px}}.help-win .tabs .tab .ico{margin-right:2px}.help-cols{align-items:flex-start;gap:12px;display:flex}.help-topics{flex:0 0 210px;position:sticky;top:0}.help-page{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.help-topic{text-align:left;width:100%;min-height:44px;font:inherit;color:var(--ink);gap:8px}.help-topic-name{flex:1;min-width:0;font-weight:600}.help-num{background:var(--sky-100);width:24px;height:24px;color:var(--sky-700);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;box-shadow:0 0 0 1px #000, inset 0 0 0 1px var(--sky-300);border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.help-chev{color:var(--ink-3)}.help-keys{flex:none;gap:4px;display:inline-flex}.help-keys kbd{background:var(--gp-bg-deep);min-width:24px;box-shadow:inset 0 0 0 1px var(--gp-rim-2), 0 2px 0 #000;font:600 var(--fs-xs) / 18px var(--font);color:var(--ink);text-align:center;white-space:nowrap;border:1px solid #000;border-radius:6px;padding:1px 7px}.help-sec{padding:12px 14px;scroll-margin:8px;transition:border-color .2s,box-shadow .2s}.help-sec.on{box-shadow:inset 0 0 0 1px #d9b25a, inset 3px 0 0 var(--gp-gold), var(--shadow-1)}.help-sec-head{align-items:center;gap:8px;display:flex}.help-sec-head h3{font-size:var(--fs-lg);color:var(--gp-gold);flex:1;margin:0;font-weight:600}.help-points{flex-direction:column;gap:4px;margin:8px 0 0;padding-left:20px;display:flex}.help-points li{font-size:var(--fs-md);color:var(--ink);line-height:1.65}.help-points li::marker{color:var(--gp-amber)}.help-back{align-self:flex-start;margin-left:-6px}.help-nav{margin-top:4px}.help-seqs{flex-direction:column;gap:6px;margin-top:8px;display:flex}.help-seq{background:var(--sunken);opacity:.72;border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:6px 8px;display:flex}.help-seq.ok{opacity:1;background:var(--gold-200);box-shadow:inset 3px 0 0 var(--gp-amber), inset 0 0 0 1px #8a6a2e}.help-seq-keys{flex-wrap:wrap;flex:0 auto;align-items:center;row-gap:4px;min-width:0}.help-seq-keys kbd.chord{background:var(--gold-200);color:var(--gp-gold);box-shadow:inset 0 0 0 1px #d9b25a,0 2px #000}.help-seq-sep{color:var(--ink-3);font-style:normal;font-size:var(--fs-xs)}.help-seq-tag{font-size:var(--fs-xs);color:var(--ink-3);white-space:nowrap;font-weight:600}.help-seq-tag.ok{color:var(--gp-gold)}.help-seq-note{font-size:var(--fs-xs);color:var(--ink-3);flex-basis:100%}body.touch .help-cols{flex-direction:column;align-items:stretch}body.touch .help-topics{flex:none;position:static}@media (orientation:portrait){body.touch .help-cols:not(.help-show-page) .help-page,body.touch .help-cols.help-show-page .help-topics{display:none}}@media (orientation:landscape) and (max-height:520px){body.touch .help-cols{flex-direction:row;align-items:flex-start}body.touch .help-topics{flex:0 0 190px;position:sticky;top:0}}.gm-head{align-items:center;gap:8px;margin:0 0 8px;display:flex}.gm-target{border-radius:var(--r-pill);background:var(--sky-100);min-width:0;min-height:40px;box-shadow:inset 0 0 0 1px var(--sky-300);color:var(--sky-800);border:2px solid #000;flex:1;align-items:center;gap:6px;padding:4px 6px 4px 12px;display:flex}.gm-target>.ico{color:var(--sky-500)}.gm-target-l{color:var(--ink-2);font-size:var(--fs-sm)}.gm-target b{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.gm-target .btn{flex:none}.gm-pane[hidden]{display:none}.gm-sub{color:var(--ink-3);font-size:var(--fs-xs);margin:2px 2px 8px}.gm-row{align-items:flex-end;gap:8px;margin:0 0 8px;display:flex}.gm-row>.input,.gm-row>.field{flex:1;min-width:0;margin:0}.gm-row>.btn{flex:none}.gm-row.wrap{flex-wrap:wrap}.gm-grid3{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:8px;margin:0 0 8px;display:grid}.gm-grid3>.field{margin:0}.gm-grid3>.btn{min-height:var(--tap)}.gm-two{grid-template-columns:1fr 1fr;gap:10px;display:grid}.gm-card{margin:0 0 10px}.gm-card>h4{margin-top:0}.gm-card>.btn{width:100%}.gm-chips{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:4px;max-width:40%;display:flex}.gm-plist{max-height:46vh;margin:0 0 8px;padding:2px;overflow-y:auto}.gm-av{color:#fff;background:radial-gradient(circle at 35% 30%, var(--a,var(--sky-300)), var(--b,var(--sky-600)));width:38px;height:38px;box-shadow:0 0 0 2px #000, 0 0 0 3px var(--gp-rim), 0 2px 4px #00000080;border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:600;display:flex}.gm-av .ico{width:55%;height:55%}.gm-acts{border-radius:var(--r-lg);background:var(--sunken);border:2px solid #0009;flex-wrap:wrap;gap:6px;padding:8px;display:flex;box-shadow:inset 0 0 0 1px #ffffff0f}.gm-acts>.btn{flex:auto}.gm-acts>.gm-sub{text-align:center;flex:1;margin:0}.gm-stats{margin-top:10px}.gm-st-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;margin:0 0 8px;display:flex}.gm-st-head>h4{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;overflow:hidden}.gm-god-sw{font-size:var(--fs-sm)}.gm-st-grid>.field{flex-direction:column;gap:2px;display:flex}.gm-st-tot{color:var(--ink-3);font-size:var(--fs-xs);min-height:1.2em;padding-left:2px}.gm-ab{border-top:1px solid #ffffff14;margin-top:10px;padding-top:8px}.gm-ab-title{font-size:var(--fs-sm);margin:0 0 6px}.gm-ab-list{flex-direction:column;gap:3px;margin:0 0 8px;display:flex}.gm-ab-row{border-radius:var(--r-md);background:var(--sunken);font-size:var(--fs-sm);grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,.9fr) minmax(0,1.1fr) auto;align-items:center;gap:6px;padding:2px 6px;display:grid}.gm-ab-head{color:var(--ink-3);font-size:var(--fs-xs);background:0 0;padding-top:0;padding-bottom:0}.gm-ab-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink-2);overflow:hidden}.gm-ab-name>small{white-space:normal;margin:0;display:block}.gm-ab-cur{text-align:right;font-variant-numeric:tabular-nums}.gm-ab-gm{text-align:right;color:var(--ink-3);font-variant-numeric:tabular-nums}.gm-ab-gm.on{color:var(--gold-700,#a0700a);font-weight:700}.gm-ab .gm-ab-in.input{text-align:right;font-variant-numeric:tabular-nums;height:30px;min-height:30px;padding:2px 8px}.gm-ab .gm-ab-row>.btn{width:30px;min-width:30px;height:30px;min-height:30px;padding:0}.gm-ab-head>span:nth-child(2),.gm-ab-head>span:nth-child(3),.gm-ab-head>span:nth-child(4){text-align:right}.gm-stats.empty-view .gm-ab-list{opacity:.5}.gm-st-acts{margin:0 0 4px}.gm-st-acts>.btn{flex:auto}.gm-stats.empty-view .gm-st-grid{opacity:.5}body.touch .gm-st-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.touch .gm-ab-row{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,.8fr) minmax(0,1.2fr) auto;gap:4px}body.touch .gm-ab .gm-ab-in.input,body.touch .gm-ab .gm-ab-row>.btn{height:36px;min-height:36px}body.touch .gm-ab .gm-ab-row>.btn{width:36px;min-width:36px}#self-god{z-index:2;color:#0d5c3d;background:radial-gradient(circle at 35% 28%,#f2fff8 0 18%,#8ff0c4 45%,#2bb57a);border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;bottom:-5px;left:-5px;box-shadow:0 0 0 2px #000,0 0 10px 2px #50f0aad9}#self-god[hidden]{display:none}#self-god .ico{stroke-width:2.4px;width:13px;height:13px}#hud-self.gm-god{animation:1.8s ease-in-out infinite gm-god-glow}@keyframes gm-god-glow{50%{box-shadow:inset 0 1px #ffffff2e,0 0 0 2px #78f5bee6,0 0 18px 4px #50f0aa8c}}@media (prefers-reduced-motion:reduce){#hud-self.gm-god{animation:none;box-shadow:0 0 0 2px #78f5bee6}}.gm-igrid{flex-wrap:wrap;gap:6px;max-height:168px;margin:0 0 8px;padding:4px 2px;display:flex;overflow-y:auto}.gm-igrid>.gm-sub{margin:4px}.gm-isel{border-radius:var(--r-md);background:var(--sunken);align-items:center;gap:10px;min-height:52px;margin:0 0 8px;padding:4px 8px;display:flex;box-shadow:inset 0 0 0 1px #ffffff0f}.gm-isel>.gm-sub{margin:0}.gm-iname b{white-space:normal}.gm-opts{border-radius:var(--r-md);background:var(--sunken);margin:0 0 8px;padding:6px 8px;box-shadow:inset 0 0 0 1px #ffffff0f}.gm-opts-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.gm-opts>.gm-sub{margin:2px 0 6px}.gm-opt-row{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) auto;align-items:center;gap:6px;margin:0 0 6px;display:grid}.gm-opt-row:last-child{margin:0}.gm-tun .gm-opts-head>b{white-space:nowrap}.gm-tun .gm-opts-head>select{flex:0 220px}.gm-mlist{max-height:200px;margin:0 0 8px;padding:2px;overflow-y:auto}.gm-mlist>.gm-sub{margin:4px}.gm-maplist{scrollbar-width:thin;gap:6px;margin:0 0 4px;padding:2px 2px 6px;display:flex;overflow-x:auto}.gm-maplist:empty{display:none}.gm-mapbtn{border-radius:var(--r-md);background:var(--card);max-width:180px;min-height:44px;box-shadow:inset 0 0 0 1px var(--gp-rim);color:var(--ink);text-align:left;cursor:pointer;border:2px solid #000;flex-direction:column;flex:none;align-items:flex-start;padding:4px 12px;display:flex}.gm-mapbtn b{font-weight:600;font-size:var(--fs-sm);text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.gm-mapbtn small{color:var(--ink-3);font-size:var(--fs-xs)}.gm-mapbtn.on{background:var(--sky-100);box-shadow:inset 0 0 0 1px #d9b25a, inset 0 -3px 0 var(--gp-gold)}.gm-mm{aspect-ratio:1;border-radius:var(--r-lg);cursor:crosshair;width:min(100%,320px);box-shadow:0 0 0 1px #000, 0 0 0 3px var(--gp-rim-2), 0 0 0 4px #000;background:radial-gradient(circle,#ffffff14 1.6px,#0000 2.2px) 0 0/14px 14px,#23284d;margin:0 auto 8px;position:relative;overflow:hidden}.gm-mm-img{object-fit:fill;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.gm-mm.nomap .gm-mm-img{display:none}.gm-mm-mark{pointer-events:none;background:var(--coral-400);border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;position:absolute;box-shadow:0 0 0 3px #fff,0 0 0 6px #ff7a7659}.gm-mm-name{border-radius:var(--r-pill);max-width:calc(100% - 16px);color:var(--ink);font-size:var(--fs-xs);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;background:#17141dcc;padding:1px 10px;position:absolute;bottom:6px;left:50%;overflow:hidden;transform:translate(-50%)}.gm-wplist{margin:0 0 8px}.gm-wplist>.empty{padding:10px 4px}.gm-wprow{align-items:center;gap:8px;margin:0 0 6px;padding:6px 10px;display:flex}.gm-wpmain{flex-wrap:wrap;flex:1;align-items:center;gap:4px 8px;min-width:0;display:flex}.gm-wpname{flex-direction:column;min-width:0;display:flex}.gm-wpname b{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.gm-wpname small{color:var(--ink-3);font-size:var(--fs-xs)}.gm-wpacts{flex:none;gap:6px;display:flex}body.touch .gm-wpacts .btn{min-height:44px}@media (max-width:560px){.gm-wprow{flex-wrap:wrap}.gm-wpacts{width:100%}.gm-wpacts .btn{flex:1}}.gm-evlist,.gm-sched{margin:0 0 10px}.gm-presets{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.gm-preset{border-radius:var(--r-md);cursor:pointer;text-align:left;background:linear-gradient(var(--k-bg,var(--sky-100)), var(--card));min-height:48px;color:var(--ink);box-shadow:inset 0 0 0 1px var(--k-line,var(--sky-300)), 0 3px 0 #000;transition:transform .2s var(--bounce);border:2px solid #000;align-items:center;gap:8px;padding:6px 10px;display:flex}.gm-preset:active:not(:disabled){box-shadow:inset 0 0 0 1px var(--k-line,var(--sky-300)), 0 1px 0 #000;transform:translateY(2px)}.gm-preset:disabled{opacity:.45;cursor:not-allowed}.gm-preset b{font-weight:600;font-size:var(--fs-sm)}.gm-preset-ico{color:#fff;background:radial-gradient(circle at 35% 30%, var(--k-a,var(--sky-300)), var(--k-b,var(--sky-600)));border-radius:50%;flex:none;justify-content:center;align-items:center;width:30px;height:30px;display:flex;box-shadow:0 0 0 2px #000}.gm-preset-ico .ico{width:17px;height:17px}.k-exp{--k-a:#ffe08a;--k-b:var(--gold-500);--k-line:#8a6a2e;--k-bg:var(--gold-200)}.k-drop{--k-a:#c9b6ff;--k-b:var(--lilac-600);--k-line:var(--c-lilac-400);--k-bg:var(--lilac-100)}.k-gold{--k-a:#9fe6c6;--k-b:var(--mint-600);--k-line:var(--mint-400);--k-bg:var(--mint-100)}.k-boss{--k-a:#ffb3b0;--k-b:var(--coral-600);--k-line:var(--coral-400);--k-bg:var(--coral-100)}.gm-evrow .row-main small{white-space:normal}.gm-notice-text{min-height:96px}.gm-pane.gm-notice>.btn{width:100%}.gm-win.gm-lv1 [data-lv="2"]{filter:grayscale(.6)}body.touch .gm-two{grid-template-columns:1fr;gap:0}body.touch .gm-presets{grid-template-columns:repeat(2,minmax(0,1fr))}body.touch .gm-plist{max-height:40vh}body.touch .gm-acts>.btn{flex:calc(50% - 6px)}@media (max-width:480px){.gm-grid3{grid-template-columns:1fr 1fr}.gm-grid3>.btn{grid-column:1/-1}.gm-chips{max-width:34%}}.gm-banner{left:50%;top:calc(27% + var(--safe-t,0px));z-index:7;pointer-events:none;border-radius:var(--r-xl);width:min(560px,100vw - 20px);color:var(--ink);box-shadow:inset 0 0 0 1px #d9b25a, 0 0 0 2px var(--gold-500), 0 10px 26px #000000a6;background:radial-gradient(circle,#f4d48714 1.6px,#0000 2.2px) 0 0/16px 16px,linear-gradient(135deg,#4a3d22f2,#221e2df2);border:3px solid #000;align-items:center;gap:12px;padding:10px 18px 10px 10px;display:flex;position:absolute;transform:translate(-50%)}.gm-banner.event{box-shadow:inset 0 0 0 1px var(--c-pink-400), 0 0 0 2px var(--c-pink-500), 0 10px 26px #000000a6;background:radial-gradient(circle,#ffffff0f 1.6px,#0000 2.2px) 0 0/16px 16px,linear-gradient(135deg,#522d43f2,#2e2645f2)}.gm-banner[hidden]{display:none}.gm-banner.in{animation:gm-banner-in .5s var(--bounce) both}.gm-banner.out{animation:.4s both gm-banner-out}@keyframes gm-banner-in{0%{opacity:0;transform:translate(-50%,-18px)scale(.9)}}@keyframes gm-banner-out{to{opacity:0;transform:translate(-50%,-12px)scale(.96)}}.gm-banner-ico{color:#4e2600;background:var(--gp-circle-yellow-img) center / contain no-repeat;width:46px;height:46px;box-shadow:none;filter:drop-shadow(0 3px 3px #000000a6);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.gm-banner.event .gm-banner-ico{background-image:var(--gp-circle-purple-img);color:#fff}.gm-banner-ico .ico{width:26px;height:26px}.gm-banner-txt{flex-direction:column;min-width:0;display:flex}.gm-banner-txt small{font-size:var(--fs-xs);color:var(--gold-700);letter-spacing:.02em;font-weight:600}.gm-banner.event .gm-banner-txt small{color:var(--c-pink-700)}.gm-banner-txt b{font-size:var(--fs-lg);overflow-wrap:anywhere;font-weight:600;line-height:1.3}.gm-banner-sub{font-size:var(--fs-sm);color:var(--ink-2);overflow-wrap:anywhere}body.touch .gm-banner{top:calc(30vh + var(--safe-t,0px));gap:10px;width:min(440px,100vw - 20px);padding:8px 14px 8px 8px}body.touch .gm-banner-ico{width:38px;height:38px}body.touch .gm-banner-txt b{font-size:var(--fs-md)}.gi-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 10px;margin:0 0 8px;display:flex}.gi-who{flex-direction:column;min-width:0;display:flex}.gi-who b{font-size:var(--fs-md,15px);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.gi-who .gm-sub{margin:0}.gi-chips{flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:4px;display:flex}.gi-at{flex:1 0 100%;margin:0}.gi-tabs{border-radius:var(--r-md,14px);grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 8px;display:grid}.gi-tabs .tab{text-overflow:ellipsis;min-width:0;padding:0 6px;overflow:hidden}.gi-pane .char-equip+.sec-title{margin-top:12px}.gi-grid{margin:0 0 6px}.gi-foot{text-align:center;margin:4px 0 0}.gi-loading{text-align:center;padding:18px 0}.slot.gi-bound{box-shadow:0 0 0 2px color-mix(in srgb, var(--rose-500,#e5484d) 75%, transparent)}.gi-pets{flex-direction:column;gap:6px;display:flex}.gi-pet{gap:10px}.gi-pet .row-main small{white-space:normal}.gi-money{flex-direction:column;gap:8px;display:flex}.gi-money-row{justify-content:space-between;align-items:center;gap:10px;margin:0;padding:10px 12px;display:flex}.gi-money-l{color:var(--ink-2);align-items:center;gap:8px;display:flex}.gi-money-l .ico{width:20px;height:20px}body.touch .gi-chips{max-width:none}.insp-who{align-items:center;gap:10px;min-width:0;display:flex}.insp-sub{color:var(--ink-2);font-size:var(--fs-sm,13px)}.insp-head .gi-chips{max-width:60%}.chip.insp-title{color:var(--insp-title,var(--ink));border-color:color-mix(in srgb, var(--insp-title,var(--gp-rim-2)) 45%, transparent);font-weight:600}.insp-pane .char-equip+.sec-title{margin-top:12px}body.touch .insp-head .gi-chips{justify-content:flex-start;max-width:none}#win-auto .win-body{flex-direction:column;gap:10px;display:flex}#win-auto .ap-view{flex-direction:column;display:flex}#win-auto .ap-tabs{margin:0 0 6px}#win-auto .ap-tabs .tab{flex:1 0 auto}#win-auto .ap-tab-lock{width:13px;height:13px;color:var(--gold-600);margin-left:2px}#win-auto .ap-tab{flex-direction:column;gap:6px;display:flex}#win-auto .ap-tab h4{margin:10px 0 0}#win-auto .ap-tab>h4:first-child{margin-top:2px}#win-auto .ap-sub{font-size:var(--fs-sm);color:var(--ink-2);margin-top:4px}#win-auto>.ap-hero{flex:none;align-items:center;gap:12px;margin:0 12px 14px;padding:12px 14px;display:flex;position:relative}#win-auto .ap-hero.on{background:linear-gradient(110deg, var(--mint-100), var(--card) 70%);box-shadow:inset 0 0 0 1px #389477,0 0 12px #4fc79533}#win-auto .ap-hero.paused{background:linear-gradient(110deg, var(--gold-200), var(--card) 70%);box-shadow:inset 0 0 0 1px #8a6a2e}#win-auto .ap-bubble{color:#fff;background:var(--gp-circle-gray-img) center / contain no-repeat;width:52px;height:52px;box-shadow:none;filter:drop-shadow(0 3px 3px #0000008c);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}#win-auto .ap-hero.on .ap-bubble{background-image:var(--gp-circle-green-img)}#win-auto .ap-hero.paused .ap-bubble{background-image:var(--gp-circle-yellow-img);color:#4e2600}#win-auto .ap-bubble .ico{stroke-width:2.2px;filter:drop-shadow(0 1px 1px #00000080);width:28px;height:28px}#win-auto .ap-hero-main{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}#win-auto .ap-line{font-size:var(--fs-md);color:var(--ink);overflow-wrap:anywhere;line-height:1.35}#win-auto .ap-hero-main>small{color:var(--ink-2);font-size:var(--fs-sm);line-height:1.4}#win-auto .ap-chips{flex-wrap:wrap;gap:5px;display:flex}#win-auto .ap-chips .chip{font-variant-numeric:tabular-nums}#win-auto .ap-chips .ico{width:13px;height:13px}#win-auto .ap-block{border-radius:var(--r-md);background:var(--coral-100);color:var(--coral-700);font-size:var(--fs-sm);align-items:center;gap:6px;padding:5px 10px;font-weight:600;display:flex}#win-auto .ap-block .ico{flex:none;width:16px;height:16px}#win-auto .ap-prem-chip{filter:drop-shadow(0 2px 2px #000000a6);position:absolute;bottom:-12px;right:14px}#win-auto .ap-prem-chip .ico{width:13px;height:13px}#win-auto .ap-foot .btn{flex:1}#win-auto .ap-range{flex-direction:column;gap:2px;display:flex}#win-auto .ap-range-v{font-size:var(--fs-sm);color:var(--sky-700);font-weight:600}#win-auto .ap-range input{width:100%;height:30px;margin:0}body.touch #win-auto .ap-range input{height:44px}#win-auto .ap-lockhint,#win-auto .ap-note{border-radius:var(--r-md);font-size:var(--fs-sm);align-items:flex-start;gap:6px;padding:6px 10px;line-height:1.4;display:flex}#win-auto .ap-lockhint .ico,#win-auto .ap-note .ico{flex:none;width:16px;height:16px;margin-top:2px}#win-auto .ap-lockhint.gold{background:var(--gold-200);color:var(--gold-700)}#win-auto .ap-lockhint.coral{background:var(--coral-100);color:var(--coral-700)}#win-auto .ap-note{background:var(--sky-50);color:var(--sky-800)}#win-auto .ap-lootpet{border-radius:var(--r-md);background:var(--c-lilac-50);color:var(--c-lilac-700);font-size:var(--fs-sm);align-items:center;gap:8px;margin-top:8px;padding:6px 8px 6px 10px;line-height:1.4;display:flex}#win-auto .ap-lootpet>.ico{flex:none;width:16px;height:16px}#win-auto .ap-lootpet>span{flex:1;min-width:0}#win-auto .ap-lootpet .btn{flex:none}#win-auto .ap-skill-row{gap:8px}#win-auto .ap-no{background:var(--sky-500);color:#fff;width:22px;height:22px;font-size:var(--fs-xs);text-shadow:0 1px 0 var(--sky-800);border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:700;display:flex}#win-auto .ap-skill-row .row-main{min-width:0}#win-auto .ap-ap{flex-wrap:wrap;align-items:center;gap:2px 6px;min-width:0;margin:2px 0 0;display:flex}#win-auto .ap-ap small{color:var(--ink-2);font-size:var(--fs-xs);white-space:nowrap}#win-auto .ap-ap select{width:auto;min-width:0;max-width:100%;min-height:30px;font-size:var(--fs-sm);margin:0;padding:2px 8px}body.touch #win-auto .ap-ap select{min-height:44px}#win-auto .ap-row-btns{flex:none;gap:2px;display:flex}#win-auto .ap-grid{flex-wrap:wrap;gap:6px;display:flex}#win-auto .slot.ap-out .icon{filter:grayscale(.9);opacity:.55}#win-auto .ap-pick{cursor:pointer}#win-auto .ap-throw-sub{color:var(--ink-2);font-size:var(--fs-xs);line-height:1.3;display:block}#win-auto .ap-throw-sub.warn{color:var(--coral-700)}#win-auto .ap-throw{flex-direction:column;gap:4px;margin-top:10px;display:flex}#win-auto .ap-prem-card{align-items:center;gap:12px;display:flex}#win-auto .ap-prem-card.active{background:linear-gradient(110deg, var(--gold-200), var(--card) 75%);box-shadow:inset 0 0 0 1px #d9b25a,0 0 12px #fab13733}#win-auto .ap-crown{color:#4e2600;background:var(--gp-circle-yellow-img) center / contain no-repeat;width:50px;height:50px;box-shadow:none;filter:drop-shadow(0 2px 3px #000000a6);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}#win-auto .ap-prem-card:not(.active) .ap-crown{filter:grayscale(.8);opacity:.7}#win-auto .ap-crown .ico{width:26px;height:26px}#win-auto .ap-prem-text{flex-direction:column;gap:2px;min-width:0;display:flex}#win-auto .ap-prem-text b{font-size:var(--fs-md);color:var(--ink)}#win-auto .ap-prem-text span{font-size:var(--fs-sm);color:var(--gold-700);font-weight:600}#win-auto .ap-prem-text small{font-size:var(--fs-xs);color:var(--ink-2);line-height:1.45}#win-auto .ap-perks{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}#win-auto .ap-perks li{font-size:var(--fs-sm);color:var(--ink);align-items:center;gap:8px;display:flex}#win-auto .ap-perks .ico{background:var(--gold-200);width:26px;height:26px;color:var(--gp-gold);border-radius:50%;flex:none;padding:5px;box-shadow:0 0 0 1px #000}#win-auto .ap-buy-row{align-items:center;gap:8px}#win-auto .ap-buy-main{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}#win-auto .ap-buy-main select{min-height:34px;font-size:var(--fs-sm);margin:0;padding:2px 8px}#win-auto .ap-minmax{gap:6px;display:flex}#win-auto .ap-num{flex:1;align-items:center;gap:4px;min-width:0;margin:0;display:flex}#win-auto .ap-num small{color:var(--ink-2);font-size:var(--fs-xs);white-space:nowrap}#win-auto .ap-num .input{min-height:32px;font-size:var(--fs-sm);margin:0;padding:2px 8px}body.touch #win-auto .ap-buy-main select,body.touch #win-auto .ap-num .input{min-height:44px}#win-auto .ap-obot{flex-direction:column;flex:none;gap:8px;min-width:0;padding:10px 12px;display:flex}#win-auto .ap-obot[hidden]{display:none}#win-auto .ap-obot.active{box-shadow:inset 0 0 0 1px #389477}#win-auto .ap-obot.go{background:linear-gradient(110deg, var(--mint-100), var(--card) 70%);box-shadow:inset 0 0 0 1px #389477,0 0 12px #4fc79533}#win-auto .ap-obot-head{align-items:center;gap:10px;min-width:0;display:flex}#win-auto .ap-obot-ico{background:var(--sky-100);width:38px;height:38px;color:var(--sky-700);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}#win-auto .ap-obot.active .ap-obot-ico{background:var(--mint-100);color:var(--mint-700)}#win-auto .ap-obot-ico .ico{width:21px;height:21px}#win-auto .ap-obot-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}#win-auto .ap-obot-text b{font-size:var(--fs-md);color:var(--ink);overflow-wrap:anywhere;line-height:1.35}#win-auto .ap-obot-text small{font-size:var(--fs-xs);color:var(--ink-2);line-height:1.45}#win-auto .ap-obot-meter{font-size:var(--fs-sm);color:var(--sky-800);align-items:center;gap:6px;min-width:0;font-weight:600;display:flex}#win-auto .ap-obot-meter>.ico{width:16px;height:16px;color:var(--gold-600);flex:none}#win-auto .ap-obot-meter>span{overflow-wrap:anywhere;font-variant-numeric:tabular-nums;min-width:0}#win-auto .ap-obot-bar{flex:1;min-width:0;height:20px}#win-auto .ap-obot-bar span{line-height:20px}#win-auto .ap-obot-go{border:0 solid #0000;border-image:var(--gp-btn-green);width:100%;min-height:44px;font:inherit;text-align:left;cursor:pointer;color:#0b3d16;box-shadow:none;text-shadow:0 1px #c9ff9c;background:0 0;border-radius:0;align-items:center;gap:8px;padding:10px 12px;display:flex}#win-auto .ap-obot-go:hover{filter:brightness(1.05)}#win-auto .ap-obot-go:active{filter:brightness(.9);transform:translateY(2px)}#win-auto .ap-obot-go .ico{flex:none;width:22px;height:22px}#win-auto .ap-obot-go b{font-size:var(--fs-lg);overflow-wrap:anywhere;line-height:1.3}#win-auto .ap-obot-limits{font-size:var(--fs-xs);color:var(--ink-3);line-height:1.45}#win-auto .ap-obot-buy{width:100%;display:flex}#win-auto .ap-obot-note,#win-obot-credit .ap-obot-note{border-radius:var(--r-md);font-size:var(--fs-sm);align-items:flex-start;gap:6px;padding:6px 10px;line-height:1.4;display:flex}#win-auto .ap-obot-note .ico,#win-obot-credit .ap-obot-note .ico{flex:none;width:16px;height:16px;margin-top:2px}#win-auto .ap-obot-note>span,#win-obot-credit .ap-obot-note>span{overflow-wrap:anywhere;min-width:0}.ap-obot-note.sky{background:var(--sky-50);color:var(--sky-800)}.ap-obot-note.warn{background:var(--coral-100);color:var(--coral-700);font-weight:600}.ap-obot-note.gold{background:var(--gold-200);color:var(--gold-700)}#win-auto-sum .ap-sum{flex-direction:column;gap:10px;display:flex}#win-auto-sum .ap-sum h4{margin:2px 0 0}#win-auto-sum .ap-late{border-radius:var(--r-md);background:var(--lilac-100);color:var(--lilac-700);font-weight:600;font-size:var(--fs-sm);align-items:center;gap:8px;padding:8px 12px;display:flex}#win-auto-sum .ap-late .ico{flex:none;width:18px;height:18px}#win-auto-sum .ap-reason{text-align:center;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:8px;display:flex}#win-auto-sum .ap-reason small{color:var(--ink-2);font-size:var(--fs-sm)}#win-auto-sum .ap-reason b{font-size:var(--fs-lg);color:var(--sky-700)}#win-auto-sum .ap-sum-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}#win-auto-sum .ap-tile{border-radius:var(--r-md);background:var(--sunken);border:1.5px solid #000;align-items:center;gap:10px;padding:8px 10px;display:flex;box-shadow:inset 0 0 0 1px #ffffff12}#win-auto-sum .ap-tile-ico{background:var(--gp-bg-deep);width:36px;height:36px;color:var(--sky-600);box-shadow:0 0 0 1px #000, 0 0 0 2px var(--gp-rim);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}#win-auto-sum .ap-tile-ico .ico{width:19px;height:19px}#win-auto-sum .ap-tile-text{flex-direction:column;min-width:0;display:flex}#win-auto-sum .ap-tile-text small{color:var(--ink-2);font-size:var(--fs-xs)}#win-auto-sum .ap-tile-text b{font-size:var(--fs-lg);color:var(--ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}#win-auto-sum .ap-tile-text .ap-tile-sub{color:var(--ink-3)}#win-auto-sum .ap-tile.exp .ap-tile-ico{color:var(--gold-600)}#win-auto-sum .ap-tile.gold b{color:var(--gold-700)}#win-auto-sum .ap-tile.gold .ap-tile-ico{color:var(--gold-600)}#win-auto-sum .ap-tile.neg b{color:var(--coral-700)}#win-auto-sum .ap-when{text-align:center;color:var(--ink-3);font-size:var(--fs-xs)}#win-auto-sum .ap-grid{flex-wrap:wrap;gap:6px;display:flex}#win-obot-credit .ap-oc{flex-direction:column;gap:8px;min-width:0;display:flex}#win-obot-credit .ap-oc-rows{flex-direction:column;gap:6px;display:flex}#win-obot-credit .ap-oc-row{border-radius:var(--r-md);background:var(--sunken);border:1.5px solid #000;align-items:center;gap:10px;min-width:0;padding:7px 10px;display:flex;box-shadow:inset 0 0 0 1px #ffffff12}#win-obot-credit .ap-oc-ico{background:var(--gp-bg-deep);width:34px;height:34px;color:var(--sky-600);box-shadow:0 0 0 1px #000, 0 0 0 2px var(--gp-rim);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}#win-obot-credit .ap-oc-ico .ico{width:18px;height:18px}#win-obot-credit .ap-oc-text{flex-direction:column;min-width:0;display:flex}#win-obot-credit .ap-oc-text small{color:var(--ink-2);font-size:var(--fs-xs)}#win-obot-credit .ap-oc-text b{font-size:var(--fs-md);color:var(--ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}#win-obot-credit .ap-oc-text .ap-oc-sub{color:var(--ink-3)}#win-obot-credit .ap-oc-exp{border-radius:var(--r-md);background:linear-gradient(var(--gold-200), #2f2718);text-align:center;border:1.5px solid #000;flex-direction:column;align-items:center;gap:2px;padding:10px 12px;display:flex;box-shadow:inset 0 0 0 1px #d9b25a}#win-obot-credit .ap-oc-exp small{color:var(--gold-700);font-size:var(--fs-sm);font-weight:600}#win-obot-credit .ap-oc-exp b{font-size:var(--fs-2xl);color:var(--ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;line-height:1.2}#win-obot-credit .ap-oc-left{border-radius:var(--r-md);background:var(--mint-100);color:var(--mint-700);font-size:var(--fs-sm);flex-wrap:wrap;align-items:center;gap:4px 6px;padding:6px 10px;display:flex}#win-obot-credit .ap-oc-left.none{background:var(--coral-100);color:var(--coral-700)}#win-obot-credit .ap-oc-left .ico{flex:none;width:16px;height:16px}#win-obot-credit .win-foot .btn{flex:1}.tag-auto{border-radius:var(--r-pill);letter-spacing:.06em;color:#fff;text-shadow:0 1px #0b5a3e;background:linear-gradient(#5fe3ad,#14a571);margin:0 auto 4px;padding:0 6px;font-size:9.5px;font-weight:700;line-height:14px;display:table;box-shadow:0 0 0 1.5px #000,0 1px 3px #00000073}@media (orientation:landscape) and (max-height:520px){body.touch #win-auto>.ap-hero{gap:10px;margin-bottom:12px;padding:6px 10px}body.touch #win-auto .ap-bubble{width:38px;height:38px}body.touch #win-auto .ap-bubble .ico{width:22px;height:22px}body.touch #win-auto .ap-hero-main{gap:3px}body.touch #win-auto .ap-hero-main>small{display:none}body.touch #win-auto .ap-chips{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}body.touch #win-auto .ap-obot{gap:6px;padding:8px 10px}body.touch #win-auto .ap-obot-ico{width:32px;height:32px}body.touch #win-auto .ap-obot.active .ap-obot-text small{display:none}body.touch #win-auto .ap-obot-go{padding:7px 10px}body.touch #win-obot-credit .ap-oc-exp{padding:6px 10px}body.touch #win-obot-credit .ap-oc-exp b{font-size:var(--fs-xl)}}.combo-ind{--r:96px;will-change:transform;width:0;height:0;position:absolute;top:0;left:0}.combo-ind .combo-ring,.combo-ind .combo-core{box-sizing:border-box;border-radius:50%;position:absolute}.combo-ind .combo-ring{left:calc(-1 * var(--r));top:calc(-1 * var(--r));width:calc(2 * var(--r));height:calc(2 * var(--r));border:3px solid #ffffffe6;box-shadow:0 0 0 2px #2a120873,0 0 12px #ffffff59}.combo-ind .combo-core{border:2px dashed #ffffff8c;width:60px;height:60px;top:-30px;left:-30px}.combo-ind .combo-step{font:700 18px/1 var(--font);color:var(--gold-300);paint-order:stroke fill;-webkit-text-stroke:4px #2a1208;white-space:nowrap;position:absolute;top:34px;left:0;transform:translate(-50%)}.combo-ind .combo-key{font:700 13px/1.25 var(--font);color:#fff;letter-spacing:.08em;paint-order:stroke fill;-webkit-text-stroke:3px #2a1208;white-space:nowrap;gap:6px;display:flex;position:absolute;top:56px;left:0;transform:translate(-50%)}.combo-ind .combo-key:empty{display:none}.combo-ind .combo-key .ck-done{color:var(--gold-300)}.combo-ind .combo-key .ck-next{color:#fff}.combo-ind[data-state=wait] .combo-key .ck-next{opacity:.7}.combo-ind[data-state=open] .combo-ring{border:5px solid var(--gold-400);animation:.24s ease-in-out infinite alternate combo-pulse;box-shadow:0 0 0 2px #7a3d00,0 0 18px 4px #ffc93cbf,inset 0 0 12px #ffc93c99}.combo-ind[data-state=open] .combo-core{border:2px solid var(--gold-300);background:#ffc93c2e}.combo-ind[data-state=ok] .combo-ring{border:5px solid var(--mint-600);box-shadow:0 0 0 2px #0f4a33,0 0 18px 4px #4fd3a0b3}.combo-ind[data-state=ok] .combo-core{border:2px solid var(--mint-400);background:#4fd3a040}.combo-ind[data-state=ok] .combo-step{color:var(--mint-700)}@keyframes combo-pulse{0%{transform:scale(1)}to{transform:scale(1.08)}}.floater.combo{color:#ffb02e;-webkit-text-stroke:4px #4a1600;font-size:30px}.floater.combo.combo-mine{color:#ffd34d}.floater.combo.crit{color:#ff7a1a;font-size:34px}.floater.combo-bonus{color:#ffe08a;-webkit-text-stroke:3px #4a1600;font-size:18px}body.touch .floater.combo{font-size:24px}.combo-count{pointer-events:none;font:italic 700 26px/1 var(--font);color:#fff;white-space:nowrap;paint-order:stroke fill;-webkit-text-stroke:5px #b8326a;text-shadow:0 0 10px #ff8fb8e6,0 2px 2px #000;animation:combo-count-pop 1s var(--bounce,ease-out) both;position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%)}.combo-hud{opacity:0;pointer-events:none;white-space:nowrap;font:italic 700 40px/1 var(--font);color:#ffe08a;paint-order:stroke fill;-webkit-text-stroke:6px #7a3d00;text-shadow:0 0 14px #ffc93cf2,0 3px 2px #000;position:absolute;top:21%;left:50%;transform:translate(-50%)}.combo-hud.combo-big{color:#fff3c4;font-size:50px}.combo-hud.combo-fin{color:#fff;-webkit-text-stroke-color:#b8326a;text-shadow:0 0 18px #ff8fb8f2,0 3px 2px #000}.combo-hud.show{animation:combo-hud-pop 1.1s var(--bounce,ease-out) both}@keyframes combo-hud-pop{0%{opacity:0;transform:translate(-50%)scale(.5)}12%{opacity:1;transform:translate(-50%)scale(1.18)}70%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-8px)}}body.touch .combo-hud{font-size:30px;top:30%}body.touch .combo-hud.combo-big{font-size:36px}@media (orientation:landscape){body.touch .combo-hud{top:18%}}.combo-count.combo-big{font-size:32px}body.touch .combo-count{font-size:21px}body.touch .combo-count.combo-big{font-size:25px}@keyframes combo-count-pop{0%{opacity:0;transform:translate(-50%)scale(.4)}15%{opacity:1;transform:translate(-50%)scale(1.2)}75%{opacity:1}to{opacity:0;transform:translate(-50%)translateY(-10px)scale(1)}}.combo-ya{color:#3d2000;min-width:52px;font:600 13px/1.3 var(--font);text-align:center;white-space:nowrap;text-shadow:0 1px #ffe7a1;pointer-events:none;background:linear-gradient(#ffe08a,#e0a030);border:1px solid #000;border-radius:10px 10px 10px 2px;margin-left:-26px;padding:5px 9px;animation:1s ease-out both combo-ya-pop;position:absolute;bottom:calc(100% + 30px);left:50%;box-shadow:inset 0 1px #ffffffa6,0 2px 4px #0009}@keyframes combo-ya-pop{0%{opacity:0;transform:scale(.3)translateY(10px)}18%{opacity:1;transform:scale(1.15)}80%{opacity:1}to{opacity:0;transform:scale(1)translateY(-8px)}}@media (prefers-reduced-motion:reduce){.combo-ind[data-state=open] .combo-ring,.combo-ya,.combo-count{animation:none}.combo-hud.show{opacity:1;animation:none}}#hud-map .mm-btns{position:relative}.ch-pill{border-radius:var(--r-pill);cursor:pointer;white-space:nowrap;height:30px;font:600 12.5px/1 var(--font);color:#fff;text-shadow:0 1px 1px #000;font-variant-numeric:tabular-nums;transition:transform .15s var(--bounce,ease), box-shadow .15s;background:linear-gradient(#2a2536e6,#17141de6);border:1px solid #000;align-items:center;gap:5px;padding:0 4px 0 10px;display:inline-flex;position:absolute;top:1px;right:calc(100% + 6px);box-shadow:inset 0 0 0 1px #4fc79599,0 3px 8px #00000080}.ch-pill[hidden]{display:none}.ch-pill.pk{box-shadow:inset 0 0 0 1px #ef5b6099,0 3px 8px #00000080}@media (hover:hover){.ch-pill:hover{filter:brightness(1.15);transform:translateY(-1px)}}.ch-pill:active{transform:scale(.95)}.ch-pill:focus-visible{box-shadow:0 0 0 2px var(--gp-gold);outline:none}.ch-dot{background:#5cd67a;border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 6px #5cd67a}.ch-pill.pk .ch-dot{background:#e5484d;box-shadow:0 0 6px #e5484d}.ch-id{align-items:center;gap:5px;display:inline-flex}.ch-name{letter-spacing:.02em;font-weight:700}.ch-count{align-items:baseline;gap:4px;display:inline-flex}.ch-sep{opacity:.7}.ch-on{opacity:.9;font-size:11px;font-weight:500}.ch-bonus{border-radius:var(--r-pill);font:700 10px/1.1 var(--font);color:#3d2000;text-shadow:none;background:linear-gradient(#ffe28a,#f0a030);padding:2px 6px;box-shadow:0 0 0 1px #000}.ch-bonus[hidden]{display:none}.ch-sw{color:#fff;background:var(--gp-circle-gray-img) center / contain no-repeat;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.ch-sw .ico{stroke-width:2.6px;width:13px;height:13px}body.touch .ch-pill{border-radius:13px;flex-direction:column;justify-content:center;gap:3px;width:44px;height:44px;margin:0;padding:0;font-size:11.5px;position:relative;top:auto;right:auto}body.touch .ch-id{gap:3px}body.touch .ch-dot{width:7px;height:7px}body.touch .ch-name{letter-spacing:0;font-size:11px}body.touch .ch-sep,body.touch .ch-on,body.touch .ch-sw{display:none}body.touch .ch-count{font-size:13px;line-height:1}body.touch .ch-bonus{padding:1px 4px;font-size:8.5px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}body.touch .ch-pill.bonus{gap:2px;padding-bottom:8px}#win-channel .win-body{flex-direction:column;gap:10px;display:flex}.ch-head{flex-direction:column;gap:4px;display:flex}.ch-intro{font-size:var(--fs-sm);color:var(--ink-2);margin:0;line-height:1.45}.ch-total{font-size:var(--fs-xs);color:var(--ink-3);font-weight:600}.ch-list{flex-direction:column;gap:8px;display:flex}.ch-card{align-items:center;gap:10px;display:flex}.ch-card.here{border-image:var(--gp-row-on)}.ch-badge{color:#fff;background:var(--gp-circle-green-img) center / contain no-repeat;filter:drop-shadow(0 2px 2px #0009);border-radius:50%;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.ch-card.pk .ch-badge{background-image:var(--gp-circle-red-img)}.ch-badge .ico{stroke-width:2.3px;width:20px;height:20px}.ch-main{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.ch-top{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ch-title{font-size:var(--fs-md);color:var(--ink)}.ch-sub{font-size:var(--fs-xs);color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ch-people{font-variant-numeric:tabular-nums;align-items:center;gap:4px;font-weight:600;display:inline-flex}.ch-rate .ico{color:var(--gold-600)}.ch-here{color:var(--mint-700);flex:none}.ch-card.pk .ch-here{color:var(--coral-700)}.ch-go{flex:none}.ch-foot{text-align:center;font-size:var(--fs-sm);color:var(--coral-700);font-weight:600}.ch-foot[hidden]{display:none}body.touch .ch-go{min-width:76px;min-height:44px}#btn-pk{color:#ff8a8d;width:34px;height:34px;padding:0;position:absolute;top:38px;right:calc(100% + 6px)}#btn-pk .ico{stroke-width:2.2px;width:18px;height:18px}#btn-pk .pk-badge{border-radius:var(--r-pill);min-width:18px;font:700 8.5px/12px var(--font);letter-spacing:.04em;text-align:center;color:var(--ink);pointer-events:none;background:#4a4458;padding:0 4px;position:absolute;bottom:-7px;left:50%;transform:translate(-50%);box-shadow:0 0 0 1.5px #000}#btn-pk.on{color:#fff;background-image:var(--gp-circle-red-img);filter:drop-shadow(0 0 6px #ff6250cc)drop-shadow(0 2px 2px #0009)}#btn-pk.on .pk-badge{color:#fff;background:var(--coral-600,#e2574c)}#btn-pk.dim{opacity:.55}body.touch #btn-pk{touch-action:none;width:44px;height:44px;box-shadow:none;filter:drop-shadow(0 0 3px #ef5b6099)drop-shadow(0 3px 4px #0009);border:0;border-radius:50%;top:auto;bottom:178px;right:112px}body.touch #btn-pk.on{filter:drop-shadow(0 0 8px #ff6250cc)drop-shadow(0 3px 4px #0009)}body.touch #btn-pk .ico{width:22px;height:22px}body.touch #btn-pk:active{transform:scale(.92)}#win-wiki{--win-w:1120px;max-height:calc(100dvh - 64px);top:56px}#win-wiki .win-body{height:min(760px,100dvh - 124px);max-height:none;padding:0;position:relative;overflow:hidden}#win-wiki .wiki-frame{background:var(--gp-bg);border:0;width:100%;height:100%;position:absolute;inset:0}#win-wiki .wiki-loading{color:var(--ink-3);font-size:var(--fs-sm);place-items:center;display:grid;position:absolute;inset:0}body.touch #win-wiki{border-radius:0;max-height:none;left:var(--safe-l)!important;right:var(--safe-r)!important;top:var(--safe-t)!important;bottom:var(--safe-b)!important;width:auto!important;transform:none!important}body.touch #win-wiki .win-body{flex:auto;height:auto}#target-wiki{color:#fff;background:var(--gp-circle-gray-img) center / contain no-repeat;filter:drop-shadow(0 1px 2px #0009);border:0;border-radius:50%;flex:none;width:30px;height:30px;margin-left:2px;padding:0;display:none}#target-wiki .ico{width:17px;height:17px}#hud-target[data-kind=monster][data-monster]:not([data-monster=""]) #target-wiki{justify-content:center;align-items:center;display:inline-flex}body.touch #target-wiki{width:36px;height:36px}#target-st[hidden]{display:none}#target-st{pointer-events:auto;flex-wrap:wrap;align-items:center;gap:8px 5px;padding:1px 0 6px;display:flex}#target-st .st{--p:1;--ring:var(--coral-400,#ff7a76);background:conic-gradient(var(--ring) calc(var(--p) * 360deg), #17141d99 0);border-radius:50%;flex:none;width:22px;height:22px;padding:2px;position:relative;box-shadow:0 1px 2px #00000073}#target-st :is(.st-stun,.st-hold,.st-sleep){--ring:#ffd34d}#target-st .st-poison{--ring:#7bd96a}#target-st .st-burn{--ring:#ff8a3d}#target-st :is(.st-bleed,.st-dot){--ring:#ff4f5e}#target-st :is(.st-freeze,.st-slow){--ring:#6cc8ff}#target-st :is(.st-confuse,.st-silence,.st-taunt,.st-lure){--ring:#b79cff}#target-st .st-mark{--ring:#ff8fd0}#target-st .st .icon{border-radius:50%;width:100%;height:100%;box-shadow:0 0 0 1px #17141db3}#target-st .st .icon-letter{font-size:10px}#target-st .st-time{z-index:2;pointer-events:none;border-radius:var(--r-pill,999px);color:#fff;text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums;background:#17141dd9;min-width:16px;padding:0 3px;font-size:9px;font-weight:600;line-height:12px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}#target-st.st-dense{gap:7px 3px}#target-st.st-dense .st{width:18px;height:18px;padding:1.5px}#target-st.st-dense .st .icon-letter{font-size:8px}#target-st.st-dense .st-time{min-width:14px;padding:0 2px;font-size:8px;line-height:11px;bottom:-5px}.upd-banner{z-index:4;left:50%;top:calc(var(--pad) + var(--safe-t) + 74px + var(--target-st-h,0px));max-width:min(440px, calc(100vw - 2 * (var(--hud-right) + var(--map) + 70px)));border-radius:var(--r-pill);pointer-events:auto;color:#fff;text-shadow:0 1px 2px #00000073;align-items:center;gap:8px;padding:4px 4px 4px 14px;font-size:13px;font-weight:600;line-height:1.3;display:flex;position:absolute;transform:translate(-50%)}.upd-banner[hidden]{display:none}.upd-banner .upd-text{min-width:0}.upd-banner .btn{flex:none}body.touch .upd-banner{gap:6px;padding:3px 3px 3px 10px;font-size:12px}@media (orientation:portrait){body.touch .upd-banner{top:calc(var(--pad) + var(--safe-t) + var(--map) + 128px + var(--target-st-h,0px));max-width:calc(100vw - 2 * (var(--hud-right) + 56px))}}@media (orientation:landscape) and (max-height:520px){body.touch .upd-banner{top:calc(var(--pad) + var(--safe-t) + 58px + var(--target-st-h,0px));max-width:calc(100vw - 2 * (var(--self-w) + 24px))}}body.touch #hud.win-open .upd-banner{visibility:hidden}#frontier-guide{z-index:4;left:var(--hud-left,8px);top:var(--hud-left-top,94px);box-sizing:border-box;width:min(300px,100vw - 32px);color:var(--ink);-webkit-backdrop-filter:blur(6px);pointer-events:auto;background:linear-gradient(#2a2536eb,#17141deb);border:1px solid #000;border-radius:10px;font-family:inherit;font-size:12px;line-height:1.5;position:absolute;box-shadow:inset 0 0 0 1px #6e6586b3,inset 0 1px #ffffff1a,0 8px 24px #00000080}#frontier-guide[hidden]{display:none}#frontier-guide .fg-head{box-sizing:border-box;cursor:pointer;touch-action:manipulation;justify-content:space-between;align-items:center;gap:8px;min-height:48px;padding:7px 12px;list-style:none;display:flex}#frontier-guide .fg-head::-webkit-details-marker{display:none}#frontier-guide .fg-heading{gap:1px;min-width:0;display:grid}#frontier-guide .fg-label{color:var(--gp-gold);letter-spacing:.025em;text-shadow:0 1px 1px #000;font-size:12px;font-weight:600}#frontier-guide .fg-context{color:var(--gp-desc);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}#frontier-guide .fg-chevron{color:var(--gp-gold);font-size:20px;line-height:1}#frontier-guide[open] .fg-chevron{transform:rotate(180deg)}#frontier-guide .fg-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#6e6586 transparent;max-height:clamp(125px,100dvh - 490px,280px);padding:0 10px 10px;overflow:auto}#frontier-guide button{font:inherit;cursor:pointer;color:var(--ink-2);background:var(--gp-bg-raised);box-shadow:inset 0 0 0 1px var(--gp-rim), inset 0 1px 0 #ffffff14;touch-action:manipulation;border:1px solid #000;border-radius:5px;min-height:32px;padding:5px 7px;font-size:11px;line-height:1.4}#frontier-guide button:hover{background:var(--gp-bg-hover);color:var(--ink)}#frontier-guide button:focus-visible,#frontier-guide summary:focus-visible{outline:2px solid var(--gp-gold);outline-offset:2px}#frontier-guide .fg-topics{border-top:1px solid #ffffff14;grid-template-columns:repeat(5,1fr);gap:3px;padding-top:4px;display:grid}#frontier-guide .fg-topics button{padding-inline:2px}#frontier-guide .fg-topics [aria-pressed=true]{background:var(--gold-200);color:var(--gp-gold);box-shadow:inset 0 0 0 1px #d9b25a}#frontier-guide .fg-title{color:var(--gp-gold);margin:10px 0 4px;font-size:13px;font-weight:600}#frontier-guide .fg-hint{color:var(--ink-2);margin:0;font-size:12px;line-height:1.65}#frontier-guide .fg-live{border-left:2px solid var(--gp-amber);color:var(--gp-desc);overflow-wrap:anywhere;margin:8px 0;padding-left:7px;font-size:10px}#frontier-guide .fg-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid}#frontier-guide .fg-auto-row{align-items:center;gap:8px;margin-top:7px;display:flex}#frontier-guide .fg-auto{color:var(--gp-gold);flex:none;box-shadow:inset 0 0 0 1px #8a6a2e,inset 0 1px #ffffff14}#frontier-guide .fg-auto-hint{color:var(--ink-3);font-size:10px;line-height:1.45}#hud:not([data-hl-moved~=buffs]) #buffbar{top:calc(var(--hud-left-top,94px) + var(--frontier-guide-h,0px))}#hud:not([data-hl-moved~=party]) #party-frames{top:calc(var(--hud-left-top,94px) + var(--frontier-guide-h,0px) + max(40px, var(--buff-h,0px) + 4px))}body.touch #frontier-guide{width:min(226px,100vw - 166px)}body.touch #frontier-guide[open]{z-index:16}body.touch #frontier-guide .fg-head{min-height:44px;padding:5px 9px}body.touch #frontier-guide .fg-body{box-sizing:border-box;width:min(300px,100vw - 32px);max-height:calc(100dvh - var(--hud-left-top,94px) - 235px);background:#221e2df7;border:1px solid #000;border-radius:8px;padding:10px;position:absolute;top:calc(100% + 4px);left:0;box-shadow:inset 0 0 0 1px #6e6586b3,0 10px 24px #0008}body.touch #frontier-guide button{min-height:44px}body.touch #hud.win-open #frontier-guide,body.touch #hud.chatting #frontier-guide,body.touch #hud.chat-expanded #frontier-guide{visibility:hidden}@media (max-height:520px) and (orientation:landscape){body.touch #frontier-guide{left:calc(var(--hud-left,8px) + var(--edge-w,56px));width:220px}body.touch #frontier-guide .fg-body{top:calc(70px + var(--safe-t,0px));max-height:calc(100dvh - 170px);position:fixed;left:50%;transform:translate(-50%)}}.cc-panel .cc-steps{grid-template-columns:repeat(5,minmax(0,1fr))}.cc-tribes{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0;display:grid}.cc-tribe{border:0 solid #0000;border-image:var(--gp-row);min-width:0;color:var(--ink);text-align:center;font:inherit;cursor:pointer;background:0 0;border-radius:0;flex-direction:column;align-items:center;gap:10px;padding:18px 12px 14px;transition:filter .15s;display:flex}.cc-tribe:hover{filter:brightness(1.15)}.cc-tribe.selected{border-image:var(--gp-row-on)}.cc-tribe.selected>b{color:var(--gp-gold)}.cc-tribe:focus-visible{outline:2px solid var(--gp-gold);outline-offset:3px}.cc-tribe-face{object-fit:contain;background:var(--gp-portrait-img) center / contain no-repeat;filter:drop-shadow(0 3px 4px #000000a6);border-radius:50%;width:104px;max-width:100%;height:104px;padding:14px;display:block}.cc-tribe>b{font-size:16px;font-weight:600}.cc-tribe>span,.cc-tribe-jobs{color:var(--gp-desc);font-size:11px;line-height:1.7}.cc-tribe-jobs{border-top:1px solid #ffffff1a;width:100%;padding-top:10px}@media (max-width:420px){.cc-tribes{gap:8px}.cc-tribe{padding-inline:8px}.cc-tribe-face{width:80px;height:80px;padding:10px}.cc-tribe>b{font-size:14px}}#screen-chan{flex-direction:column;align-items:center;gap:32px;display:flex}.chan-bar-top{border-bottom:2px solid;border-image:linear-gradient(90deg,#0000,#b9a6c966 20% 80%,#0000) 1;align-self:stretch;align-items:center;gap:12px;padding-bottom:14px;display:flex}.chan-actions{gap:8px;margin-left:auto;display:flex}.chan-user{border:0 solid #0000;border-image:var(--gp-res);min-width:0;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;padding:8px 22px;font-size:13px;font-weight:500;overflow:hidden}.chan-user:empty{display:none}.chan-wrap{flex-direction:column;gap:28px;width:min(1040px,100%);margin:auto 0;padding:0 0 24px;display:flex}.chan-welcome{text-align:center;justify-content:center;align-items:center;gap:28px;width:min(740px,100%);margin:0 auto;display:flex}.chan-head{flex-direction:column;align-items:center;min-width:0;display:flex}.chan-logo{filter:drop-shadow(0 4px 10px #000000b3);width:280px;max-width:100%;height:auto;margin-bottom:14px;display:block}.chan-title{color:var(--gp-gold);text-shadow:0 3px #000000b3,0 0 16px #000;margin:6px 0 8px;font-size:32px;font-weight:600;line-height:1.3}.chan-sub{color:#e6e0ee;text-shadow:0 1px 3px #000;margin:0;font-size:13px;line-height:1.8}.chan-list{grid-template-columns:repeat(auto-fit,minmax(min(360px,100%),1fr));gap:20px;width:100%;display:grid}.chan-card{--channel-ink:#98e8c4;border:0 solid #0000;border-image:var(--gp-win);min-height:232px;color:var(--ink);font:inherit;text-align:left;filter:drop-shadow(0 12px 22px #000000a6);cursor:pointer;background:0 0;border-radius:0;grid-template-columns:84px minmax(0,1fr);align-items:center;gap:14px;padding:26px 26px 24px;transition:transform .15s,filter .15s;display:grid;position:relative}.chan-card.pk{--channel-ink:#ff9a9c}.chan-card:hover{filter:drop-shadow(0 12px 22px #000000a6)brightness(1.08);transform:translateY(-2px)}.chan-card:active{transform:translateY(1px)}.chan-card:focus-visible{outline:2px solid var(--gp-gold);outline-offset:4px}.chan-badge{background:var(--gp-circle-green-img) center / contain no-repeat;color:#fff;filter:drop-shadow(0 3px 4px #000000a6);border-radius:50%;justify-content:center;align-self:start;align-items:center;width:84px;height:84px;margin-top:8px;display:flex}.chan-card.pk .chan-badge{background-image:var(--gp-circle-red-img)}.chan-emblem{filter:drop-shadow(0 2px 1px #00000080);width:40px;height:40px}.chan-main{flex-direction:column;align-items:flex-start;gap:10px;min-width:0;display:flex}.chan-top{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chan-name{color:var(--gp-gold);text-shadow:0 2px #000000b3;overflow-wrap:anywhere;font-size:23px;line-height:1.4}.chan-card .chip{font-size:11px}.chan-rate{font-weight:600}.chan-desc{color:var(--gp-desc);font-size:12px;line-height:1.6}.chan-load{--load:#4fc795;--load-ink:#98e8c4;grid-template-columns:1fr auto;gap:7px;width:100%;font-size:11px;display:grid}.chan-load[data-load=mid]{--load:#f0b44a;--load-ink:#f8dc8c}.chan-load[data-load=high]{--load:#ef5b60;--load-ink:#ff9a9c}.chan-people{font-variant-numeric:tabular-nums;color:var(--ink-2);align-items:center;gap:5px;font-weight:600;display:inline-flex}.chan-people .ico{width:15px;height:15px}.chan-bar{background:var(--gp-bg-deep);border-radius:4px;grid-area:2/1/auto/-1;width:100%;height:8px;display:block;overflow:hidden;box-shadow:0 0 0 1px #000,inset 0 1px 2px #000}.chan-bar i{background:linear-gradient(#ffffff40, transparent 60%), var(--load);border-radius:inherit;height:100%;transition:width .35s;display:block}.chan-load-label{color:var(--load-ink);grid-area:1/2;font-weight:600}.chan-go{border:0 solid #0000;border-image:var(--gp-btn-green);color:#0b3d16;text-shadow:0 1px #c9ff9c;grid-column:1/-1;justify-content:center;align-items:center;gap:6px;min-height:44px;font-size:14px;font-weight:600;display:flex}.chan-card.pk .chan-go{border-image:var(--gp-btn-red);color:#fff;text-shadow:0 1px 2px #6b0d12}.chan-go .ico{width:18px;height:18px}.chan-last{z-index:1;border:0 solid #0000;border-image:var(--gp-ribbon-gold);color:#4e2600;align-items:center;gap:5px;padding:3px 14px;font-size:11px;font-weight:600;display:inline-flex;position:absolute;top:-12px;right:22px}.chan-last[hidden]{display:none}.chan-last .ico{width:13px;height:13px}.chan-foot{justify-content:center;display:flex}#chan-msg:empty{display:none}.cs-chan{border:0 solid #0000;border-image:var(--gp-res);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;background:0 0;flex:none;align-items:center;gap:7px;padding:6px 10px 6px 18px;font-size:12px;display:inline-flex}.cs-chan[hidden]{display:none}.cs-chan-dot{background:#5cd67a;border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 6px #5cd67a}.cs-chan.pk .cs-chan-dot{background:#e5484d;box-shadow:0 0 6px #e5484d}.cs-chan-name .short{display:none}.cs-chan-pk{border:0 solid #0000;border-image:var(--gp-hex-line);color:var(--mint-700);padding:2px 8px;font-size:10px}.cs-chan.pk .cs-chan-pk{color:var(--coral-700)}.cs-chan-sw{border:0 solid #0000;border-image:var(--gp-btn-bluegray);color:#29233d;justify-content:center;align-items:center;gap:4px;min-height:30px;padding:4px 12px;font-weight:600;display:inline-flex}.cs-chan:hover .cs-chan-sw{filter:brightness(1.1)}.cs-chan-sw .ico{width:15px;height:15px}@media (max-width:760px){#screen-chan,.chan-wrap{gap:24px}.chan-welcome{gap:14px}.chan-logo{width:220px;margin-bottom:10px}.chan-title{font-size:26px}.chan-head .pet-eyebrow{font-size:8px}.chan-sub{font-size:11px}.chan-card{grid-template-columns:64px minmax(0,1fr);gap:12px;min-height:0;padding:20px}.chan-badge{width:64px;height:64px}.chan-emblem{width:30px;height:30px}.chan-name{font-size:21px}.cs-chan-sw .lbl,.cs-chan-name .full{display:none}.cs-chan-name .short{display:inline}.cs-chan{gap:5px;padding-left:14px;font-size:11px}}@media (orientation:landscape) and (max-height:560px){#screen-chan,.chan-welcome{gap:18px}.chan-logo{width:180px;margin-bottom:4px}.chan-title{font-size:24px}.chan-list{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.chan-card{grid-template-columns:56px minmax(0,1fr);gap:10px;min-height:0;padding:18px}.chan-badge{width:56px;height:56px}.chan-emblem{width:26px;height:26px}}@media (prefers-reduced-motion:reduce){.chan-card,.chan-bar i{transition:none}}html[data-quality=low] .chan-card{filter:none}.screen{z-index:10;touch-action:pan-y;color:var(--ink);padding:max(18px, var(--safe-t)) max(18px, var(--safe-r)) max(18px, var(--safe-b)) max(18px, var(--safe-l));background:radial-gradient(ellipse at 50% 40%, #0e0c1433, #0e0c14d9 85%), var(--gp-bg-stone-img) center / cover no-repeat, #0e0c14;position:fixed;inset:0;overflow:auto}#screen-login,#loading{background:radial-gradient(ellipse at 30% 45%, #0e0c1426, #0e0c14cc 80%), var(--gp-bg-title-img) center / cover no-repeat, #0e0c14}.screen[hidden],#loading[hidden],#screen-none{display:none!important}.screen:before,.screen:after{content:none}.pet-eyebrow{letter-spacing:.15em;color:var(--gp-amber);text-shadow:0 1px 2px #000;margin:0;font-size:10px;font-weight:600;line-height:1.6}.auth-card,.cs-panel,.cc-panel,.loading-box{border:0 solid #0000;border-image:var(--gp-win);filter:drop-shadow(0 16px 30px #000000b3);background:0 0;border-radius:0}.pet-masthead{border-bottom:2px solid;border-image:linear-gradient(90deg,#0000,#b9a6c966 20% 80%,#0000) 1;grid-column:1/-1;justify-content:space-between;align-items:center;gap:16px;padding-bottom:14px;display:flex}.pet-signature{letter-spacing:.12em;color:var(--gp-gold);text-shadow:0 2px 2px #000;align-items:center;gap:10px;font-size:15px;font-weight:700;display:flex}.pet-signature img{filter:drop-shadow(0 2px 3px #000)}.pet-edition,.pet-footnote{color:var(--ink-2);text-shadow:0 1px 2px #000;font-size:12px}.pet-masthead-end{align-items:center;gap:10px;display:flex}#screen-login{padding-inline:max(5vw, var(--safe-l)) max(5vw, var(--safe-r));grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr) minmax(340px,430px);align-items:center;gap:24px clamp(28px,5vw,90px);display:grid}.auth-hero{text-align:center;flex-direction:column;align-items:center;width:100%;min-width:0;max-width:700px;margin:auto;display:flex}.auth-hero .logo{filter:drop-shadow(0 6px 12px #000000b3);width:min(500px,92%);height:auto;margin:10px 0 6px}.pet-title{letter-spacing:-.01em;color:#fff;text-shadow:0 3px #000000b3,0 0 18px #000;margin:4px 0 10px;font-size:clamp(24px,2.7vw,40px);font-weight:600;line-height:1.5}.pet-title span{color:var(--gp-gold);font-size:.8em}.auth-tag{color:#e6e0ee;text-shadow:0 1px 3px #000;margin:0;font-size:14px;line-height:1.8}.pet-features{flex-wrap:wrap;justify-content:center;gap:12px 16px;width:100%;margin-top:22px;display:flex}.pet-features span{min-width:120px;color:var(--ink-2);border:0 solid #0000;border-image:var(--gp-hex-line);flex-direction:column;align-items:center;gap:1px;padding:8px 22px;font-size:12px;display:flex}.pet-features b{color:var(--gp-gold);font-size:16px}.auth-card{width:100%;min-width:0;padding:22px 26px 24px}.auth-card:before,.auth-card:after{content:none}.pet-card-heading{text-align:center;border-bottom:2px solid #0000008c;justify-content:center;align-items:center;gap:12px;margin:-4px -6px 18px;padding:10px 6px 14px;display:flex;box-shadow:0 1px #ffffff12}.pet-card-heading>div{min-width:0}.pet-card-heading span{letter-spacing:.16em;color:var(--ink-3);font-size:9px}.pet-card-heading h2{color:var(--gp-gold);text-shadow:0 2px #000000b3;margin:2px 0;font-size:22px;font-weight:600;line-height:1.45}.pet-card-heading p{color:var(--ink-2);margin:0;font-size:12px}.auth-tabs{gap:6px;margin-bottom:18px;display:flex}.auth-tabs .tab{flex:1;min-height:44px;font-size:14px}.auth-pane .field{margin-bottom:14px}.auth-pane .field label{color:var(--ink-2);margin-bottom:5px;font-weight:500;display:block}.input-wrap{position:relative}.input-wrap>.ico{color:#8a7d9c;pointer-events:none;width:18px;height:18px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.input-wrap input{min-height:48px;padding-left:44px!important}.input-wrap.pw input{padding-right:48px!important}.pw-eye{color:#8a7d9c;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.pw-eye:hover{color:var(--gp-gold)}.pw-eye .ico{width:20px;height:20px}.field-hint.err{color:var(--coral-600)}.field-hint.ok{color:var(--mint-600)}.field-hint:empty{display:none}.pw-meter{background:linear-gradient(90deg, var(--pw,transparent) var(--pw-w,0%), var(--gp-bg-deep) 0);border-radius:3px;height:6px;margin-top:6px;box-shadow:0 0 0 1px #000,inset 0 1px #ffffff0d}.pw-meter i{display:none}.pw-meter[data-score="1"]{--pw:#e5484d;--pw-w:25%}.pw-meter[data-score="2"]{--pw:#f0a030;--pw-w:50%}.pw-meter[data-score="3"]{--pw:#8fd14f;--pw-w:75%}.pw-meter[data-score="4"]{--pw:#4fc795;--pw-w:100%}.auth-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin-bottom:8px;display:flex}.auth-row .check{min-height:44px;color:var(--ink-2);align-items:center;gap:8px;margin:0;font-size:12px;display:flex}.auth-pane .msg{text-align:center;margin:8px 0}.auth-pane .msg:empty{margin:0}.auth-switch{text-align:center;color:var(--ink-3);margin:12px 0 0;font-size:12px}.auth-switch .link-btn{min-height:44px}.pane-head{align-items:center;gap:8px;margin-bottom:14px;display:flex}.pane-head h3{color:var(--gp-gold);margin:0;font-size:19px}.auth-foot{flex-wrap:wrap;grid-column:1/-1;justify-content:center;align-items:center;gap:10px;padding-top:8px;display:flex}.auth-foot .btn.ghost,.chan-actions .btn.ghost,.cs-top-actions .btn.ghost{color:#e6e0ee;text-shadow:0 1px 2px #000}.server-pill{border:0 solid #0000;border-image:var(--gp-res);min-height:36px;color:var(--ink);align-items:center;gap:9px;padding:6px 20px;font-size:12px;display:inline-flex}.server-pill .dot{background:var(--gp-amber);width:8px;height:8px;box-shadow:0 0 6px var(--gp-amber);border-radius:50%;flex:none}.server-pill[data-state=on] .dot{background:#5cd67a;box-shadow:0 0 6px #5cd67a}.server-pill[data-state=off] .dot{background:#e5484d;box-shadow:0 0 6px #e5484d}#reg-extra:empty,#forgot-body:empty,#change-body:empty{display:none}#forgot-body .btn,#change-body .btn{width:100%;min-height:48px;margin-top:8px}#forgot-body>p,#change-body>p{border-radius:var(--r-md);background:var(--sunken);color:var(--ink-2);padding:12px;line-height:1.65;box-shadow:inset 0 1px 3px #000000a6}body.pet-ui #guest-entry{flex-direction:column;margin:0 0 16px;display:flex}body.pet-ui #guest-entry[hidden]{display:none}body.pet-ui .guest-or{color:var(--ink-3);order:1;margin:12px 0 0;font-size:12px}body.pet-ui .guest-or:before,body.pet-ui .guest-or:after{border-top:1px solid #ffffff1f}body.pet-ui #btn-guest{border-image:var(--gp-btn-yellow);color:#4e2600;text-shadow:0 1px #ffe7a1;min-height:52px;font-size:16px}body.pet-ui .guest-note{color:var(--ink-3);font-size:11px}body.pet-ui .dialog.guest-dlg{width:min(460px,100vw - 24px);padding:22px 24px;top:50%}body.pet-ui .guest-dlg-body{max-height:calc(100dvh - 100px);padding:0 4px}body.pet-ui .guest-dlg-title{color:var(--gp-gold)}body.pet-ui .guest-dlg .row{border-top:1px solid #ffffff1f;padding-top:12px}#screen-chars{padding:max(16px, var(--safe-t)) max(20px, var(--safe-r)) max(20px, var(--safe-b)) max(20px, var(--safe-l));grid-template:"top top""stage panel"minmax(0,1fr)/minmax(0,1fr) minmax(360px,440px);gap:20px;display:grid;overflow:hidden}.cs-top{flex-wrap:wrap;grid-area:top;align-items:center;gap:14px;min-width:0;display:flex}.cs-logo{filter:drop-shadow(0 3px 6px #000);width:180px;height:auto;display:block}.cs-top-actions{gap:6px;margin-left:auto;display:flex}.lastinfo{min-width:0;max-width:340px;color:var(--ink-2);text-shadow:0 1px 2px #000;flex-direction:column;gap:2px;font-size:11px;display:flex}.lastinfo:empty{display:none}.lastinfo span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lastinfo-main{color:var(--ink);font-weight:600}body.pet-ui .lastinfo :is(.lastinfo-warn,.lastinfo-guest){color:var(--gp-amber)}#chars-preview{background:radial-gradient(at 50% 60%,#3b3146,#17141d);border-radius:14px;grid-area:stage;min-width:0;min-height:0;position:relative;overflow:hidden;box-shadow:0 16px 30px #000000b3}#chars-preview:after{content:"";z-index:1;pointer-events:none;border:0 solid #0000;border-image:var(--gp-win-frame-edge);position:absolute;inset:0}#chars-preview .cs-canvas{touch-action:none;opacity:0;width:100%;height:100%;transition:opacity .3s;display:block;position:absolute;inset:0}#chars-preview.ready .cs-canvas{opacity:1}#chars-preview.no-gl .cs-canvas{display:none}.cs-stage-loading{border:4px solid #ffffff26;border-top-color:var(--gp-gold);pointer-events:none;border-radius:50%;width:38px;height:38px;margin:-19px;animation:1s linear infinite pet-entry-spin;position:absolute;top:45%;left:50%}#chars-preview.ready .cs-stage-loading,#chars-preview.no-gl .cs-stage-loading{display:none}@keyframes pet-entry-spin{to{transform:rotate(360deg)}}.cs-plates{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.cs-plate{max-width:85%;min-height:44px;color:var(--ink);white-space:nowrap;pointer-events:auto;cursor:pointer;-webkit-user-select:none;user-select:none;background:#17141dd9;border:1px solid #000;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:5px 14px;font-size:11px;line-height:1.35;display:flex;position:absolute;top:0;left:0;box-shadow:inset 0 0 0 1px #6e6586,0 3px 8px #00000080}.cs-plate b{text-overflow:ellipsis;color:#fff;max-width:100%;font-size:13px;overflow:hidden}.cs-plate small{text-overflow:ellipsis;max-width:100%;color:var(--ink-2);font-size:10px;overflow:hidden}.cs-plate.sel{box-shadow:inset 0 0 0 2px #d9b25a,0 0 12px #fab13766}.cs-plate.sel b{color:var(--gp-gold)}.cs-plate.vacant{font:inherit;color:var(--ink-2);flex-direction:row;gap:6px;font-size:12px;box-shadow:inset 0 0 0 1px #6e658699}.cs-plate-plus{color:var(--gp-gold);font-size:20px}#chars-preview.creating .cs-plate.vacant,#chars-preview.creating .cs-arrow{display:none}.cs-stage-hint{z-index:2;border:0 solid #0000;border-image:var(--gp-res);max-width:calc(100% - 24px);color:var(--ink);text-align:center;pointer-events:none;padding:6px 22px;font-size:11px;display:none;position:absolute;top:14px;left:50%;transform:translate(-50%)}#chars-preview.creating .cs-stage-hint:not(:empty){display:block}#chars-preview.dragged .cs-stage-hint{opacity:0}.cs-arrow{z-index:2;background:var(--gp-circle-gray-img) center / contain no-repeat;color:#fff;cursor:pointer;filter:drop-shadow(0 2px 3px #000);border:0;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin:-22px;display:flex;position:absolute;top:0;left:0}.cs-arrow:hover{filter:drop-shadow(0 2px 3px #000)brightness(1.2)}.chars-select,.chars-create{flex-direction:column;grid-area:panel;min-width:0;min-height:0;margin:0;display:flex}.cs-panel,.cc-panel{flex-direction:column;height:100%;min-height:0;max-height:100%;padding:20px 22px;display:flex}.cs-head,.cc-head{border-bottom:2px solid #0000008c;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;display:flex;box-shadow:0 1px #ffffff12}.pet-panel-title{flex:1;min-width:0}.cs-head h2,.cc-head h2{color:var(--gp-gold);text-shadow:0 2px #000000b3;margin:3px 0 0;font-size:23px;font-weight:600}.cs-head .chip{flex:none}.cs-info{display:none}.cs-info-main{flex-direction:column;min-width:0;display:flex}.cs-info-main b{text-overflow:ellipsis;overflow:hidden}.cs-info-main small,.cs-info-empty{color:var(--ink-2);font-size:11px}.cs-list{touch-action:pan-y;flex-direction:column;flex:1;gap:8px;min-height:0;padding:3px;display:flex;overflow:auto}.cs-card{width:100%;min-height:82px;color:var(--ink);border:0 solid #0000;border-image:var(--gp-row);text-align:left;font:inherit;background:0 0;border-radius:0;flex:none;align-items:center;gap:12px;padding:12px 14px;transition:filter .15s;display:flex}.cs-card:hover{filter:brightness(1.15)}.cs-card.selected{border-image:var(--gp-row-on)}.cs-card.selected .cs-main b{color:var(--gp-gold)}.cs-card.vacant{background:#17141d80;border:1px solid #6e658680;border-radius:8px;min-height:66px}.cs-main{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.cs-main b{text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.cs-main small{color:var(--gp-desc);font-size:11px}.cs-map{align-items:center;gap:4px;display:flex;font-size:10px!important}.cs-lv{display:none}.cs-plus{width:48px;height:48px;color:var(--gp-gold);background:var(--gp-circle-gray-img) center / contain no-repeat;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.cs-actions{border-top:2px solid #0000008c;gap:8px;margin-top:16px;padding-top:14px;display:flex;box-shadow:inset 0 1px #ffffff12}.cs-actions .cs-start{flex:1}.cs-actions .cs-del{color:#ff8a8d}.cs-keys{text-align:center;margin:10px 0 0;font-size:10px}body.touch .cs-keys{display:none}.cc-job-ico{width:48px;height:48px;color:var(--gp-gold);background:var(--gp-circle-gray-img) center / contain no-repeat;filter:drop-shadow(0 2px 2px #0000008c);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:20px;font-weight:600;display:flex;position:relative;overflow:hidden}.cc-job-ico>.ico{width:52%;height:52%}.cc-steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin:0 0 16px;padding:0;list-style:none;display:grid}.cc-steps li button{background:var(--gp-bg-deep);width:100%;min-height:52px;color:var(--ink-3);font:inherit;border:1px solid #000;border-radius:6px;flex-direction:column;align-items:center;gap:2px;padding:6px 0;font-size:10px;display:flex;box-shadow:inset 0 0 0 1px #4f4254}.cc-stepno{font-size:15px;font-weight:600}.cc-steps li.active button{color:var(--gp-gold);background:linear-gradient(#5a4a2a,#3a2f1f);box-shadow:inset 0 0 0 1px #d9b25a,0 0 8px #fab13755}.cc-steps li.done button{color:var(--mint-700);background:#1f3530;box-shadow:inset 0 0 0 1px #389477}.cc-body{touch-action:pan-y;flex:1;min-height:0;padding:3px;overflow:auto}.cc-step h3{color:var(--gp-gold);margin-top:0;font-size:18px}.cc-label{color:var(--ink-2);margin:0 0 8px;font-size:13px;font-weight:600}.cc-gender{margin-bottom:16px}.cc-gender .seg-btn{min-height:44px}.cc-stepper{align-items:center;gap:10px;margin-bottom:12px;display:flex}.cc-stepper .btn.icon{width:48px;min-height:48px}.cc-stepper-mid{background:var(--sunken);border:1px solid #000;border-radius:8px;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:52px;display:flex;box-shadow:inset 0 0 0 1px #4f4254}.cc-stepper-mid small{color:var(--ink-3);font-size:11px}.cc-stepper-mid b{color:var(--ink);font-size:18px}.cc-rotate-hint{text-align:center}.cc-jobs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.cc-job{text-align:left;min-height:74px;color:var(--ink);border:0 solid #0000;border-image:var(--gp-row);font:inherit;background:0 0;border-radius:0;align-items:center;gap:8px;padding:10px 12px;transition:filter .15s;display:flex}.cc-job:hover{filter:brightness(1.15)}.cc-job .cc-job-ico{width:36px;height:36px}.cc-job.selected{border-image:var(--gp-row-on)}.cc-job.selected .cc-job-main b{color:var(--gp-gold)}.cc-job-main{flex-direction:column;gap:4px;min-width:0;display:flex}.cc-job-main b{font-size:12px;font-weight:600}.cc-job-main small{color:var(--gp-desc);font-size:10px;line-height:1.5}.cc-jobdetail{background:var(--sunken);border:1px solid #000;border-radius:8px;margin:16px 0;padding:12px 14px;box-shadow:inset 0 0 0 1px #4f4254}.cc-jobdetail h4{margin-top:0}.cc-stats{flex-direction:column;gap:8px;display:flex}.cc-statrow{color:var(--ink-2);grid-template-columns:104px minmax(0,1fr);align-items:center;gap:10px;font-size:12px;display:grid}.cc-statrow .bar.thin{height:10px}.cc-statchips{flex-wrap:wrap;gap:6px;display:flex}.cc-sumcard{padding:14px}.cc-sumtop{align-items:center;gap:12px;display:flex}.cc-sumwho{flex-direction:column;gap:5px;min-width:0;display:flex}.cc-sumwho b{overflow-wrap:anywhere;color:var(--gp-gold);font-size:21px}.cc-sumwho small{color:var(--ink-2);font-size:12px}.cc-nav{border-top:2px solid #0000008c;gap:8px;margin-top:14px;padding-top:14px;display:flex;box-shadow:inset 0 1px #ffffff12}.cc-nav .btn{flex:1;min-height:48px}#chars-msg{left:50%;bottom:max(24px, var(--safe-b));z-index:5;border:0 solid #0000;border-image:var(--gp-toast-err);color:#ff8f91;text-shadow:0 1px 2px #000;text-align:center;pointer-events:none;max-width:calc(100% - 32px);margin:0;padding:12px 32px;position:fixed;transform:translate(-50%)}#chars-msg:empty{display:none}#loading{z-index:30;padding:max(24px, var(--safe-t)) 20px max(24px, var(--safe-b));color:var(--ink);flex-direction:column;justify-content:center;align-items:center;gap:22px;display:flex;position:fixed;inset:0;overflow:auto}.loading-logo{filter:drop-shadow(0 6px 12px #000000b3);flex:none;width:min(340px,74vw);height:auto}.loading-box{text-align:center;flex-direction:column;align-items:center;gap:14px;width:min(540px,100%);padding:26px 28px;display:flex}#loading-text{color:#fff;font-size:19px;font-weight:500}#loading-bar{width:100%;height:24px}#loading-bar i{--fill:#ffe07a;--fill-2:#e09a1e}#loading-bar span{line-height:24px}#loading-bar span:empty{display:none}.loading-tip{text-align:left;width:100%;color:var(--ink-2);border-top:1px solid #ffffff1f;margin:0;padding:12px 0 0;font-size:12px;line-height:1.8}.loading-tip:before{content:"บันทึกระหว่างทาง";color:var(--gp-gold);margin-bottom:3px;font-size:11px;font-weight:600;display:block}.loading-tip:empty{visibility:hidden}body.pet-ui #dlg-disconnect{width:min(420px,100vw - 28px);padding:26px}#dlg-disconnect h2{color:var(--gp-gold);margin:0 0 10px;font-size:23px}body.pet-ui #dlg-disconnect p{color:#ff8a8d;margin:0 0 8px;font-size:15px}#dlg-disconnect small{color:var(--ink-2);margin-bottom:20px;line-height:1.7;display:block}body.pet-ui .screen :is(button,input):focus-visible{outline:2px solid var(--gp-gold);outline-offset:3px}@media (max-width:1000px){.lastinfo{flex-basis:100%;order:3;max-width:100%}#screen-chars{grid-template-columns:minmax(0,1fr) minmax(330px,42%);gap:14px}.cs-logo{width:150px}}@media (max-width:760px){#screen-login{padding:max(16px, var(--safe-t)) max(18px, var(--safe-r)) max(20px, var(--safe-b)) max(18px, var(--safe-l));grid-template-rows:auto auto auto auto;grid-template-columns:minmax(0,1fr);align-content:start;gap:20px}.pet-masthead{padding-bottom:12px}.pet-edition{font-size:10px}.pet-signature{gap:6px;font-size:12px}.auth-hero{max-width:460px}.auth-hero>.pet-eyebrow{display:none}.auth-hero .logo{width:260px;margin:0 0 5px}.pet-title{margin:0 0 6px;font-size:24px}.auth-tag{font-size:12px}.pet-features{gap:8px;margin-top:12px}.pet-features span{min-width:0;padding:6px 16px;font-size:10px}.pet-features b{font-size:13px}.auth-card{justify-self:center;max-width:460px;padding:18px 20px 20px}.pet-card-heading h2{font-size:20px}.auth-foot{gap:8px}.pet-footnote{text-align:center;flex-basis:100%;font-size:11px}.cc-jobs{grid-template-columns:1fr}.cc-job{min-height:60px}}@media (orientation:portrait) and (max-width:760px){#screen-chars{padding:max(10px, var(--safe-t)) max(10px, var(--safe-r)) max(10px, var(--safe-b)) max(10px, var(--safe-l));grid-template:"top""stage"minmax(160px,1fr)"panel"minmax(0,auto)/minmax(0,1fr);gap:10px}#screen-chars.creating{grid-template-rows:auto minmax(130px,25dvh) minmax(0,1fr)}.cs-top{gap:8px}.cs-logo{width:126px}.cs-top-actions{gap:4px}.cs-top .btn{min-height:44px}.cs-top #btn-logout,#btn-chan-logout{gap:0;width:44px;padding:0;font-size:0}.cs-top #btn-logout .ico,#btn-chan-logout .ico{width:18px;height:18px}.cs-top #cs-chan{order:2}.lastinfo{flex:150px;order:2;max-width:100%;font-size:9px}.lastinfo .lastinfo-sub{display:none}#chars-preview{border-radius:10px}.cs-panel,.cc-panel{padding:14px 14px 12px}.cs-head,.cc-head{margin-bottom:10px;padding-bottom:8px}.cs-head h2,.cc-head h2{font-size:19px}.pet-panel-title .pet-eyebrow{font-size:8px}.cs-info{align-items:center;gap:10px;margin-bottom:10px;display:flex}.cs-info .cc-job-ico{width:36px;height:36px}.cs-list{touch-action:pan-x;flex-direction:row;flex:none;gap:6px;overflow:auto hidden}.cs-card,.cs-card.vacant,.cs-card.selected{text-align:center;flex-direction:column;flex:0 0 72px;gap:4px;width:72px;min-height:76px;padding:6px}.cs-card .cc-job-ico,.cs-plus{width:34px;height:34px}.cs-list .cs-main{flex:none;width:100%}.cs-list .cs-main b{font-size:10px}.cs-list .cs-main small{display:none}.cs-actions{margin-top:10px;padding-top:10px}.cc-steps{margin-bottom:10px}.cc-steps li button{min-height:48px;padding:4px 0}.cc-nav{margin-top:10px;padding-top:10px}.cc-nav .btn{min-height:44px}#chars-msg{bottom:calc(88px + var(--safe-b));font-size:12px}}@media (orientation:landscape) and (max-height:560px){#screen-login{grid-template-columns:minmax(0,1fr) minmax(320px,1fr);align-items:start;gap:16px 24px;padding-block:12px}.pet-masthead{grid-column:1/-1}.auth-hero{position:sticky;top:12px}.pet-title{font-size:21px}.auth-tag{font-size:11px}#screen-chars{grid-template-columns:minmax(0,1fr) minmax(300px,44%);gap:8px;padding:8px}.cs-top{gap:8px}.cs-logo{width:130px}.lastinfo{display:none}.cs-panel,.cc-panel{padding:12px 14px}.cs-head,.cc-head{margin-bottom:8px;padding-bottom:8px}.cc-steps{margin-bottom:8px}.cc-steps li button{flex-direction:row;justify-content:center;gap:4px;min-height:44px}.cc-nav{margin-top:8px;padding-top:8px}#loading{flex-direction:row;align-items:center;gap:24px}.loading-logo{width:200px}.loading-box{gap:8px;width:min(470px,60vw);padding:16px 20px}}@media (prefers-reduced-motion:reduce){.screen *,#loading *{transition:none!important;animation:none!important}}html[data-quality=low] .cs-stage-loading{animation:none}html[data-quality=low] :is(.auth-card,.cs-panel,.cc-panel,.loading-box){filter:none}body.pet-ui{color:var(--pet-ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--title:var(--gp-gold);--title-ink:var(--gp-gold);--ink-soft:var(--ink-2);background:#0e0c14}body.pet-ui .win{isolation:isolate}body.pet-ui .win-head-extra{flex:none}body.pet-ui .win-body{scrollbar-gutter:stable}body.pet-ui :is(.win,.dialog,.popup,.panel,.skin-frame){--ink:var(--pet-ink);--line:var(--gp-rim);--line-strong:var(--gp-rim-2);--sunken:#1f1b29}body.pet-ui :is(.dialog,.popup,.panel,.skin-frame){color:var(--pet-ink)}body.pet-ui :is(.win,.dialog,.popup) :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not([type=hidden])){border:0 solid #0000;border-image:var(--gp-input);min-width:0;max-width:100%;min-height:44px;color:var(--pet-ink);font-family:var(--font);box-shadow:none;background:0 0;border-radius:0;padding:8px 16px;font-size:16px;line-height:1.45}body.pet-ui :is(.win,.dialog,.popup) :where(select,textarea){border:1px solid var(--gp-rim-2);border-radius:var(--r-sm);background:var(--gp-bg-deep);min-width:0;max-width:100%;min-height:44px;color:var(--pet-ink);font-family:var(--font);padding:8px 11px;font-size:16px;line-height:1.45;box-shadow:inset 0 1px 3px #000000a6}body.pet-ui :is(.win,.dialog,.popup) :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not([type=hidden])):focus{border-image:var(--gp-input-on);outline:none}body.pet-ui :is(.win,.dialog,.popup) :where(select,textarea):focus{border-color:#d9a441;outline:none}body.pet-ui :is(.win,.dialog) textarea{min-height:84px}body.pet-ui input::placeholder,body.pet-ui textarea::placeholder{color:var(--ink-3);opacity:1}body.pet-ui :is(input,select,textarea):disabled{opacity:.55}body.pet-ui :is(input[type=radio],input[type=range]){accent-color:var(--gp-amber)}body.pet-ui input[type=range]{min-height:32px}body.pet-ui :is(.field-hint,.hint){color:var(--ink-3);line-height:1.5}body.pet-ui :is(.field-err,.msg:not(.ok)){color:var(--coral-600)}body.pet-ui .msg.ok{color:var(--mint-600)}body.pet-ui .btn:before{content:none}body.pet-ui .btn .ico{filter:drop-shadow(0 1px #00000040)}body.pet-ui .btn:disabled{transform:none}body.pet-ui .popup .btn{min-height:44px}body.pet-ui :is(.slot,.icon,.slot .icon){text-shadow:none}body.pet-ui .slot-label{color:var(--gp-desc)}body.pet-ui :is(.scroll,.win-body,.dialog,.popup,.tabs,.seg){scrollbar-width:thin;scrollbar-color:#6e6586 transparent}body.pet-ui :is(.scroll,.win-body,.dialog,.popup)::-webkit-scrollbar{width:8px;height:8px}body.pet-ui :is(.scroll,.win-body,.dialog,.popup)::-webkit-scrollbar-thumb{background:#6e6586 padding-box padding-box;border:2px solid #0000;border-radius:8px}body.pet-ui :focus-visible{outline:2px solid var(--pet-focus);outline-offset:2px;box-shadow:none}body.pet-ui :is(input,select,textarea):focus-visible{outline:none}body.pet-ui .switch input:focus-visible+i{outline:2px solid var(--pet-focus);outline-offset:3px}body.pet-ui :is(button,a,[role=button]){touch-action:manipulation}body.pet-ui .staff-badge{text-shadow:0 1px 1px #000;background:#2563c9;border-color:#9ccbfa;box-shadow:0 1px 4px #000000a6}@media (max-width:600px){body.pet-ui .win:not(.win-moved):not(.win-placed){max-height:calc(100dvh - 24px - var(--safe-t) - var(--safe-b))}body.pet-ui .win-head{gap:8px}body.pet-ui .win-body{padding:12px 14px}body.pet-ui .win-emblem{width:32px;height:32px}body.pet-ui .dialog{padding:18px 20px 20px}body.pet-ui .dialog p{font-size:15px}body.pet-ui .dialog .row{gap:8px}body.pet-ui .dialog .row .btn{white-space:normal;min-width:0}body.pet-ui .win :is(.btn.sm,.tab,.seg-btn,.link-btn){min-height:44px}}@media (max-height:520px){body.pet-ui .dialog:before{display:none}body.pet-ui .win-head{min-height:50px;padding-block:5px}}html[data-quality=low] body.pet-ui :is(.win,.dialog,.toast,.popup){animation:none}html[data-quality=low] body.pet-ui :is(.dialog,.popup,.panel,.skin-frame,.skin-tip){filter:none}@media (prefers-reduced-motion:reduce){body.pet-ui *,body.pet-ui :before,body.pet-ui :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (forced-colors:active){body.pet-ui :is(.win,.dialog,.btn,.slot,.tab,.win-close,.popup,.skin-tip,.toast){border:1px solid canvastext;border-image-source:none}body.pet-ui :is(.tab.active,.slot.selected){outline:2px solid highlight}}