@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;--sky-50:#eef8ff;--sky-100:#d9efff;--sky-200:#b5e0ff;--sky-300:#84cbfb;--sky-400:#52b3f2;--sky-500:#2f9be6;--sky-600:#1f80cc;--sky-700:#1a66a6;--sky-800:#184f80;--c-sky-50:#eef8ff;--c-sky-100:#d9efff;--c-sky-200:#b5e0ff;--c-sky-300:#84cbfb;--c-sky-400:#52b3f2;--c-sky-500:#2f9be6;--c-sky-600:#1f80cc;--c-sky-700:#1a66a6;--c-sky-800:#184f80;--c-pink-50:#fff0f7;--c-pink-100:#ffe0ef;--c-pink-200:#ffc2df;--c-pink-300:#ff9cc9;--c-pink-400:#ff74b0;--c-pink-500:#f04f97;--c-pink-600:#d6337e;--c-pink-700:#ad2464;--c-pink-800:#861b4d;--c-mint-50:#ecfcf5;--c-mint-100:#d3f7e7;--c-mint-200:#a8eed2;--c-mint-300:#74e0b8;--c-mint-400:#43cc9c;--c-mint-500:#22b282;--c-mint-600:#14936b;--c-mint-700:#0f7556;--c-mint-800:#0c5a43;--c-lilac-50:#f6f2ff;--c-lilac-100:#ebe3ff;--c-lilac-200:#d8c9ff;--c-lilac-300:#bea6ff;--c-lilac-400:#a183fa;--c-lilac-500:#8762ec;--c-lilac-600:#6f48d6;--c-lilac-700:#5835b0;--c-lilac-800:#432788;--c-peach-50:#fff5ec;--c-peach-100:#ffe8d4;--c-peach-200:#ffd0a8;--c-peach-300:#ffb27a;--c-peach-400:#ff9452;--c-peach-500:#f2772f;--c-peach-600:#d65d17;--c-peach-700:#a94812;--c-peach-800:#80360e;--c-honey-50:#fffaeb;--c-honey-100:#fff1c9;--c-honey-200:#ffe394;--c-honey-300:#ffd35c;--c-honey-400:#ffc02e;--c-honey-500:#f2a50c;--c-honey-600:#cf8500;--c-honey-700:#946000;--c-honey-800:#6e4700;--art-seal:url(./seal-DR2dal3P.svg);--art-chick:url(./chick-DP1EjqEl.svg);--art-bunny:url(./bunny-7U_3QaEd.webp);--art-npc-chick:url(./npc-chick-DQAMsfcF.webp);--art-rabbit:url(./rabbit-uAFAzz2K.webp);--art-wings:url(./wings-HTpocptf.webp);--mascot:var(--art-seal);--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");--dots:radial-gradient(circle, #ffffff57 2.2px, transparent 2.8px);--gloss:linear-gradient(180deg, #ffffff8c, #ffffff14 52%, transparent 53%);--bounce:cubic-bezier(.34, 1.56, .64, 1);--cream-50:#fffdf8;--cream-100:#fff7e8;--cream-200:#fbecd0;--cream-300:#f2dcb2;--gold-200:#ffeaa8;--gold-300:#ffdc72;--gold-400:#ffc93c;--gold-500:#f4a91d;--gold-600:#d68a06;--gold-700:#9a5f00;--mint-100:#d9f7ea;--mint-400:#4fd3a0;--mint-600:#138259;--mint-700:#0d6b49;--coral-100:#ffe1df;--coral-400:#ff7a76;--coral-600:#c93535;--coral-700:#a8262a;--lilac-100:#ece6ff;--lilac-400:#a68cff;--lilac-600:#7656e0;--lilac-700:#5835b0;--pink-100:#ffe4ef;--pink-400:#ff8fb8;--hp-a:#ff9db8;--hp-b:#ec3a62;--ap-a:#8edcff;--ap-b:#3a7fe8;--exp-a:#ffe57a;--exp-b:#f5a21a;--stripes:linear-gradient(-45deg, #ffffff38 25%, transparent 25% 50%, #ffffff38 50% 75%, transparent 75%);--ink:#2a2f4f;--ink-2:#4c5470;--ink-3:#646c88;--ink-inv:#fff;--surface:#fffdfaf7;--surface-solid:#fffdfa;--card:#fff;--sunken:#3a3c780f;--line:#3a3c781f;--line-strong:#3a3c7838;--glass:#22245c94;--glass-2:#22245ccc;--glass-line:#ffffff38;--scrim:#1c16406b;--r-xs:7px;--r-sm:10px;--r-md:14px;--r-lg:18px;--r-xl:26px;--r-pill:999px;--shadow-1:0 1px 2px #2824641a, 0 2px 6px #28246412;--shadow-2:0 6px 18px #241e5a38, 0 2px 6px #241e5a1f;--shadow-3:0 18px 44px #1e185057, 0 4px 12px #1e18502e;--ring:0 0 0 3px #2f9be652;--tap:36px;--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(--sky-700);--title-ink:var(--sky-800);--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:#142038;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:#26324b47 transparent}.scroll::-webkit-scrollbar{width:8px;height:8px}.win-body::-webkit-scrollbar{width:8px;height:8px}.scroll::-webkit-scrollbar-thumb{background:#26324b40 padding-box padding-box;border:2px solid #0000;border-radius:8px}.win-body::-webkit-scrollbar-thumb{background:#26324b40 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{--btn-edge:var(--sky-200);isolation:isolate;min-height:var(--tap);border:2px solid var(--sky-200);border-radius:var(--r-pill);background:linear-gradient(#fff, var(--sky-50));color:var(--sky-700);font-size:var(--fs-md);white-space:nowrap;text-align:center;box-shadow:0 3px 0 var(--btn-edge), 0 5px 10px #2824641a;transition:transform .24s var(--bounce), box-shadow .12s, background .15s, filter .15s;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-weight:600;line-height:1.15;display:inline-flex;position:relative}.btn:before{content:"";z-index:-1;border-radius:var(--r-pill);pointer-events:none;background:linear-gradient(#ffffffd9,#ffffff1a);height:46%;position:absolute;top:2px;left:8px;right:8px}.btn:hover:not(:disabled){border-color:var(--sky-300);background:linear-gradient(#fff, var(--sky-100));transform:translateY(-1px)}.btn:active:not(:disabled){box-shadow:0 1px 0 var(--btn-edge), 0 1px 3px #2824641f;transition-duration:60ms;transform:translateY(2px)scale(.97)}.btn:disabled{opacity:.5;filter:grayscale(.6);box-shadow:none}.btn.primary{--btn-edge:var(--sky-700);--halo:var(--sky-800);border-color:var(--sky-600);color:#fff;background:linear-gradient(var(--sky-300), var(--sky-500) 58%, var(--sky-600));text-shadow:0 1px 0 var(--halo), 1px 0 0 var(--halo), -1px 0 0 var(--halo), 0 -1px 0 var(--halo), 0 2px 2px #0000002e}.btn.primary:before,.btn.danger:before{background:linear-gradient(#ffffff8c,#ffffff0a)}.btn.primary:hover:not(:disabled){background:linear-gradient(var(--sky-200), var(--sky-400) 58%, var(--sky-600));border-color:var(--sky-600)}.btn.gold{--btn-edge:#c77c00;color:#4f2c00;background:linear-gradient(#fff1a8, var(--gold-400) 55%, var(--gold-500));text-shadow:0 1px #ffffff8c;border-color:#e09a10}.btn.gold:hover:not(:disabled){background:linear-gradient(#fff6c4,#ffd457 55%,#f8b52e);border-color:#e09a10}.btn.danger{--btn-edge:#b52c34;--halo:#8f1f27;color:#fff;text-shadow:0 1px 0 var(--halo), 1px 0 0 var(--halo), -1px 0 0 var(--halo), 0 -1px 0 var(--halo);background:linear-gradient(#ffa8a4,#ff6b6b 58%,#e8454d);border-color:#d9424a}.btn.danger:hover:not(:disabled){background:linear-gradient(#ffbdb9,#ff7d7b 58%,#ec5058);border-color:#d9424a}.btn.ghost{--btn-edge:transparent;background:color-mix(in srgb, var(--sky-100) 55%, #fff);color:var(--ink);box-shadow:none;border-color:#0000}.btn.ghost:before{display:none}.btn.ghost:hover:not(:disabled){background:var(--sky-100);border-color:#0000}.btn.sm{min-height:30px;font-size:var(--fs-sm);padding:0 12px}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);box-shadow:0 4px 0 var(--btn-edge), 0 8px 16px #28246424;padding:0 24px}.btn.icon{width:var(--tap);flex:none;padding:0}.btn .ico{width:18px;height:18px}.btn.primary .ico,.btn.danger .ico{filter:drop-shadow(0 1px 0 var(--halo))}.btn.plus{width:26px;min-height:26px;box-shadow:0 2px 0 var(--btn-edge);border-radius:50%;margin-left:8px;padding:0;font-size:16px}body.touch .btn.plus{width:44px;min-height:44px}.icon-btn{width:34px;height:34px;color:var(--ink-2);transition:background .15s, color .15s, transform .24s var(--bounce);background:0 0;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-btn:hover{background:var(--sky-50);color:var(--sky-700)}.icon-btn:active{transition-duration:60ms;transform:scale(.88)}.icon-btn .ico{width:20px;height:20px}body.touch .icon-btn{width:44px;height:44px}.link-btn{color:var(--sky-700);font-size:var(--fs-sm);text-underline-offset:4px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;text-decoration-thickness:2px;-webkit-text-decoration-color:var(--sky-300);text-decoration-color:var(--sky-300);background:0 0;border:0;padding:4px 2px;font-weight:600}body.touch .link-btn{min-height:44px}.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-radius:var(--r-md);border:2px solid color-mix(in srgb, var(--sky-200) 80%, #fff);color:var(--ink);box-shadow:inset 0 2px 0 color-mix(in srgb, var(--sky-100) 60%, transparent);background:#fff;outline:none;margin-top:4px;padding:7px 14px;font-size:16px;font-weight:400;transition:border-color .15s,box-shadow .15s;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}label input:focus,label select:focus,label textarea:focus,.field input:focus,.field select:focus,.field textarea:focus,.input:focus{border-color:var(--sky-400);box-shadow:0 0 0 4px color-mix(in srgb, var(--sky-300) 40%, transparent)}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],input[type=radio]{accent-color:var(--sky-500);width:18px;height:18px}body.touch input[type=checkbox],body.touch input[type=radio]{width:22px;height:22px}input[type=range]{accent-color:var(--sky-500);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-color:var(--coral-400)!important;box-shadow:0 0 0 3px #ff7a7638!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{background:color-mix(in srgb, var(--sky-200) 40%, #3a3c7833);border-radius:13px;flex:none;width:44px;height:26px;transition:background .2s;position:relative;box-shadow:inset 0 2px 3px #2824642e}.switch i:after{content:"";width:20px;height:20px;transition:transform .28s var(--bounce);background:radial-gradient(circle at 35% 30%,#fff 40%,#eef2ff);border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 2px 4px #2824644d}.switch input:checked+i{background:linear-gradient(var(--sky-300), var(--sky-500))}.switch input:checked+i:after{transform:translate(18px)}.switch input:focus-visible+i{box-shadow:var(--ring)}.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{border-radius:var(--r-pill);scrollbar-width:none;background:color-mix(in srgb, var(--sky-100) 70%, #fff);box-shadow:inset 0 2px 3px color-mix(in srgb, var(--sky-300) 35%, transparent);gap:3px;margin:0 0 10px;padding:4px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.seg::-webkit-scrollbar{display:none}.tab,.seg-btn{border-radius:var(--r-pill);min-height:32px;color:var(--ink-2);font-size:var(--fs-sm);white-space:nowrap;transition:background .15s, color .15s, box-shadow .15s, transform .24s var(--bounce);background:0 0;border:0;flex:1 0 auto;justify-content:center;align-items:center;gap:5px;padding:0 14px;font-weight:600;display:inline-flex}@media (hover:hover){.tab:hover,.seg-btn:hover{color:var(--sky-700);background:#fff9}}.tab:active,.seg-btn:active{transform:scale(.95)}.tab.active,.seg-btn.active,.tab.on,.seg-btn.on{color:var(--sky-700);box-shadow:0 2px 0 var(--sky-300), 0 3px 8px color-mix(in srgb, var(--sky-500) 22%, transparent);background:#fff}.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{border-bottom:2px dashed color-mix(in srgb, var(--sky-300) 60%, transparent);box-shadow:none;background:0 0;border-radius:0;gap:4px;padding:0}.tabs.line .tab{border-radius:var(--r-sm) var(--r-sm) 0 0;border-bottom:3px solid #0000;min-height:36px}.tabs.line .tab.active{box-shadow:none;border-bottom-color:var(--sky-400);background:0 0}.chip{border-radius:var(--r-pill);background:var(--sky-50);min-height:24px;color:var(--sky-700);border:1.5px solid var(--sky-200);font-size:var(--fs-xs);white-space:nowrap;align-items:center;gap:4px;padding:0 10px;font-weight:600;display:inline-flex}.chip.gold{color:var(--gold-700);background:#fff4cf;border-color:#ffd977}.chip.mint{background:var(--mint-100);color:var(--mint-700);border-color:#9fe6c6}.chip.coral{background:var(--coral-100);color:var(--coral-700);border-color:#ffb3b0}.chip.lilac{background:var(--lilac-100);color:var(--lilac-700);border-color:#cdbfff}.chip.gray{background:var(--sunken);color:var(--ink-2);border-color:#0000}.badge{background:var(--coral-600);color:#fff;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 2px #fff}.badge.gold{background:var(--gold-500);color:#4a2b00}.badge.sky{background:var(--sky-700)}.dot{background:var(--ink-3);border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.dot.on{background:var(--mint-400);box-shadow:0 0 0 3px #4fd3a040}.card{background:var(--card);border:2px solid color-mix(in srgb, var(--sky-200) 60%, #fff);border-radius:var(--r-lg);box-shadow:0 3px 0 color-mix(in srgb, var(--sky-200) 45%, transparent), 0 4px 12px #2824640f;padding:10px 12px}.card.flat{box-shadow:none}.card.sunken{background:color-mix(in srgb, var(--sky-100) 40%, #fff);box-shadow:inset 0 2px 3px color-mix(in srgb, var(--sky-200) 40%, transparent);border-color:#0000}.panel,.skin-frame{background:var(--surface-solid);color:var(--ink);border-radius:var(--r-lg);box-shadow:0 0 0 2px var(--sky-200), var(--shadow-3);border:3px solid #fff;padding:10px 12px}.list{flex-direction:column;gap:6px;display:flex}.list-row,.skill-row,.shop-row{background:var(--card);border:2px solid color-mix(in srgb, var(--sky-200) 55%, #fff);border-radius:var(--r-md);min-height:52px;box-shadow:0 2px 0 color-mix(in srgb, var(--sky-200) 40%, transparent);transition:border-color .15s, background .15s, box-shadow .15s, transform .24s var(--bounce);align-items:center;gap:10px;margin-bottom:6px;padding:6px 10px;display:flex}.list .list-row{margin:0}.list-row.clickable:hover,.list-row.row-btn:hover{border-color:var(--sky-300);background:var(--sky-50);transform:translateY(-1px)}.list-row.selected,.list-row.on{border-color:var(--sky-400);background:linear-gradient(90deg, var(--sky-50), #fff);box-shadow:inset 4px 0 0 var(--sky-400), 0 2px 0 var(--sky-200)}.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(--ink-2);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(--sky-700);box-shadow:none;background:0 0;border-radius:0;align-items:center;gap:6px;margin:14px 0 8px;padding:0;font-weight:600;display:flex}.win-body h4:before,.sec-title:before{content:"";background:linear-gradient(var(--sky-300), var(--sky-500));width:15px;height:15px;-webkit-mask:var(--star) center / contain no-repeat;-webkit-mask:var(--star) center / contain no-repeat;mask:var(--star) center / contain no-repeat;flex:none}.win-body h4:after,.sec-title:after{content:"";border-top:2px dotted color-mix(in srgb, var(--sky-300) 55%, transparent);flex:12px;min-width:12px;margin-left:4px}.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:6px;padding:22px 12px;display:flex;position:relative}.empty .ico{width:34px;height:34px;color:var(--sky-300)}.empty:has(>.ico):before{content:"";background:var(--mascot) center bottom / contain no-repeat;width:84px;height:72px;filter:drop-shadow(0 4px 0 color-mix(in srgb, var(--sky-200) 60%, transparent));flex:none}.empty:has(>.ico)>.ico{width:30px;height:30px;color:var(--sky-500);box-shadow:0 0 0 2px var(--sky-200), 0 2px 4px #28246426;background:#fff;border-radius:50%;padding:5px;position:absolute;top:66px;left:calc(50% + 22px)}.empty>b{color:var(--ink-2)}.divider{border:0;border-top:2px dotted color-mix(in srgb, var(--sky-300) 55%, transparent);background:0 0;height:0;margin:10px 0}.kv{border-collapse:separate;border-spacing:0;width:100%}.kv th,.kv td{border-bottom:1.5px dashed color-mix(in srgb, var(--sky-200) 60%, transparent);font-size:var(--fs-sm);background:0 0;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(--ink-2);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-md);background:color-mix(in srgb, var(--sky-50) 80%, #fff);border:1.5px solid color-mix(in srgb, var(--sky-100) 90%, #fff);justify-content:space-between;align-items:center;gap:6px;min-height:36px;padding:4px 10px;display:flex}.stat span{color:var(--ink-2);font-size:var(--fs-sm)}.stat b{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:600}.money{border-radius:var(--r-pill);color:var(--gold-700);font-variant-numeric:tabular-nums;background:linear-gradient(#fffaf0,#fff1c6);border:1.5px solid #ffd977;align-items:center;gap:6px;padding:3px 12px 3px 4px;font-weight:600;display:inline-flex;box-shadow:0 2px #f6d27a}.money:before{content:"";background:radial-gradient(circle at 34% 28%, #fff 0 12%, #fff3b8 13%, var(--gold-400) 48%, var(--gold-600));border-radius:50%;flex:none;width:20px;height:20px;box-shadow:inset 0 0 0 1.5px #9a5f0073,0 1px #9a5f004d}.money.cash{color:var(--lilac-700);background:linear-gradient(#fbf8ff,#ece4ff);border-color:#cdbfff;box-shadow:0 2px #d8cbff}.money.cash:before{background:radial-gradient(circle at 34% 28%, #fff 0 12%, #f3ecff 13%, var(--lilac-400) 50%, var(--lilac-600));box-shadow:inset 0 0 0 1.5px #5032a066}.points{color:var(--gold-700);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:12px;width:var(--slot);height:var(--slot);border-radius:var(--slot-r);background:linear-gradient(#fff, color-mix(in srgb, var(--sky-100) 65%, #fff));box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--sky-200) 75%, #fff), inset 0 -3px 0 color-mix(in srgb, var(--sky-200) 45%, transparent);transition:box-shadow .15s, transform .24s var(--bounce);flex:none;justify-content:center;align-items:center;display:flex;position:relative}.slot:hover{box-shadow:inset 0 0 0 2px var(--sky-400), 0 4px 10px color-mix(in srgb, var(--sky-500) 28%, transparent);z-index:1;transform:translateY(-1px)scale(1.04)}.slot.selected,.slot.on{box-shadow:inset 0 0 0 2px #fff, 0 0 0 3px var(--gold-400), 0 0 12px #ffbe2899}.slot.selected:after,.slot.on:after{content:"";z-index:3;pointer-events:none;background:var(--gold-400);width:15px;height:15px;-webkit-mask:var(--spark) center / contain no-repeat;-webkit-mask:var(--spark) center / contain no-repeat;mask:var(--spark) center / contain no-repeat;position:absolute;top:-7px;right:-6px}.slot.locked{box-shadow:inset 0 0 0 2px var(--line);background:repeating-linear-gradient(135deg,#3a3c781a 0 5px,#3a3c780a 5px 10px);transform:none}.slot.up{box-shadow:inset 0 0 0 2px #fff, 0 0 0 2.5px var(--c-lilac-300), 0 0 9px #a183fa73;background:linear-gradient(#fff,#f3edff)}.slot:has(>.slot-plus){box-shadow:inset 0 0 0 2px #fff, 0 0 0 2.5px var(--c-lilac-300), 0 0 9px #a183fa73;background:linear-gradient(#fff,#f3edff)}.slot.up-hi{background:linear-gradient(#fff,#fff6e0) padding-box padding-box,conic-gradient(#ff8fb8,#ffd35c,#8ff0c8,#8ed0ff,#c7a8ff,#ff8fb8) border-box;border:2.5px solid #0000;box-shadow:0 0 10px #ffa0d299}.slot-plus{z-index:2;border-radius:var(--r-pill);pointer-events:none;color:#fff;background:linear-gradient(var(--c-lilac-400), var(--c-lilac-600));font-variant-numeric:tabular-nums;padding:0 5px;font-size:10.5px;font-weight:600;line-height:14px;position:absolute;top:1px;left:1px;box-shadow:0 0 0 1.5px #fff}.slot.up-hi .slot-plus{color:#4a2b00;background:linear-gradient(#ffe57a,#ffb21e)}.slot.empty-slot .ico{color:color-mix(in srgb, var(--sky-300) 70%, transparent);width:55%;height:55%}.slot .icon{border-radius:calc(var(--slot-r) - 3px);width:calc(100% - 7px);height:calc(100% - 7px)}.slot-count,.count{z-index:2;border-radius:var(--r-pill);color:#fff;font-variant-numeric:tabular-nums;background:#2a285ab8;padding:0 4px;font-size:11px;font-weight:600;line-height:14px;position:absolute;bottom:1px;right:1px;box-shadow:0 0 0 1.5px #ffffffd9}.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;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-radius:var(--r-pill);background:#3a3c7829;height:16px;position:relative;overflow:hidden;box-shadow:inset 0 2px 3px #14103c38,0 0 0 2px #ffffffe6}.bar i{--fill:linear-gradient(var(--exp-a), var(--exp-b));border-radius:inherit;width:0;transition:width .25s var(--ease);background:var(--stripes) 0 0 / 14px 14px, var(--fill);position:absolute;top:0;bottom:0;left:0;box-shadow:inset 0 -2px #0000001f}.bar i:after{content:"";border-radius:inherit;background:#ffffff80;height:34%;position:absolute;top:2px;left:4px;right:4px}.bar span{z-index:1;text-align:center;color:#fff;white-space:nowrap;text-shadow:0 1px #1e143cd9,1px 0 #1e143cd9,-1px 0 #1e143cd9,0 -1px #1e143cd9;font-variant-numeric:tabular-nums;font-size:11px;font-weight:600;line-height:16px;display:block;position:relative}.bar.hp i{--fill:linear-gradient(var(--hp-a), var(--hp-b))}.bar.mp i,.bar.ap i{--fill:linear-gradient(var(--ap-a), var(--ap-b))}.bar.exp i{--fill:linear-gradient(var(--exp-a), var(--exp-b))}.bar.mint i{--fill:linear-gradient(#8ff0c8, var(--mint-600))}.bar.lilac i{--fill:linear-gradient(#d4c6ff, var(--lilac-600))}.bar.thin{height:8px;box-shadow:inset 0 1px 2px #14103c33,0 0 0 1.5px #ffffffe6}.bar.thin i:after{top:1px}.bar.thin span{display:none}.win{--ring:0 0 0 3px color-mix(in srgb, var(--sky-300) 50%, transparent);--line:color-mix(in srgb, var(--sky-300) 32%, #3a3c7814);--line-strong:color-mix(in srgb, var(--sky-400) 45%, #3a3c781f);--sunken:color-mix(in srgb, var(--sky-100) 50%, #3a3c7808);z-index:8;width:min(var(--win-w,360px), calc(100vw - 16px));max-height:min(680px,100dvh - 110px);color:var(--ink);background:radial-gradient(circle, color-mix(in srgb, var(--sky-200) 30%, transparent) 2px, transparent 2.6px) 0 0 / 22px 22px, linear-gradient(180deg, var(--sky-50), var(--surface-solid) 220px);background-color:var(--surface-solid);border-radius:var(--r-xl);box-shadow:0 0 0 2.5px var(--sky-300), 0 16px 36px color-mix(in srgb, var(--sky-700) 28%, transparent), 0 4px 10px #1e18502e;animation:win-in .34s var(--bounce);border:3px solid #fff;flex-direction:column;display:flex;position:absolute;top:76px;left:50%;overflow:hidden;transform:translate(-50%)}@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:var(--spark) right 104px top 6px / 13px 13px no-repeat, var(--spark) right 122px bottom 8px / 8px 8px no-repeat, var(--dots) 0 0 / 18px 18px, linear-gradient(180deg, var(--sky-200), var(--sky-400));min-height:50px;color:var(--sky-800);font-size:var(--fs-lg);touch-action:none;white-space:nowrap;flex:none;align-items:center;gap:8px;margin-bottom:8px;padding:0 8px;font-weight:600;display:flex;position:relative;box-shadow:inset 0 2px #fff9}.win-head:after{content:"";pointer-events:none;background:radial-gradient(circle at 9px 0, var(--sky-400) 8.5px, transparent 9px) 0 0 / 18px 8px repeat-x;height:8px;position:absolute;top:100%;left:0;right:0}.win-head:before{content:"";z-index:3;pointer-events:none;background:var(--mascot) center bottom / contain no-repeat;filter:drop-shadow(0 2px #ffffffe6)drop-shadow(0 3px 3px #1e185033);transform-origin:50% 100%;width:46px;height:46px;animation:mascot-hop .7s var(--bounce) .15s both;position:absolute;bottom:-9px;right:48px}@keyframes mascot-hop{0%{opacity:0;transform:translateY(14px)scale(.6)}60%{opacity:1;transform:translateY(-4px)scale(1.06)}to{transform:none}}.win-head>.ico{stroke-width:2.2px;width:36px;height:36px;color:var(--sky-600);background:radial-gradient(circle at 35% 30%, #fff 55%, var(--sky-50));box-shadow:0 2px 0 color-mix(in srgb, var(--sky-700) 45%, transparent);border-radius:50%;flex:none;padding:7px}.win-title{text-overflow:ellipsis;border-radius:var(--r-pill);min-width:0;color:var(--sky-700);box-shadow:0 2px 0 color-mix(in srgb, var(--sky-700) 45%, transparent), inset 0 -2px 0 var(--sky-50);background:#fff;flex:0 auto;margin-right:auto;padding:3px 16px 4px;line-height:1.35;overflow:hidden}.win-title:empty{display:none}.win-head-extra{z-index:1;align-items:center;gap:4px;display:flex}.win-close{z-index:4;width:34px;height:34px;color:var(--sky-700);background:radial-gradient(circle at 35% 30%, #fff 55%, var(--sky-50));box-shadow:0 2px 0 color-mix(in srgb, var(--sky-700) 45%, transparent);transition:transform .28s var(--bounce), color .15s;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;margin-left:52px;padding:0;display:inline-flex;position:relative}.win-close .ico{stroke-width:3px;width:18px;height:18px}.win-close:hover{color:var(--coral-600);transform:rotate(90deg)scale(1.08)}.win-close:active{transition-duration:60ms;transform:scale(.86)}body:not(.touch) .win-head{cursor:var(--cur-normal,move)}.win-corner{display:none}.win-body{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:10px 12px 12px;overflow-y:auto}.win-foot{border-top:2px dashed color-mix(in srgb, var(--sky-300) 55%, transparent);background:color-mix(in srgb, var(--sky-50) 75%, #fff);flex:none;align-items:center;gap:8px;padding:10px 12px;display:flex}.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);--mascot:var(--art-bunny)}#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);--mascot:url(./piggy-DErvjCO6.svg)}#win-skills,#win-pet,#win-bpet,#win-bpskill,#win-lpcfg,#win-petapp,#win-jobchange{--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);--mascot:var(--art-rabbit)}#win-quest,#win-npc,#win-dungeon,#win-dungeon-result,#win-gwh,#win-attend,#win-playtime,#win-marble,#win-fishing,#win-fame{--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);--mascot:var(--art-npc-chick)}#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);--mascot:var(--art-chick)}.modal-scrim{z-index:1000;background:radial-gradient(circle, #ffffff12 2px, transparent 2.6px) 0 0 / 26px 26px, var(--scrim);animation:.15s fade-in;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}}.dialog{z-index:1001;pointer-events:auto;text-align:center;width:min(380px,100vw - 24px);color:var(--ink);background:radial-gradient(circle, color-mix(in srgb, var(--sky-200) 32%, transparent) 2px, transparent 2.6px) 0 0 / 22px 22px, linear-gradient(180deg, var(--sky-50), #fff 120px);border-radius:var(--r-xl);box-shadow:0 0 0 2.5px var(--sky-300), 0 18px 40px color-mix(in srgb, var(--sky-700) 30%, transparent), 0 4px 12px #1e185033;animation:pop-in .36s var(--bounce);background-color:#fff;border:3px solid #fff;padding:22px 18px 16px;position:fixed;top:47%;left:50%;transform:translate(-50%,-50%)}.dialog:before{content:"";pointer-events:none;background:var(--art-seal) center bottom / contain no-repeat;filter:drop-shadow(0 -1px #fff)drop-shadow(0 3px 2px #1e185026);width:74px;height:60px;margin-left:-37px;position:absolute;top:-52px;left:50%}.dialog:has(.dlg-ico.danger){--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)}.dialog:has(.dlg-ico.danger):before{background-image:var(--art-bunny);height:54px;top:-46px}@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:radial-gradient(circle at 35% 30%, #fff 45%, var(--sky-100));width:50px;height:50px;color:var(--sky-600);box-shadow:0 0 0 2px var(--sky-200), 0 3px 0 var(--sky-200);border-radius:50%;justify-content:center;align-items:center;margin:-2px auto 10px;display:flex}.dialog .dlg-ico .ico{width:26px;height:26px}.dialog .dlg-ico.danger{color:var(--coral-600)}.dialog .row{margin-top:4px}.dialog .input{text-align:center;margin:-4px 0 14px}.dialog.top{z-index:40}.popup{z-index:1000;background:var(--surface-solid);min-width:180px;max-width:260px;color:var(--ink);border-radius:var(--r-lg);box-shadow:0 0 0 2px var(--sky-200), var(--shadow-3);animation:pop-menu .24s var(--bounce);max-height:calc(100dvh - 12px - var(--safe-t) - var(--safe-b));overscroll-behavior:contain;touch-action:pan-y;border:3px solid #fff;flex-direction:column;gap:2px;padding:6px;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);border-radius:var(--r-pill);background:0 0;border:0;justify-content:flex-start;padding:0 12px;font-weight:400}.popup .btn:before{display:none}.popup .btn:hover:not(:disabled){background:var(--sky-50);color:var(--sky-700);transform:translate(2px)}.popup .btn .ico{color:var(--sky-500)}.popup .btn.danger{color:var(--coral-600);text-shadow:none;background:0 0}.popup .btn.danger .ico{color:var(--coral-600);filter:none}.popup .btn.primary{color:var(--sky-700);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:280px;font-size:var(--fs-sm);color:#f3f0ff;border-radius:var(--r-md);box-shadow:0 0 0 2px #a68cff8c, var(--shadow-2);white-space:pre-line;background:linear-gradient(160deg,#3a2e78f7,#1e1e4ef7);border:2px solid #ffffffd9;padding:9px 13px;line-height:1.5;position:fixed}.skin-tip:after{content:"";background:var(--gold-300);width:16px;height:16px;-webkit-mask:var(--spark) center / contain no-repeat;-webkit-mask:var(--spark) center / contain no-repeat;mask:var(--spark) center / contain no-repeat;position:absolute;top:-8px;right:-7px}.skin-tip b,.skin-tip .tip-name{color:var(--gold-300);font-weight:600}.skin-tip.pinned{pointer-events:auto}.skin-tip.pinned:after{display:none}.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:#ffffff4d transparent;overflow:hidden auto}.skin-tip .tip-acts{white-space:normal;border-top:1px dashed #ffffff59;flex-wrap:wrap;gap:6px;margin-top:8px;padding-top:8px;display:flex}.skin-tip .tip-acts .btn{flex:1 0 auto}.tip-x{width:30px;height:30px;color:var(--lilac-600);background:radial-gradient(circle at 35% 30%, #fff 55%, var(--lilac-100));transition:transform .28s var(--bounce), color .15s;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:-14px;right:-14px;box-shadow:0 0 0 2px #a68cff8c,0 2px 6px #0e083066}.tip-x:before{content:"";position:absolute;inset:-7px}.tip-x .ico{stroke-width:3px;width:16px;height:16px}.tip-x:hover{color:var(--coral-600);transform:rotate(90deg)scale(1.08)}.tip-x:active{transition-duration:60ms;transform:scale(.86)}.toast-host{left:50%;top:calc(18% + 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%)}.toast,.sys-line{border-radius:var(--r-pill);max-width:100%;color:var(--ink);font-size:var(--fs-md);text-align:center;box-shadow:0 0 0 2px var(--sky-300), 0 6px 16px #1e185047;animation:toast-in .34s var(--bounce);background:linear-gradient(#fff,#f4f8ff);border:2px solid #fff;align-items:center;gap:8px;padding:7px 16px 7px 8px;font-weight:600;transition:opacity .6s,transform .6s;display:inline-flex}.toast:not(:has(.ico)):before{content:"";background:var(--sky-400) var(--spark) center / 12px no-repeat;border-radius:50%;flex:none;width:22px;height:22px}.sys-line:not(:has(.ico)):before{content:"";background:var(--sky-400) var(--spark) center / 12px no-repeat;border-radius:50%;flex:none;width:22px;height:22px}.toast .ico,.sys-line .ico{color:#fff;background:var(--sky-400);border-radius:50%;flex:none;width:24px;height:24px;padding:4px}.toast.ok{box-shadow:0 0 0 2px var(--mint-400), 0 6px 16px #1e185047;background:linear-gradient(#fff,#eefcf5)}.toast.ok .ico,.toast.ok:before{background-color:var(--mint-600)}.toast.err{box-shadow:0 0 0 2px var(--coral-400), 0 6px 16px #1e185047;background:linear-gradient(#fff,#fff1f0)}.toast.err .ico,.toast.err:before{background-color:var(--coral-600)}.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}.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 :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;max-width:200px;color:var(--ink);word-break:break-word;background:#fff;border-radius:16px;width:max-content;margin:0 auto 9px;padding:5px 12px;font-size:12px;position:relative;box-shadow:0 0 0 2px #ffc2df,0 3px 8px #1e18504d}.bubble:after{content:"";background:#fff;border-radius:0 0 3px;width:10px;height:10px;margin-left:-5px;position:absolute;bottom:-6px;left:50%;transform:rotate(45deg);box-shadow:2px 2px #ffc2df}.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:52px;font-size:17px}body.touch .win-head>.ico{width:34px;height:34px}body.touch .win-head:before{width:38px;height:38px;bottom:-6px;right:56px}body.touch .win-close{width:44px;height:44px;margin-left:46px}body.touch .win{box-shadow:0 0 0 2.5px var(--sky-300), 0 8px 20px #1e185040}@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}}.men-wrap{width:calc(var(--men-w) * var(--men-scale,1) * 1px);height:calc(var(--men-h) * var(--men-scale,1) * 1px);flex:none;position:relative}.men{transform:scale(var(--men-scale,1));transform-origin:0 0;color:var(--ink);position:absolute;top:0;left:0}.men-el{box-sizing:border-box;font-family:var(--font);color:inherit;background:0 0;border:0;margin:0;padding:0;position:absolute}.men-art{background-image:var(--men-sheet);background-repeat:no-repeat;background-position:var(--p-base);background-size:var(--s-base)}button.men-el{cursor:inherit}.men-button:hover:not(:disabled),.men-checkbox:hover,.men-dragdrop.men-art:hover{background-position:var(--p-hover,var(--p-base));background-size:var(--s-hover,var(--s-base))}.men-button:active:not(:disabled),.men-art.on,.men-art.on:hover{background-position:var(--p-click,var(--p-hover,var(--p-base)));background-size:var(--s-click,var(--s-hover,var(--s-base)))}.men-button:disabled,.men-art.disabled{background-position:var(--p-disabled,var(--p-base));background-size:var(--s-disabled,var(--s-base));filter:grayscale(.7)brightness(.9)}.men-host{white-space:nowrap;text-overflow:ellipsis;align-items:center;font-weight:600;line-height:1;display:flex;overflow:hidden}.men-text.r{justify-content:flex-end}.men-text.c{justify-content:center}.men-label{pointer-events:none;white-space:nowrap;color:#fff;text-shadow:-1px 0 #3b2a24,1px 0 #3b2a24,0 1px #3b2a24,0 -1px #3b2a24;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex;position:absolute;inset:0}.men-dragdrop>.icon{border-radius:3px;width:calc(100% - 4px);height:calc(100% - 4px);position:absolute;top:2px;left:2px}.men-title{pointer-events:none;white-space:nowrap;color:#7fe9ff;paint-order:stroke fill;-webkit-text-stroke:4px #0d2f5c;text-shadow:0 2px #0d2f5c;justify-content:center;align-items:center;font-size:18px;font-weight:600;display:flex;position:absolute;overflow:hidden}.men-close{width:24px;height:24px;position:absolute;top:6px;right:6px}.win.win-men{width:auto;max-height:none;box-shadow:none;-webkit-backdrop-filter:none;filter:drop-shadow(0 6px 14px #14081873);background:0 0;border:0;border-radius:0;padding:0;animation:none;display:block;top:50%;overflow:visible;transform:translate(-50%,-50%)}.win.win-men.win-placed,.win.win-men.win-moved{transform:none}.win-men>.win-head{display:none}.win-men .men-body{z-index:1;max-height:none;color:var(--ink);padding:2px 4px;position:absolute;overflow-y:auto}body.touch .win.win-men{width:auto;max-height:none;top:50%!important;left:50%!important;right:auto!important;transform:translate(-50%,-50%)!important}.men-checkbox:disabled{filter:grayscale(.8)opacity(.55)}.men-slider{touch-action:none}.men-thumb{background:var(--men-sheet) no-repeat;background-size:var(--men-sheet-size);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.men-slot-item{position:absolute;inset:0}.men-slot-item>.icon{border-radius:3px;width:calc(100% - 4px);height:calc(100% - 4px);position:absolute;top:2px;left:2px}.men-slot-item>.slot-count{bottom:1px;right:3px}#hud{z-index:5;pointer-events:none;color:#fff;--pad:8px;--self-w:300px;--self-h:78px;--map:168px;--hud-left:calc(var(--pad) + var(--safe-l));--hud-left-top:calc(var(--pad) + var(--safe-t) + var(--self-h) * var(--hs) + 8px);--hud-right:calc(var(--pad) + var(--safe-r));--hud-right-top:calc(var(--pad) + var(--safe-t) + (max(var(--map), 180px) + 52px) * var(--hs) + 14px);--hud-cast-bottom:calc(126px + var(--safe-b));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,#hud .menu-items{background:radial-gradient(circle, #ffffff12 1.6px, transparent 2.2px) 0 0 / 16px 16px, var(--glass);border-radius:var(--r-lg);-webkit-backdrop-filter:blur(10px)saturate(1.25);border:2px solid #ffffff4d;box-shadow:inset 0 1px #ffffff2e,0 6px 18px #0e083059}.hud-ibtn{background:radial-gradient(circle at 35% 28%, #fff 45%, var(--sky-100));width:32px;height:32px;color:var(--sky-600);transition:background .15s, color .15s, transform .24s var(--bounce);border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex;box-shadow:0 2px #1e286e73,0 3px 8px #0a08284d}.hud-ibtn:hover{color:var(--sky-700);transform:translateY(-1px)scale(1.06)}.hud-ibtn:active{transition-duration:60ms;transform:scale(.88)}.hud-ibtn.on{background:radial-gradient(circle at 35% 28%, var(--sky-200), var(--sky-500));color:#fff}.hud-ibtn.off{color:var(--ink-3);background:radial-gradient(circle at 35% 28%,#eef0f8 45%,#cfd5e6)}.hud-ibtn .ico{stroke-width:2.3px;width:17px;height:17px}#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;border-radius:40px var(--r-lg) var(--r-lg) 40px;align-items:center;gap:10px;padding:8px 12px 8px 8px;display:flex}.self-ava{flex:none;width:58px;height:58px;position:relative}#self-ring{color:#fff;background:radial-gradient(circle at 34% 26%, #ffffffbf 0 14%, transparent 15%), linear-gradient(145deg, var(--a,var(--sky-300)), var(--b,var(--sky-600)));text-shadow:0 1px 2px #00000059;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;font-size:24px;font-weight:600;display:flex;box-shadow:inset 0 -3px #0000001f,0 0 0 3px #fff,0 0 0 5px #ff8fb8bf,0 4px 10px #0a082866}#self-level,#target-level{z-index:1;white-space:nowrap;color:#4a2b00;background:linear-gradient(#fff3b0, var(--gold-400) 55%, var(--gold-500));font-variant-numeric:tabular-nums;border-radius:10px;justify-content:center;align-items:center;min-width:32px;height:19px;padding:0 8px;font-size:11px;font-weight:600;display:flex;position:absolute;bottom:-6px;left:50%;transform:translate(-50%);box-shadow:0 0 0 2px #fff,0 2px 4px #0000004d}#self-level:before{content:"";z-index:-1;pointer-events:none;background:var(--art-wings) center / contain no-repeat;filter:drop-shadow(0 1px 1px #0a082873);position:absolute;inset:-7px -15px -5px}#self-prem{z-index:2;color:#6e4700;background:radial-gradient(circle at 35% 28%, #fffbe0 0 18%, var(--gold-300) 45%, var(--gold-500));border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;top:-5px;left:-5px;box-shadow:0 0 0 2px #fff,0 2px 4px #0a082873}#self-prem[hidden]{display:none}#self-prem .ico{stroke-width:2.4px;width:13px;height:13px}.self-main{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}#self-name{white-space:nowrap;text-shadow:0 1px 2px #00000080;align-items:baseline;gap:6px;min-width:0;font-size:14px;font-weight:600;display:flex;overflow:hidden}#self-name small{color:#ffc2df;text-overflow:ellipsis;font-size:11.5px;font-weight:600;overflow:hidden}#hud .bar{box-shadow:inset 0 2px 3px #0006,0 0 0 1.5px #ffffff8c}#hud-self .bar{background:#08062473;height:14px}#hud-self .bar span{font-size:10.5px;line-height:14px}#hud-self .bar.exp{height:9px}#hud-self .bar.exp span{font-size:8.5px;line-height:9px}#hud-target{left:50%;top:calc(var(--pad) + var(--safe-t));transform:translateX(-50%) scale(var(--hs));transform-origin:50% 0;border-radius:var(--r-pill);align-items:center;gap:10px;min-width:240px;max-width:340px;padding:6px 16px 6px 6px;display:flex}#target-ring{flex:none;width:42px;height:42px;position:relative}#target-ico{background:radial-gradient(circle at 34% 26%,#ffffffb3 0 13%,#0000 14%),linear-gradient(145deg,#ff9db8,#e0405e);border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;font-weight:600;display:flex;box-shadow:0 0 0 2.5px #fff,0 3px 6px #0a082859}#hud-target[data-kind=player] #target-ico{background:radial-gradient(circle at 34% 26%, #ffffffb3 0 13%, transparent 14%), linear-gradient(145deg, var(--sky-300), var(--sky-600))}#hud-target[data-kind=npc] #target-ico{background:radial-gradient(circle at 34% 26%, #ffffffb3 0 13%, transparent 14%), linear-gradient(145deg, var(--gold-300), var(--gold-600))}#self-ring.has-portrait,#hud-target #target-ico.has-portrait,.char-ava.has-portrait,.soc-av.has-portrait{background:radial-gradient(circle at 50% 34%, #fffffff2 0 20%, #ffffff80 50%, #fff0 80%), linear-gradient(160deg, var(--a,var(--tone-bg,var(--sky-300))), var(--b,var(--tone,var(--sky-600))))}img.portrait{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border-radius:50%;width:100%;height:100%;display:block}#target-level{min-width:26px;height:16px;padding:0 5px;font-size:10px;bottom:-6px}#target-main{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}#target-name{text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 2px #00000080;font-size:14px;font-weight:600;overflow:hidden}#hud-target[data-kind=monster] #target-name{color:#ffd6e2}#hud-target[data-kind=npc] #target-name{color:var(--gold-200)}#hud-target[data-kind=drop] #target-name{color:var(--gold-300)}#target-hp{background:#08062473;height:14px}#target-hp span{font-size:10.5px;line-height:14px}#hud-target.no-ring{min-width:0;padding:8px 18px}#hud-target.no-ring #target-ring{display:none}#hud-target.no-ring #target-main{align-items:center}#hud-map{right:var(--hud-right);top:calc(var(--pad) + var(--safe-t));grid-template:"btns map" auto "bot bot" auto / auto var(--map);transform:scale(var(--hs));transform-origin:100% 0;gap:4px 6px;display:grid}#mm-frame{width:var(--map);height:var(--map);box-shadow:0 0 0 2.5px var(--c-pink-300), 0 6px 16px #0e083066;border:3px solid #fff;border-radius:26px;grid-area:map;padding:4px;position:relative;overflow:visible}#mm-frame:after{content:"";z-index:2;pointer-events:none;background:var(--art-seal) center / contain no-repeat;filter:drop-shadow(0 2px 2px #0a082873);width:40px;height:36px;position:absolute;bottom:-10px;left:-16px;transform:rotate(-10deg)}#minimap{cursor:pointer;border-radius:20px;width:100%;height:100%;display:block}#map-name{z-index:1;border-radius:var(--r-pill);text-overflow:ellipsis;white-space:nowrap;pointer-events:none;color:#fff;background:linear-gradient(var(--c-pink-400), var(--c-pink-600));max-width:calc(100% - 28px);text-shadow:0 1px 0 var(--c-pink-800), 1px 0 0 var(--c-pink-800), -1px 0 0 var(--c-pink-800), 0 -1px 0 var(--c-pink-800);padding:1px 12px;font-size:11.5px;font-weight:600;position:absolute;bottom:-12px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 0 0 2px #fff,0 2px 4px #0a082859}#map-name:empty{display:none}#map-coords{z-index:1;border-radius:var(--r-pill);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;color:#fff;background:#181a48cc;padding:1px 5px;font-size:10px;line-height:1.4;position:absolute;bottom:19px;right:7px;box-shadow:inset 0 0 0 1px #ffffff59}#map-coords:empty{display:none}#hud-map .mm-btns{flex-direction:column;grid-area:btns;align-items:flex-end;gap:6px;display:flex}#net-chip{font-variant-numeric:tabular-nums;text-shadow:0 1px #000,0 0 3px #000;background:#181a488c;border-radius:12px;flex-direction:column;align-items:center;gap:2px;width:40px;margin-top:2px;padding:4px 0 3px;font-size:11px;font-weight:600;line-height:1.05;display:flex;box-shadow:inset 0 0 0 1.5px #ffffff47,0 2px 6px #0a08284d}#net-chip>span{flex-direction:column;align-items:center;display:flex}#net-chip small{opacity:.85;letter-spacing:.04em;font-size:8.5px;font-weight:600}#net-status:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px;margin-bottom:2px;box-shadow:0 0 4px}#fps{color:#e8ecff;border-top:1px solid #ffffff40;padding-top:3px}#auto-dock{width:calc(var(--map) + 40px);grid-area:bot;justify-self:end;align-items:center;gap:6px;margin-top:14px;display:flex;position:relative}#btn-auto{border-radius:var(--r-pill);white-space:nowrap;min-width:0;height:34px;color:var(--sky-700);flex:1;gap:6px;padding:0 12px 0 4px;font-size:13px;font-weight:600}#btn-auto-go{color:#fff;background:linear-gradient(#6be8b5, var(--mint-600));border-radius:50%;flex:none;width:34px;height:34px;padding:0;box-shadow:0 0 0 2px #fff,0 2px #1e286e73}#btn-auto-go .ico{stroke-width:2.6px;width:16px;height:16px}#btn-auto-go.on{background:linear-gradient(#ff9d93, var(--coral-600,#e2574c))}#btn-auto-go:disabled{filter:grayscale();opacity:.6}#btn-auto-combo{width:34px;height:34px;color:var(--sky-400,#8fb4e8);position:relative}#btn-auto-combo .ico{stroke-width:2.2px;width:18px;height:18px}#btn-auto-combo .ac-badge{border-radius:var(--r-pill);font:700 8.5px/12px var(--font);letter-spacing:.04em;color:#fff;pointer-events:none;background:#9aa0c0;padding:0 4px;position:absolute;bottom:-7px;left:50%;transform:translate(-50%);box-shadow:0 0 0 1.5px #fff}#btn-auto-combo.on{color:#fff;background:radial-gradient(circle at 35% 28%, #ffe9a6, var(--gold-400) 60%, var(--gold-600));box-shadow:0 0 0 2px #fff,0 0 12px 3px #ffc93cb3,0 2px #1e286e73}#btn-auto-combo.on .ac-badge{background:var(--gold-700,#b06a00)}#btn-auto-combo:disabled{opacity:.5}#btn-auto .auto-ico{color:#fff;background:linear-gradient(var(--sky-300), var(--sky-500));border-radius:50%;flex:none;justify-content:center;align-items:center;width:26px;height:26px;display:flex;box-shadow:inset 0 -2px #0000001f}#btn-auto .auto-ico .ico{stroke-width:2.3px;width:16px;height:16px}#btn-auto .auto-label{font-variant-numeric:tabular-nums;flex:1;justify-content:center;align-items:center;gap:5px;min-width:0;display:flex}#btn-auto .auto-dot{background:var(--mint-600);width:9px;height:9px;box-shadow:0 0 0 2px #fff, 0 0 6px var(--mint-400);border-radius:50%;flex:none}#btn-auto.running{color:#0b5a3e;box-shadow:0 0 0 2.5px #fff, 0 0 0 4.5px var(--mint-400), 0 0 18px 4px #4fd3a0cc, 0 2px 0 #1e286e73;background:radial-gradient(circle at 35% 28%,#f1fff8 40%,#9be8c6)}#btn-auto.running .auto-ico{background:linear-gradient(#6be8b5, var(--mint-600))}#btn-auto.paused{box-shadow:0 0 0 2.5px #fff, 0 0 0 4.5px var(--gold-400), 0 0 16px 3px #ffbe28b3, 0 2px 0 #1e286e73}#btn-auto.paused .auto-dot{background:var(--gold-600);box-shadow:0 0 0 2px #fff, 0 0 6px var(--gold-400)}#net-status[data-status=online]{color:#9fffc4}#net-status[data-status=offline]{color:#ff9a8a}#net-status[data-status=connecting]{color:var(--gold-300)}#hud.map-hidden #mm-frame{visibility:hidden;border:0;height:0;padding:0}#hud.map-hidden{--map:0px}#hud.map-hidden #hud-map{grid-template-columns:auto 0}#hud.map-hidden #auto-dock{width:200px;margin-top:4px}#hud.qt-hidden #quest-tracker{display:none!important}#hud-chat{z-index:4;left:var(--hud-left);bottom:calc(var(--pad) + var(--safe-b));border-radius:var(--r-lg);background:#22245c66;flex-direction:column;gap:4px;width:400px;padding:6px;transition:background .3s;display:flex;position:absolute}#hud.chat-active #hud-chat,#hud.chatting #hud-chat,#hud-chat:hover{background:radial-gradient(circle, #ffffff12 1.6px, transparent 2.2px) 0 0 / 16px 16px, var(--glass)}.chat-head{align-items:center;gap:4px;display:flex}#chat-tabs{border-radius:var(--r-pill);scrollbar-width:none;background:#08062459;flex:1;gap:2px;min-width:0;padding:3px;display:flex;overflow-x:auto;box-shadow:inset 0 1px 2px #0000004d}#chat-tabs::-webkit-scrollbar{display:none}.ct-tab{border-radius:var(--r-pill);color:#f0ecffd9;white-space:nowrap;min-height:26px;transition:background .15s, color .15s, transform .24s var(--bounce);background:0 0;border:0;flex:1 0 auto;padding:0 10px;font-size:12px;font-weight:600}.ct-tab:hover{color:#fff}.ct-tab:active{transform:scale(.92)}.ct-tab.on{color:var(--sky-700);background:linear-gradient(#fff,#eef6ff);box-shadow:0 2px #00000040}.ct-tab[data-ch=whisper].on{color:#a8237a;background:linear-gradient(#fff,#ffeef7)}.ct-tab[data-ch=shout].on{color:#9a5200;background:linear-gradient(#fff,#fff5df)}.ct-tab[data-ch=party].on{color:#0d6b49;background:linear-gradient(#fff,#eafbf3)}.ct-tab[data-ch=guild].on{color:#5835b0;background:linear-gradient(#fff,#f2edff)}.chat-head .hud-ibtn{width:28px;height:28px}.chat-filters{border-radius:var(--r-md);background:#00000040;flex-wrap:wrap;gap:4px;padding:4px;display:flex}.chat-filters .switch{color:#fff;min-height:30px;margin:0;padding:0 8px 0 2px;font-size:12px}.chat-filters .switch i{width:34px;height:20px}.chat-filters .switch i:after{width:14px;height:14px}.chat-filters .switch input:checked+i:after{transform:translate(14px)}#chat-log{text-shadow:0 1px 2px #000000d9;touch-action:pan-y;scrollbar-color:#ffffff4d transparent;height:132px;padding:2px 6px;font-size:13px;line-height:1.45;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:var(--sky-200);font-weight:600}.ch-whisper{color:#ffc2ee}.ch-whisper b{color:#ff9ad8}.ch-shout{color:#ffe0a8}.ch-shout b{color:var(--gold-300)}.ch-party{color:#b5f5d6}.ch-party b{color:var(--mint-400)}.ch-guild{color:#d9ccff}.ch-guild b{color:var(--lilac-400)}.ch-sys{color:var(--gold-300)}#chat-form{align-items:center;gap:4px;display:flex}#chat-input{border-radius:var(--r-pill);color:#fff;background:#08062466;border:2px solid #ffffff47;outline:none;flex:1;min-width:0;height:32px;padding:0 14px;font-size:13px}#chat-input::placeholder{color:#f0ecff9e}#chat-input:focus{border-color:#ffc2df;box-shadow:0 0 0 3px #ff8fb859}#chat-send{background:radial-gradient(circle at 35% 28%, #ffd3e6, var(--c-pink-500));color:#fff}#hud.chat-expanded #chat-log{height:300px}#hud.chat-hidden #chat-log,#hud.chat-hidden #chat-filters,#btn-chat{display:none}#sys-msg{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:4px;display:flex;position:absolute}.hotbar{border-radius:20px;gap:4px;padding:5px;display:flex}#hotbar-1{padding-left:4px}.hot-page{flex-direction:column;justify-content:space-between;align-items:center;width:20px;margin-right:1px;display:flex}.hp-btn{color:#fff;cursor:pointer;background:#ffffff24;border:0;border-radius:7px;justify-content:center;align-items:center;width:20px;height:13px;padding:0;transition:background .15s;display:flex}.hp-btn:hover{background:var(--c-pink-500)}.hp-btn .ico{stroke-width:3px;width:11px;height:11px}.hp-num{text-shadow:0 1px #00000059;font-size:13px;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:2.5px solid var(--gold-400);outline-offset:2px;border-radius:10px}body.hot-dragging,body.hot-dragging *{cursor:grabbing!important}.hot,.mskill{color:#fff;border:0;padding:0;position:relative;overflow:hidden}.hot{width:42px;height:42px;transition:box-shadow .15s, transform .24s var(--bounce);background:linear-gradient(#ffffff29,#ffffff0d);border-radius:13px;box-shadow:inset 0 0 0 2px #ffffff38,inset 0 -3px #0000002e}.hot:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 2px #ffc2df,0 0 12px #ff8fb8a6}.hot:active{transition-duration:60ms;transform:scale(.9)}.hot .icon,.mskill .icon{border-radius:11px;width:auto;height:auto;position:absolute;inset:3px}.hot-key{z-index:3;border-radius:var(--r-pill);text-align:center;color:#fff;background:linear-gradient(var(--sky-400), var(--sky-600));min-width:15px;padding:0 4px;font-size:10px;font-weight:600;line-height:14px;position:absolute;top:2px;left:2px;box-shadow:0 0 0 1.5px #fff}#hotbar-2 .hot-key{background:linear-gradient(var(--c-pink-400), var(--c-pink-600))}#hotbar-1[data-page="2"] .hot-key,#hotbar-1[data-page="2"] .hp-num{background:linear-gradient(var(--lilac-400), var(--lilac-600))}#hotbar-1[data-page="2"] .hp-num{border-radius:7px;padding:0 5px;box-shadow:0 0 0 1.5px #fff}: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:#f0ecff73;background:0 0;font-size:12px;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 #000,0 0 3px #000;color:#fff;background:conic-gradient(#140e3cb3 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:cd-pop .42s var(--bounce)}.cd-ready>.cd{animation:.42s ease-out cd-flash}.cd-shake{animation:.3s ease-in-out cd-shake}@keyframes cd-pop{40%{transform:scale(1.1)}}@keyframes cd-flash{0%{box-shadow:inset 0 0 0 40px #fffc}to{box-shadow:inset 0 0 0 40px #fff0}}@keyframes cd-shake{20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-2px)}80%{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{box-shadow:0 0 0 2px #ffd34d,0 0 10px 2px #ffc428bf}:is(.hot,.mskill).need .icon{filter:grayscale()brightness(.7);opacity:.45}.icon.icon-generic{background:#ffffff1f;justify-content:center;align-items:center;display:flex}.icon.icon-generic svg{width:60%;height:60%}#hud-menu{z-index:6;right:var(--hud-right);bottom:calc(var(--pad) + var(--safe-b));flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute}.menu-bar{transform:scale(var(--hs));transform-origin:100% 100%;border-radius:22px;gap:2px;padding:4px;display:flex}.mbtn{--mc-a:#9fe0ff;--mc-b:#3a8fe0;color:#f3f0ff;width:56px;height:56px;transition:background .15s, color .15s, transform .24s var(--bounce);background:0 0;border:0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:0;display:flex;position:relative}.mbtn:is([data-win=win-inv],[data-win-btn=win-inv],[data-win-btn=win-craft],[data-win-btn=win-stall],[data-win-btn=win-ihist],[data-win-btn=win-bank]){--mc-a:#9ff0cf;--mc-b:#1fa97a}.mbtn:is([data-win=win-skills],[data-win-btn=win-skills],[data-win-btn=win-pet],[data-win-btn=win-bpet]){--mc-a:#d9c9ff;--mc-b:#7a52e6}.mbtn:is([data-win-btn=win-quest],[data-win-btn=win-attend],[data-win-btn=win-playtime],[data-win-btn=win-marble],[data-win-btn=win-dungeon]){--mc-a:#ffd2ad;--mc-b:#ec6e26}.mbtn:is([data-win-btn=win-social],[data-win-btn=win-mail],[data-win-btn=win-partywin],[data-win-btn=win-pboard]){--mc-a:#ffc2df;--mc-b:#e3478f}.mbtn:is([data-win-btn=win-mall],[data-win-btn=win-cash],[data-win-btn=win-topup],[data-win-btn=win-rank],[data-win-btn=win-fame]){--mc-a:#ffe58f;--mc-b:#e09a00}.mbtn:is([data-win=win-settings],[data-win=win-sysmenu],#btn-fullscreen,#btn-more,#btn-hudlayout){--mc-a:#e3e6f5;--mc-b:#7c84a8}.mbtn:hover{color:#fff;background:#ffffff1f}.mbtn:hover .mbtn-ico{transform:translateY(-2px)rotate(-6deg)scale(1.08)}.mbtn:active{transition-duration:60ms;transform:scale(.92)}.mbtn.active,.mbtn[aria-expanded=true]{color:#fff;background:#ffc2df38}.mbtn-ico{color:#fff;background:radial-gradient(circle at 34% 26%, #ffffffbf 0 14%, transparent 15%), linear-gradient(160deg, var(--mc-a), var(--mc-b));width:30px;height:30px;transition:transform .28s var(--bounce);border-radius:50%;justify-content:center;align-items:center;font-size:18px;line-height:1;display:flex;box-shadow:0 0 0 2px #ffffffe6,0 2px 0 2px #0a08284d}.mbtn-ico .ico{stroke-width:2.4px;filter:drop-shadow(0 1px #140a3c73);width:18px;height:18px}.mbtn small{white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 2px #00000080;max-width:100%;font-size:10.5px;font-weight:600;line-height:1.1;overflow:hidden}.mbtn.notify:after,#btn-menu.notify:after,#btn-more.notify:after{content:"";background:radial-gradient(circle at 35% 30%,#ffd0dc,#ff4f7b);border-radius:50%;width:11px;height:11px;position:absolute;top:3px;right:8px;box-shadow:0 0 0 2px #fff,0 0 8px #ff6f9c}#hud .menu-items{transform-origin:100% 100%;background:radial-gradient(circle, #ffffff12 1.6px, transparent 2.2px) 0 0 / 16px 16px, var(--glass-2);animation:pop-grid .3s var(--bounce);border-radius:24px;grid-template-columns:repeat(4,76px);gap:4px;padding:10px;display:none}@keyframes pop-grid{0%{opacity:0;transform:translateY(8px)scale(.9)}}#hud.menu-open .menu-items{display:grid}#hud .menu-items .mbtn{width:76px;height:72px}#hud .menu-items .mbtn-ico{width:36px;height:36px}#hud .menu-items .mbtn-ico .ico{width:20px;height:20px}#hud .menu-items .mbtn small{white-space:normal;text-align:center;font-size:11px}#hud .menu-items .mbtn[data-sys]{background:#ffffff0f}#hud-menu{flex-direction:column-reverse}#btn-menu{background:radial-gradient(circle at 35% 28%, #fff 45%, var(--sky-100));width:48px;height:48px;color:var(--sky-600);border:0;border-radius:18px;justify-content:center;align-items:center;padding:0;position:relative;box-shadow:0 3px #1e286e73,0 4px 10px #0a08284d}#btn-menu .ico{stroke-width:2.4px;width:24px;height:24px}body:not(.touch) #win-inv{left:auto;right:calc(16px + var(--safe-r));top:calc(8px + var(--map) + 44px);--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) + 20px);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(84px + var(--safe-l));top:calc(100% - 104px - var(--safe-b));width:var(--joy-d);height:var(--joy-d);margin:calc(var(--joy-d) / -2) 0 0 calc(var(--joy-d) / -2);opacity:.75;background:radial-gradient(circle,#0000 46%,#ffffff59 47% 49%,#0000 50%),radial-gradient(circle,#22245c1f 40%,#22245c6b);border:3px solid #ffffff8c;border-radius:50%;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;box-shadow:0 4px 14px #0a082840}#joy-base.active{opacity:1}#joy-knob{background:radial-gradient(circle at 34% 28%,#fff 0 16%,#ffd3e6 17%,#ff9cc9 60%,#f06aa6);border:3px solid #fff;border-radius:50%;width:56px;height:56px;box-shadow:0 4px 10px #0a082873,inset 0 -3px #a01e5a40}#mobile-actions{--ma-s:1;right:calc(12px + var(--safe-r));bottom:calc(18px + 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:radial-gradient(circle at 34% 26%,#fffc 0 12%,#0000 13%),radial-gradient(circle at 40% 32%,#ffb3cf,#ff6f9c 55%,#e0407a);border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;padding:0;display:flex;position:absolute;bottom:0;right:0;box-shadow:0 0 0 3px #ff8fb88c,0 5px #b8326a,0 8px 18px #0a082873}#btn-attack .ico{stroke-width:2.4px;filter:drop-shadow(0 1px #9b1f55)drop-shadow(0 -1px #9b1f55);width:40px;height:40px}#btn-attack:active{transform:translateY(3px)scale(.94);box-shadow:0 0 0 3px #ff8fb88c,0 2px #b8326a,0 4px 10px #0a082873}#btn-attack.off{filter:grayscale()brightness(.8);opacity:.55}#mobile-skills{pointer-events:none;position:absolute;inset:0}#mobile-skills .mskill,#btn-potion{pointer-events:auto;touch-action:none;background:radial-gradient(circle,#ffffff14,#22245c99);border:3px solid #fff;border-radius:50%;width:58px;height:58px;position:absolute;box-shadow:0 0 0 2px #8edcff99,0 3px 8px #0a082866}#mobile-skills .mskill .icon,#btn-potion .icon{border-radius:50%;inset:3px}#mobile-skills .mskill .cd,#btn-potion .cd{border-radius:50%;font-size:15px}#mobile-skills .mskill:first-child{bottom:0;right:100px}#mobile-skills .mskill:nth-child(2){bottom:68px;right:92px}#mobile-skills .mskill:nth-child(3){bottom:124px;right:50px}#mobile-skills .mskill:nth-child(4){bottom:100px;right:0}#mobile-skills .mskill:nth-child(5){bottom:112px;right:160px}#mobile-skills .mskill:not(:has(.icon)){opacity:.35}#btn-potion{width:50px;height:50px;bottom:34px;right:166px;box-shadow:0 0 0 2px #ff8fb8a6,0 3px 8px #0a082866}#btn-potion .slot-count{bottom:4px;right:6px}#btn-hotpage{touch-action:none;color:#fff;background:radial-gradient(circle at 40% 30%, var(--lilac-400), var(--lilac-600));border:3px solid #fff;border-radius:50%;justify-content:center;align-items:baseline;width:44px;height:44px;padding:9px 0 0;line-height:1;display:flex;position:absolute;bottom:170px;right:4px;box-shadow:0 0 0 2px #a68cff99,0 3px 8px #0a082866}#btn-hotpage b{font-size:18px;font-weight:700}#btn-hotpage small{opacity:.85;font-size:11px}#btn-hotpage:active{transform:scale(.92)}body.touch #hud{--pad:6px;--self-w:236px;--self-h:64px;--map:108px;--hud-cast-bottom:calc(250px + var(--safe-b));--glass:#22245cb3}:is(body.touch,html[data-quality=low] body) :is(.glass,#hud-self,#hud-target,#mm-frame,.hotbar,.menu-bar,#hud .menu-items,#joy-base,#mobile-skills .mskill,#btn-potion,#quest-tracker,#party-frames .pf,#castbar,.dgn-hud,.dgn-events,.mega-banner,.guild-notice){-webkit-backdrop-filter:none}body.touch #mm-frame:after{width:30px;height:28px;bottom:-8px;left:-12px}body.touch #self-ring{box-shadow:inset 0 -3px #0000001f,0 0 0 2.5px #fff,0 0 0 4px #ff8fb8bf,0 3px 8px #0a082866}body.touch #hud-self{gap:8px;padding:5px 10px 5px 5px}body.touch .self-ava,body.touch #self-ring{width:50px;height:50px;font-size:21px}body.touch #self-name{font-size:13px}body.touch #hud-self .bar{height:12px}body.touch #hud-self .bar span{font-size:9.5px;line-height:12px}body.touch #hud-self .bar.exp{height:7px}body.touch #hud-self .bar.exp span{display:none}body.touch #hud-map{grid-template:"btns map" auto ". bot" auto / auto var(--map)}body.touch #hud-map .mm-btns>.hud-ibtn{display:none}body.touch #auto-dock{width:var(--map);gap:5px;margin-top:13px}body.touch #btn-auto{gap:0;height:44px;padding:0 6px;font-size:12px}body.touch #btn-auto-go{width:44px;height:44px}body.touch #btn-auto-go .ico{width:20px;height:20px}body.touch #btn-auto-combo{width:44px;height:44px;position:absolute;top:0;right:calc(100% + 6px)}body.touch #btn-auto-combo .ico{width:22px;height:22px}body.touch #btn-auto .auto-ico{display:none}body.touch #btn-auto .auto-label{gap:4px}body.touch #mm-frame{border-radius:20px;padding:3px}body.touch #minimap{border-radius:15px}body.touch #map-name{padding:0 9px;font-size:10px;bottom:-10px}body.touch #hud-menu{top:calc(var(--pad) + var(--safe-t) + var(--map) + 84px);flex-direction:column;bottom:auto}body.touch #hud .menu-items{left:max(8px, var(--safe-l));right:max(8px, var(--safe-r));top:calc(70px + var(--safe-t));z-index:20;width:auto;max-height:calc(100dvh - 90px);box-shadow:var(--shadow-3);grid-template-columns:repeat(auto-fill,minmax(76px,1fr));padding:12px;position:fixed;overflow-y:auto}body.touch #hud{--hud-right-top:calc(var(--pad) + var(--safe-t) + var(--map) + 138px)}body.touch #hud.menu-open:before{content:"";pointer-events:auto;z-index:19;background:#060c1a59;position:fixed;inset:0}body.touch #hud.menu-open #hud-menu{z-index:20}body.touch #hud-chat{left:var(--hud-left);bottom:calc(232px + var(--safe-b));width:min(300px,64vw);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-color:#0000;padding:0 4px}body.touch #chat-log{height:74px;font-size:12px;-webkit-mask-image:linear-gradient(#0000,#000 35%);mask-image:linear-gradient(#0000,#000 35%)}body.touch #hud:not(.chat-active):not(.chat-expanded):not(.chatting) #chat-log{opacity:.6}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:15;left:max(6px, var(--safe-l));right:max(6px, var(--safe-r));width:auto;bottom:calc(6px + var(--safe-b));background:var(--glass-2);border-color:var(--glass-line);box-shadow:var(--shadow-3);-webkit-backdrop-filter:none;backdrop-filter:none;padding:8px}body.touch #hud.chat-expanded #chat-log,body.touch #hud.chatting #chat-log{opacity:1;height:34dvh;-webkit-mask-image:none;mask-image:none}body.touch .ct-tab{min-height:44px;padding:0 12px;font-size:13px}body.touch .chat-head .hud-ibtn,body.touch #chat-send{width:44px;height:44px}body.touch #chat-input{height:44px;font-size:16px}body.touch .chat-filters .switch{min-height:44px}body.touch #btn-chat{z-index:4;left:var(--hud-left);bottom:calc(188px + var(--safe-b));width:44px;height:44px;color:var(--c-pink-600);background:radial-gradient(circle at 35% 28%,#fff 45%,#ffe0ef);border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;position:absolute;box-shadow:0 3px #961e5a73,0 4px 10px #0a08284d;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-target{min-width:0;max-width:calc(100vw - 24px)}@media (orientation:portrait){body.touch #hud{--self-w:min(236px, calc(100vw - 176px))}body.touch #hud-target{top:calc(var(--pad) + var(--safe-t) + var(--map) + 70px);max-width:calc(100vw - 2 * (var(--hud-right) + 56px))}body.touch #hud.win-open #hud-map,body.touch #hud.win-open #hud-target,body.touch #hud.win-open #hud-self,body.touch #hud.win-open #hud-menu{visibility:hidden}}@media (orientation:landscape) and (max-height:520px){body.touch #hud{--self-w:220px;--self-h:58px;--map:92px;--hud-cast-bottom:calc(150px + var(--safe-b));--hud-right-top:calc(var(--pad) + var(--safe-t) + var(--map) + 86px)}body.touch .self-ava,body.touch #self-ring{width:46px;height:46px;font-size:19px}body.touch #hud-menu{top:calc(var(--pad) + var(--safe-t));right:calc(var(--hud-right) + var(--map) + 58px)}body.touch #hud-dgn-col,body.touch #quest-tracker{right:calc(12px + 224px + 12px + var(--safe-r))}body.touch #hud-target{top:calc(var(--pad) + var(--safe-t));max-width:calc(100vw - var(--self-w) - var(--map) - 90px)}body.touch #hud-chat{bottom:calc(150px + var(--safe-b));width:min(280px,34vw)}body.touch #chat-log{height:56px}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,70vw);left:50%;right:auto;bottom:calc(4px + var(--safe-b));transform:translate(-50%)}body.touch #hud.chat-expanded #chat-log,body.touch #hud.chatting #chat-log{height:120px}body.touch #joy-zone{--joy-d:112px;width:40vw;height:60vh}body.touch #joy-base{left:calc(80px + var(--safe-l));top:calc(100% - 82px - var(--safe-b))}body.touch #mobile-actions{--ma-s:.82;transform:scale(var(--ma-s));transform-origin:100% 100%;bottom:calc(8px + var(--safe-b))}body.touch #btn-potion,body.touch #btn-hotpage{width:54px;height:54px}}@media (max-width:1340px){body:not(.touch) #hud-chat{width:330px}body:not(.touch) #hotbars{left:calc(var(--hud-left) + 338px);transform:scale(var(--hs));transform-origin:0 100%}}@media (max-width:1279px){body:not(.touch) .menu-bar .mbtn{width:48px}body:not(.touch) .menu-bar .mbtn small{display:none}body:not(.touch) .menu-bar .mbtn{height:46px}}@media (max-width:1215px){body:not(.touch) #hotbars{left:auto;right:var(--hud-right);bottom:calc(66px + var(--safe-b));transform:scale(var(--hs));transform-origin:100% 100%}body:not(.touch) #hud{--hud-cast-bottom:calc(180px + var(--safe-b))}}.guest-entry{margin-top:14px}.guest-entry[hidden]{display:none}.guest-or{color:var(--ink-3);font-size:var(--fs-sm);align-items:center;gap:10px;margin:0 0 4px;font-weight:600;display:flex}.guest-or:before,.guest-or:after{content:"";border-top:2px dotted color-mix(in srgb, var(--sky-300) 70%, #fff);flex:1}.btn.guest-btn{--btn-edge:var(--c-pink-700);--halo:var(--c-pink-800);border-color:var(--c-pink-600);color:#fff;background:linear-gradient(var(--c-pink-300), var(--c-pink-500) 58%, var(--c-pink-600));text-shadow:0 1px 0 var(--halo), 1px 0 0 var(--halo), -1px 0 0 var(--halo), 0 -1px 0 var(--halo), 0 2px 2px #0000002e}.btn.guest-btn:before{background:linear-gradient(#ffffff8c,#ffffff0a)}.btn.guest-btn:hover:not(:disabled){background:linear-gradient(var(--c-pink-200), var(--c-pink-400) 58%, var(--c-pink-600));border-color:var(--c-pink-600)}.btn.guest-btn .ico{filter:drop-shadow(0 1px 0 var(--halo))}.btn.guest-btn.continue{white-space:normal}.guest-note{text-align:center;color:var(--ink-2);font-size:var(--fs-xs);margin:8px 2px 0;line-height:1.45}.guest-entry .msg{text-align:center;margin:6px 0 0}.guest-entry .msg:empty{display:none}.auth-card .guest-entry.busy .btn{opacity:.7}.dialog.guest-dlg{text-align:left;width:min(400px,100vw - 20px);padding:18px 8px 14px 18px;top:52%}.guest-dlg-body{overscroll-behavior:contain;max-height:calc(100dvh - 110px);padding-right:10px;overflow-y:auto}.guest-dlg .dlg-ico{margin-bottom:6px}.guest-dlg-title{text-align:center;font-size:var(--fs-xl);color:var(--sky-700);margin:0 0 4px;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 12px;line-height:1.5}.guest-dlg .field{margin-bottom:10px}.guest-dlg .field input{width:100%}.guest-dlg .msg{text-align:center;min-height:20px;color:var(--coral-600);font-weight:600;font-size:var(--fs-sm);margin:2px 0 6px}.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}.guest-hint{border-radius:var(--r-lg);border:2px solid var(--gold-300);background:linear-gradient(180deg, var(--cream-50), #fff);box-shadow:0 3px 0 var(--gold-200);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px 10px;margin:0 0 10px;padding:10px 12px;display:grid}.guest-hint[hidden]{display:none}.guest-hint-ico{width:34px;height:34px;color:var(--gold-600);box-shadow:0 0 0 2px var(--gold-300);background:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex}.guest-hint-ico .ico{width:20px;height:20px}.guest-hint-txt{flex-direction:column;gap:2px;min-width:0;display:flex}.guest-hint-txt b{color:var(--gold-700);font-size:var(--fs-md)}.guest-hint-txt small{color:var(--ink-2);font-size:var(--fs-xs);line-height:1.45}.guest-hint .btn{grid-column:1/-1;width:100%;margin-top:4px}.cs-top .btn.cs-guest-bind[hidden]{display:none}.lastinfo .lastinfo-guest{color:var(--gold-300);font-weight:600}@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:#a9b5cc;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:#8a96ad;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:#fff}.item-tip .it-set-part.worn .it-set-mark{color:#7debb5}.item-tip .it-set-part.owned{color:#c3cde0}.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:#8a96ad;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:#a9b5cc;-webkit-text-decoration:line-through #a9b5cc80;text-decoration:line-through #a9b5cc80}.item-tip .it-set-tier.on{color:#0d3524;background:#7debb5}.item-tip .it-set-tier.on b{color:#0d3524}.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}.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(#b99bff,#7a52e6);min-width:18px;padding:0 5px;font-size:10.5px;line-height:16px;box-shadow:0 0 0 1.5px #fff}.inv-cash-shared-h{border-radius:var(--r-md);font-size:var(--fs-xs);color:var(--ink-2);background:linear-gradient(#f6f1ff,#ece3ff);flex-direction:column;grid-column:1/-1;gap:1px;margin-top:6px;padding:6px 10px;line-height:1.35;display:flex;box-shadow:inset 0 0 0 1.5px #d5c4ff}.inv-cash-shared-h b{color:var(--lilac-600);font-size:var(--fs-sm)}.inv-grid .slot.cash-shared{box-shadow:inset 0 0 0 2px #c9b3ff}.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{background:linear-gradient(#fffbe8,#ffe9a8)}.slot-time{z-index:3;border-radius:var(--r-pill);color:#fff;pointer-events:none;white-space:nowrap;background:#7a52e6d9;padding:0 3px;font-size:9.5px;font-weight:600;line-height:13px;position:absolute;bottom:1px;left:1px;box-shadow:0 0 0 1.2px #ffffffe6}.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-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, #fff, var(--sky-50) 65%, var(--cream-100));align-items:center;gap:12px;padding:10px 14px;display:flex}.pa-bubble{color:#fff;background:radial-gradient(circle at 35% 28%, #fff 0 14%, var(--sky-300) 15%, var(--sky-600));border-radius:50%;flex:none;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 0 0 3px #fff,0 2px 6px #5032a040}.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(--sky-500), 0 0 0 3px var(--gold-300)}.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-100)}.pa-tier.low .pa-pct,.pa-tier.low .pa-tier-note{color:var(--coral-700)}.pa-tier.top{border-color:var(--gold-300);background:linear-gradient(#fffdf2,#fff4cf)}.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{border-bottom:1px dashed var(--line);font-size:var(--fs-sm);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, #fff, var(--sky-50) 70%, #fff4cf);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{border-bottom:1px dashed var(--line);font-size:var(--fs-sm);font-variant-numeric:tabular-nums;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-style:solid}.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{border-color:var(--gold-300);background:linear-gradient(#fffdf2,#fff4cf)}#win-npc .npc-choice-svc .npc-choice-ico{color:var(--gold-600)}.eo-tip{font-size:var(--fs-xs);border-top:1px dashed #d8a8ff59;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:linear-gradient(120deg, #fff, var(--sky-50) 65%, var(--cream-100));align-items:center;gap:12px;padding:10px 14px;display:flex}.eo-bubble{color:#fff;background:radial-gradient(circle at 35% 28%,#fff 0 14%,#c39bff 15%,#7a4bd6);border-radius:50%;flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 0 0 3px #fff,0 2px 6px #5032a040}.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 #7a4bd6, 0 0 0 3px var(--gold-300)}.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:#5b2fb0;background:#f1e8ff;border-radius:999px;padding:1px 8px}.eo-chip.neg{color:var(--coral-700);background:var(--coral-50,#fff0ef)}.eo-foot .btn{flex:160px}.eo-result{background:linear-gradient(160deg,#fff,#f6efff 70%,#fff4cf);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{border-bottom:1px dashed var(--line);font-size:var(--fs-sm);font-variant-numeric:tabular-nums;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-style:solid}.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{font-size:var(--fs-xs);color:var(--ink-2);background:#faf6ff;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}#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(#fffbe8,#ffe9a8)}body:not(.touch) #win-cash{left:auto;right:calc(16px + var(--safe-r) + 412px);top:calc(8px + var(--map) + 44px);animation-name:win-in-placed;transform: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:linear-gradient(135deg, #fff, var(--sky-50));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}.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{color:#6b4200;background:#fff3d6;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{color:var(--sky-600);background:#fff}.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);border:2px solid var(--sky-200);height:250px;box-shadow:inset 0 0 0 3px #fff, 0 3px 0 var(--sky-200);background:radial-gradient(ellipse 60% 48% at 50% 58%, #fffffff2, #fff0 70%), var(--dots), linear-gradient(180deg, var(--sky-100), var(--c-pink-50) 78%, var(--c-pink-100));background-size:auto,18px 18px,auto;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:#ffffffd9;padding:1px 10px;position:absolute;top:6px;left:50%;transform:translate(-50%)}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}.npc-speech{white-space:pre-wrap;color:var(--ink);line-height:1.65;font-size:var(--fs-md);background:linear-gradient(#fffdf7, var(--cream-100));border:1px solid var(--cream-300);border-radius:var(--r-lg);margin:2px 0 12px;padding:12px 14px;position:relative;box-shadow:inset 0 1px #fff}.npc-row-ico{background:var(--sky-50);width:40px;height:40px;color:var(--sky-600);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.npc-row-ico.shop{color:var(--gold-600);background:#fff6dc}#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-600);background:var(--coral-100);border-color:#ffc9c6}.list-row.poor .slot{filter:grayscale(.7);opacity:.75}.shop-sell .hint{text-align:center;margin:0 0 8px}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,#ffffff38 1px,#0000 1.5px) 0 0/8px 8px,#100a3438;position:fixed;inset:0}.hle-boxes{position:absolute;inset:0}.hle-box{cursor:move;background:#7ec8ff29;border:2px dashed #ffffffeb;border-radius:10px;position:absolute;box-shadow:0 0 0 1px #140c3c8c,inset 0 0 0 1px #140c3c59}.hle-box:hover{background:#7ec8ff42}.hle-box.custom{border-color:var(--gold-300)}.hle-box.off{background:repeating-linear-gradient(135deg,#ffffff24 0 6px,#100a344d 6px 12px)}.hle-box.sel{border-style:solid;border-color:var(--gold-400);background:#ffd65a33;box-shadow:0 0 0 3px #ffbe2873,0 0 0 1px #140c3c99}.hle-tag{border-radius:var(--r-pill);text-overflow:ellipsis;white-space:nowrap;pointer-events:none;max-width:max(100%,180px);font:600 12px/18px var(--font);color:#fff;background:linear-gradient(var(--sky-500), var(--sky-700));padding:1px 9px;position:absolute;bottom:calc(100% + 3px);left:-2px;overflow:hidden;box-shadow:0 0 0 1.5px #fff,0 2px 5px #0a082866}.hle-box.custom .hle-tag{background:linear-gradient(var(--lilac-400), var(--lilac-600))}.hle-box.sel .hle-tag{color:#4a2b00;background:linear-gradient(#fff3b0, var(--gold-400))}.hle-box.top .hle-tag{top:3px;bottom:auto;left:3px}.hle-pin{pointer-events:none;width:10px;height:10px;box-shadow:0 0 0 2.5px var(--c-pink-500), 0 1px 3px #0a082880;background:#fff;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.hle-pin[hidden]{display:none}.hle-grip{touch-action:none;background:radial-gradient(circle at 35% 30%, #fff 30%, var(--gold-300));width:22px;height:22px;box-shadow:0 0 0 2px var(--gold-600), 0 2px 5px #0a082873;border-radius:50%;display:none;position:absolute}.hle-grip:before{content:"";border-radius:50%;position:absolute;inset:-11px}.hle-grip:after{content:"";border-right:2px solid var(--gold-700);border-bottom:2px solid var(--gold-700);position:absolute;inset:6px}.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:1.5px solid var(--c-pink-400);width:0;box-shadow:0 0 4px var(--c-pink-300);top:0;bottom:0}.hle-guide.y{border-top:1.5px solid var(--c-pink-400);height:0;box-shadow:0 0 4px var(--c-pink-300);left:0;right:0}.hle-tools{z-index:300;border-radius:var(--r-pill);background:var(--surface,#fff);box-shadow:0 0 0 2px var(--gold-300), var(--shadow-3);align-items:center;gap:6px;padding:6px 8px;display:flex;position:absolute}.hle-tools[hidden]{display:none}.hle-tname{text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:var(--fs-sm);color:var(--ink);padding:0 4px;overflow:hidden}.hle-pct{text-align:center;font-variant-numeric:tabular-nums;min-width:46px;color:var(--ink);font-weight:700}.hle-tools .btn[hidden]{display:none}.hle-panel{z-index:200;border-radius:var(--r-lg);background:var(--surface,#fff);width:min(440px,100vw - 16px);box-shadow:0 0 0 3px #fff, 0 0 0 5px var(--sky-300), var(--shadow-3);padding:10px 12px 12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hle-head{cursor:grab;touch-action:none;font-size:var(--fs-md,15px);align-items:center;gap:8px;display:flex}.hle-head:active{cursor:grabbing}.hle-move{color:#fff;background:linear-gradient(var(--sky-300), var(--sky-600));border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.hle-move .ico{width:18px;height:18px}.hle-prof{margin-left:auto}.hle-hint{color:var(--ink-2);margin:6px 0 0;font-size:12px;line-height:1.45}.hle-hint:not(.hle-how){color:var(--ink);font-weight:600}.hle-row{gap:8px;margin-top:10px;display:flex}.hle-row .btn{flex:1;justify-content:center}.hle.dragging .hle-panel,.hle.dragging .hle-tools{opacity:.2;pointer-events:none;transition:opacity .15s}body.touch .hle-tools .btn,body.touch .hle-row .btn{min-width:44px;min-height:44px}body.touch .hle-tools{gap:4px;padding:5px 6px}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(400px,100vw - 16px);padding:8px 10px 10px}.hle-how{display:none}.hle-row{margin-top:6px}}@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:linear-gradient(var(--sky-50), var(--cream-100));width:84px;height:84px;box-shadow:inset 0 0 0 1px var(--line), var(--shadow-1);flex:none}.npc-bubble{border-radius:var(--r-lg);background:var(--card);border:1px solid var(--line);min-width:0;box-shadow:var(--shadow-1);flex:1;padding:10px 12px;position:relative}.npc-portrait:not([hidden])+.npc-bubble:before{content:"";background:var(--card);border-left:1px solid var(--line);border-bottom:1px solid var(--line);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}.npc-choice{color:var(--ink);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}.npc-choice-accept{border-color:var(--gold-300);background:linear-gradient(#fffdf6,#fff3d6)}.npc-choice-done{background:linear-gradient(#fbfffd, var(--mint-100));border-color:#a6e8cb}.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{border-color:#a6e8cb}.q-pin{width:16px;height:16px;color:var(--sky-500);flex:none}.q-card{border-radius:var(--r-lg);background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-1);flex-direction:column;gap:8px;padding:12px 14px;display:flex}.q-card.ready{box-shadow:var(--shadow-1), inset 0 3px 0 var(--mint-400);border-color:#a6e8cb}.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:1px solid var(--glass-line);border-radius:var(--r-lg);box-shadow:var(--shadow-2);-webkit-backdrop-filter:blur(10px);flex-direction:column;display:flex;position:absolute;overflow:hidden}#quest-tracker .qt-head{cursor:pointer;flex:none;align-items:center;gap:6px;min-height:34px;padding:0 2px 0 10px;font-weight:600;display:flex}#quest-tracker .qt-ico{color:var(--gold-300);width:18px;height:18px}#quest-tracker .qt-title{flex:1;min-width:0}#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%, #fff, var(--tone-bg) 70%);box-shadow:inset 0 0 0 2px var(--tone), var(--shadow-1);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{width:11px;height:11px;box-shadow:none;border:2px solid #fff;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:#8a94a8;--tone-bg:#e9edf3}.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:#c0489a;--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:#4f8f1e;--tone-bg:#e6f6d5}.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 #ffffff80}#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(#8ff0c8, 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-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:#fff9}.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, #fff, var(--sky-50));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(--sky-700);box-shadow:var(--shadow-1);background:#fff;border-radius:50%;font-size:11px;line-height:18px;position:absolute;bottom:-4px;right:-4px}.soc-emblems{border-radius:var(--r-md);background:var(--sky-50,#f2f8ff);border:1px solid var(--sky-200);grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:6px;margin-bottom:8px;padding:8px;display:grid}.soc-emblems button{aspect-ratio:1;border-radius:var(--r-sm,8px);cursor:pointer;color:var(--ink-2);background:#fff;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(--sky-300)}.soc-emblems button.on{border-color:var(--gold-500);box-shadow:0 0 0 2px var(--gold-200)}.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);border:1px solid var(--gold-200);color:var(--ink);white-space:pre-line;background:#fff6dc;align-items:flex-start;gap:8px;padding:8px 10px;display:flex}.soc-notice .ico{color:var(--gold-600);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{border-color:var(--gold-400);box-shadow:0 0 0 2px #f4a91d40, var(--shadow-1);background:#fffaf0}.trade-side.confirmed{border-color:var(--mint-400);box-shadow:0 0 0 2px #4fd3a04d, var(--shadow-1);background:#f2fcf7}.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{background:var(--sunken);box-shadow:none;border:1.5px dashed var(--line-strong)}.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(--card);border:2px solid var(--line);border-radius:var(--r-xl);max-width:340px;box-shadow:0 4px 0 var(--sky-200), var(--shadow-1);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:radial-gradient(circle at 35% 30%, var(--sky-300), var(--sky-500));box-shadow:inset 0 0 0 3px #fff, 0 3px 0 var(--sky-700);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(--sky-700);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(--sunken);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 #00000059}.bankpass-step.done{color:var(--sky-700);background:var(--sky-100)}.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(--sky-300);width:16px;height:16px;transition:transform .12s var(--bounce), background .12s;background:#fff;border-radius:50%}.bankpass-dots i.on{background:var(--sky-500);border-color:var(--sky-600);transform:scale(1.12)}.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);border:2px solid var(--sky-200);height:52px;color:var(--ink);font:600 var(--fs-xl) / 1 inherit;cursor:pointer;box-shadow:0 4px 0 var(--sky-200);transition:transform .1s var(--ease), box-shadow .1s var(--ease);touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#fff;place-items:center;display:grid}.pad-key:hover:not(:disabled){background:var(--sky-50)}.pad-key:active:not(:disabled){box-shadow:0 1px 0 var(--sky-200);transform:translateY(3px)}.pad-key:focus-visible{box-shadow:0 4px 0 var(--sky-200), var(--ring);outline:none}.pad-key:disabled{opacity:.45;cursor:default}.pad-key.fn .ico{width:24px;height:24px}.pad-key.ok{color:var(--ink-inv);background:var(--sky-500);border-color:var(--sky-600);box-shadow:0 4px 0 var(--sky-700)}.pad-key.ok:hover:not(:disabled){background:var(--sky-600)}.pad-key.del{color:var(--sky-700);background:var(--sky-50)}.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:2px dashed var(--sky-200);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(--cream-100);border-color:var(--gold-300)}#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:#2a285ab8;padding:0 4px;font-size:10px;font-weight:600;line-height:14px;position:absolute;bottom:1px;left:1px;box-shadow:0 0 0 1.5px #ffffffd9}.slot-class{z-index:2;border-radius:var(--r-pill);pointer-events:none;color:#fff;background:#4a5876d1;padding:0 4px;font-size:9.5px;font-weight:700;line-height:13px;position:absolute;bottom:1px;left:1px;box-shadow:0 0 0 1.5px #ffffffe6}.slot-class.special{color:#4a2b00;background:linear-gradient(#ffe57a,#ffb21e)}#win-craft .craft-view{flex-direction:column;gap:10px;display:flex}#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 #bdeed8;align-items:center;gap:8px;padding:10px 12px;font-weight:600;line-height:1.35;display:flex}#win-craft .craft-result.warn{color:var(--gold-700);border-color:var(--gold-200);background:#fff6dc}#win-craft .craft-result.bad{background:var(--coral-100);color:var(--coral-700);border-color:#ffc9c6}#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:#fff}#win-craft .craft-helper-group{background:var(--paper-2,#00000008);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,#8a5a00);box-shadow:none;text-shadow:none;background:#fff}#win-craft .craft-helpers .btn.off{opacity:.45}#win-craft .craft-helpers .btn.blocked{max-width:100%;color:var(--ink-3);background:var(--sunken);box-shadow:none;text-shadow:none;cursor:help;border-style:dashed;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);background:var(--coral-100);border-color:#ffc9c6}#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:#0d2f52;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}body.touch #win-craft .craft-tabs .tab{min-height:44px}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:1px solid var(--glass-line);border-radius:var(--r-lg);color:var(--ink-inv);font-size:var(--fs-sm);box-shadow:var(--shadow-2);-webkit-backdrop-filter:blur(10px);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, #fff, var(--sky-50) 55%, var(--lilac-100));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-600));width:56px;height:56px;box-shadow: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-scroll .row-main small,.dgn-scroll .row-main b{white-space:normal}.dgn-boss{min-height:48px}.dgn-boss-ico{color:#fff;background:linear-gradient(#ff9a8f, var(--coral-600));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:var(--shadow-2);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%, var(--gold-600));color:#4a2b00}.dgn-banner.fail{background:linear-gradient(160deg,#8a94a8,#55617a)}.dgn-banner-ico{background:#ffffff8c;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex;box-shadow:0 0 0 4px #ffffff59}.dgn-banner.fail .dgn-banner-ico{background:#fff3}.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);border:1px solid var(--gold-200);background:#fff6dc;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;display:flex}.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}.dgn-place.p1{background:var(--gold-500);color:#fff}.dgn-place.p2{color:#fff;background:#9aa5b8}.dgn-place.p3{color:#fff;background:#c7783c}.dgn-alert{background:var(--coral-100);border-color:#ffc9c6;align-items:center;gap:10px;display:flex}.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);border:1px solid var(--line);flex-direction:column;flex:1;gap:2px;min-width:0;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 #fff}#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:#5a3a00;background:var(--dots), linear-gradient(110deg, #fff6cf, #ffe08a 55%, #ffc94a);box-shadow:0 3px 0 #f0b93a, var(--shadow-1);background-size:18px 18px,auto;border:2px solid #ffd35c;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;display:grid;position:relative;overflow:hidden}#win-topup .tu-first:after{content:"";opacity:.7;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;background:#fff;position:absolute;top:-10px;right:-8px}#win-topup .tu-first-pct{background:radial-gradient(circle at 34% 28%, #fff 0 12%, #fff3b8 13%, var(--gold-400) 48%, var(--gold-600));color:#5a3a00;width:64px;height:64px;font-weight:700;font-size:var(--fs-lg);text-shadow:0 1px #fff7d0;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 0 0 2px #9a5f0066,0 2px #9a5f0059}#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:#6e4700}#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:1.5px dashed 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,#ffe3f0,#fff0f7);border-style:solid}#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-800)}#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:var(--gold-700);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:1px dashed var(--line-strong);border-radius:var(--r-lg);padding:18px 8px}#win-topup .tu-card{border-radius:var(--r-lg);cursor:pointer;background:var(--card);border:2px solid var(--sky-100);min-width:0;box-shadow:0 3px 0 var(--sky-200), var(--shadow-1);transition:border-color .15s, transform .12s var(--bounce);flex-direction:column;gap:6px;padding:10px;display:flex;position:relative}#win-topup .tu-card:hover{border-color:var(--sky-300);transform:translateY(-1px)}#win-topup .tu-card:active{transform:scale(.99)}#win-topup .tu-card.selected{border-color:var(--sky-400);box-shadow:0 0 0 3px var(--sky-200), 0 3px 0 var(--sky-300)}#win-topup .tu-card-art{border-radius:var(--r-md);background:var(--dots), linear-gradient(var(--sky-50), var(--cream-100));background-size:18px 18px,auto;justify-content:center;align-items:flex-end;height:76px;display:flex;position:relative;overflow:hidden}#win-topup .tu-coins{width:96px;height:64px;margin-bottom:4px;position:relative}#win-topup .tu-coins i{background:radial-gradient(circle at 34% 28%, #fff 0 12%, #fff3b8 13%, var(--gold-400) 48%, var(--gold-600));border-radius:50%;width:34px;height:34px;position:absolute;box-shadow:inset 0 0 0 2px #9a5f0073,0 2px #9a5f0059}#win-topup .tu-coins i:after{content:"";border:2px solid #9a5f0059;border-radius:50%;position:absolute;inset:9px}#win-topup .tu-coins i:first-child{bottom:0;left:31px}#win-topup .tu-coins i:nth-child(2){bottom:2px;left:8px}#win-topup .tu-coins i:nth-child(3){bottom:2px;left:54px}#win-topup .tu-coins i:nth-child(4){bottom:22px;left:20px}#win-topup .tu-coins i:nth-child(5){bottom:22px;left:42px}#win-topup .tu-coins i:nth-child(6){bottom:40px;left:31px}#win-topup .tu-coins[data-n="1"] i:first-child{width:44px;height:44px;left:26px}#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:var(--lilac-700);font-variant-numeric:tabular-nums}#win-topup .tu-cc small{color:var(--lilac-600);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:#137a59;font-weight:700;font-size:var(--fs-xs)}#win-topup .tu-kv-crypto th,#win-topup .tu-kv-crypto td{color:#137a59;background:#e6f8f0;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:#1b7a5c;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{color:#fff;text-shadow:0 1px #0003;background:linear-gradient(#3cc196,#1f9a73);border-color:#17805f;box-shadow:0 3px #136b50}#win-topup .tu-card.crypto.selected{border-color:#26a17b;box-shadow:0 0 0 3px #bfe9da,0 3px #26a17b}#win-topup .tu-card.off{cursor:default;opacity:.6}#win-topup .tu-card.off:hover{border-color:var(--sky-100);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(--sky-800);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:#fff3c4;--m-b:#ffd45c;--m-line:#f0b93a;--m-ink:#6e4700;--m-ico:#c98400;border-radius:var(--r-lg);min-height:92px;font:inherit;text-align:left;color:var(--m-ink);cursor:pointer;border:3px solid var(--line-strong);box-shadow:0 3px 0 var(--line-strong);transition:transform .12s var(--bounce), border-color .15s, box-shadow .15s, background .15s;background:#fff;align-items:center;gap:14px;padding:12px 44px 12px 14px;display:flex;position:relative}#win-topup .tu-method.crypto{--m-a:#dff7ee;--m-b:#7fdcb9;--m-line:#26a17b;--m-ink:#0f4d3a;--m-ico:#1b8a66}#win-topup .tu-method:hover:not(:disabled){border-color:var(--m-line);transform:translateY(-2px)}#win-topup .tu-method.on{background:var(--dots), 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);background-size:18px 18px,auto}#win-topup .tu-method:disabled{cursor:not-allowed;opacity:.65;filter:grayscale(.6)}#win-topup .tu-method-ico{width:56px;height:56px;color:var(--m-ico);box-shadow:inset 0 0 0 3px var(--m-b), 0 2px 0 var(--m-line);background:#fff;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(--line-strong);color:#0000;background:#fff;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:#fff}#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);box-shadow:0 2px 0 var(--c-pink-700);text-shadow:0 1px #00000040;border:2px solid #fff;padding:3px 12px;font-weight:700;position:absolute;top:-13px;right:12px}#win-topup .tu-order-method{border-radius:var(--r-md);color:#6e4700;background:#fff3c4;border:2px solid #f0b93a;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:8px;padding:8px 10px;display:grid}#win-topup .tu-order-method.crypto{color:#0f4d3a;background:#dff7ee;border-color:#26a17b}#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:var(--gold-700);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;border:2px solid var(--line);color:var(--ink);font:inherit;font-size:var(--fs-sm);background:#fff;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{border-color:var(--sky-400);background:var(--sky-50);box-shadow:0 0 0 2px var(--sky-200);font-weight:600}#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{border-color:var(--gold-400);background:linear-gradient(90deg,#fff8dc,#fff)}#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%, #fff 0 12%, #fff3b8 13%, var(--gold-400) 48%, var(--gold-600));color:#5a3a00}#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:#fff6d6}#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:1.5px dashed 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;border:2px solid var(--line);color:var(--ink);font:inherit;text-align:left;background:#fff;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{background:#e8f7f1;border-color:#26a17b;box-shadow:0 0 0 2px #bfe9da}#win-topup .tu-crypto-quote{color:#1b7a5c;font-variant-numeric:tabular-nums;font-weight:700}#win-topup .tu-crypto{border-color:#26a17b;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);color:#0f4d3a;background:linear-gradient(100deg,#e6f7f0,#fff6d6);border:2px solid #26a17b;align-items:center;gap:10px;padding:10px 12px;display:flex}#win-topup .tu-net-banner .ico{color:#26a17b;flex:none;width:30px;height:30px}#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);border:1.5px solid var(--line);background:#fff;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:#1b7a5c;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(--gold-700);font-size:var(--fs-sm);background:#fff6dc;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:1px dashed var(--line-strong);border-radius:var(--r-lg);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{border-color:var(--sky-300)}#win-mall .mall-card:active{transform:scale(.99)}#win-mall .mall-card.selected{border-color:var(--sky-400);box-shadow:0 0 0 2px var(--sky-300), var(--shadow-1)}#win-mall .mall-card.store{cursor:default}#win-mall .mall-card.store.shared{background:linear-gradient(#fbf9ff, var(--card));border-color:#d5c4ff}#win-mall .mall-shared-h{border-radius:var(--r-md);font-size:var(--fs-xs);color:var(--ink-2);background:linear-gradient(#f6f1ff,#ece3ff);flex-direction:column;grid-column:1/-1;gap:2px;margin-top:6px;padding:8px 12px;display:flex;box-shadow:inset 0 0 0 1.5px #d5c4ff}#win-mall .mall-shared-h b{color:var(--lilac-600);font-size:var(--fs-sm)}#win-mall .mall-card-art{border-radius:var(--r-md);background:linear-gradient(var(--sky-50), var(--cream-100));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-600);font-weight:600;font-size:var(--fs-lg);letter-spacing:.04em;background:#fff9;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-600)}#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 color-mix(in srgb, var(--sky-200) 70%, #fff);min-height:32px;color:var(--ink-2);font-size:var(--fs-sm);transition:transform .2s var(--bounce), background .15s;background:#fff;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{border-color:var(--sky-400);background:var(--sky-50);color:var(--sky-700)}: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);border:1.5px solid color-mix(in srgb, var(--sky-200) 70%, #fff);max-width:100%;font-size:var(--fs-sm);color:var(--ink);background:#fff;align-items:center;gap:6px;padding:2px 2px 2px 3px;font-weight:600;display:inline-flex}: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(--sunken);width:28px;height:28px;color:var(--ink-2);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);border:1.5px solid color-mix(in srgb, var(--sky-200) 60%, #fff);background:#fff;align-items:center;gap:8px;padding:3px 4px 3px 3px;display:flex}: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-50), #fff 70%)}#win-lpcfg .lp-bubble{color:#fff;background:radial-gradient(circle at 35% 28%, #fff 0 14%, var(--sky-300) 15%, var(--sky-600));border-radius:50%;flex:none;justify-content:center;align-items:center;width:52px;height:52px;display:flex;box-shadow:0 0 0 3px #fff,0 2px 6px #5032a040}#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);bottom:calc(var(--pad) + var(--safe-b) + 66px * var(--hs,1));transform:scale(var(--hs,1));transform-origin:100% 100%;border-radius:40px;align-items:center;gap:6px;padding:5px 10px 5px 5px;display:flex;position:absolute}#hud-pet[hidden]{display:none}.ph-ava{cursor:pointer;background:radial-gradient(circle at 50% 38%, #fff 0 22%, #ffffff8c 52%, #fff0 80%), linear-gradient(160deg, var(--sky-300), var(--lilac-600));border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;width:58px;height:58px;padding:0;display:flex;overflow:hidden;box-shadow:0 0 0 2px #fff,0 2px 6px #0a082859}.ph-ava img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;flex:none;width:118%;height:118%}.ph-ava>.icon{border-radius:var(--r-sm);width:64%;height:64%}.ph-bowl{cursor:pointer;background:linear-gradient(#fffaf0,#ffe3b3);border:0;border-radius:50%;flex:none;width:36px;height:36px;padding:3px;box-shadow:0 0 0 2px #fff,0 2px 5px #0a082859}.ph-bowl>.icon{border-radius:50%;width:100%;height:100%}.ph-bowl:hover,.ph-ava:hover{filter:brightness(1.08)}.ph-bars{flex-direction:column;gap:4px;width:150px;display:flex}#hud-pet .bar{background:#08062473;height:14px}#hud-pet .bar span{white-space:nowrap;font-size:10.5px;line-height:14px}#hud-pet.no-eat .ph-hunger i{width:0!important}#hud-pet.hungry{box-shadow:0 0 0 2px var(--coral-400), 0 4px 14px #0a082866}#hud-pet.hungry .ph-hunger{animation:1.4s ease-in-out infinite ph-pulse}#hud-pet.critical{box-shadow:0 0 0 2px #fff, 0 0 16px var(--coral-600)}#hud-pet.critical .ph-bowl{animation:.9s ease-in-out infinite ph-bounce}@keyframes ph-pulse{50%{box-shadow:0 0 0 2px var(--coral-400), 0 0 10px var(--coral-600)}}@keyframes ph-bounce{50%{transform:translateY(-3px)scale(1.08)}}.ph-say{width:max-content;max-width:230px;font-size:var(--fs-sm);color:var(--ink);pointer-events:none;box-shadow:0 0 0 2px var(--lilac-200,#e3dcff), 0 6px 16px #14103c4d;background:#fff;border-radius:18px;padding:9px 13px;line-height:1.4;position:absolute;bottom:calc(100% + 12px);right:28px}.ph-say:after{content:"";width:14px;height:14px;box-shadow:2px 2px 0 0 var(--lilac-200,#e3dcff);background:#fff;margin-top:-7px;position:absolute;top:100%;right:22px;transform:rotate(45deg)}.ph-say[hidden]{display:none}.ph-say.pop{animation:.22s ease-out ph-say-in}@keyframes ph-say-in{0%{opacity:0;transform:translateY(6px)scale(.92)}}body:not(.touch) #win-peteat{left:auto;right:calc(16px + var(--safe-r) + 400px + 10px);top:calc(8px + var(--map) + 44px);animation-name:win-in-placed;transform:none}#win-peteat .win-body{flex-direction:column;gap:10px;display:flex}.pe-head{align-items:center;gap:10px;display:flex}.pe-ico .slot{--slot:48px}.pe-name-col{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.pe-name{font-weight:600;font-size:var(--fs-md,15px);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pe-say{min-height:44px;font-size:var(--fs-sm);color:var(--ink);background:var(--cream-100,#fff8ec);box-shadow:inset 0 0 0 1.5px var(--gold-200,#f7e2a6);border-radius:14px;padding:9px 12px;line-height:1.45;position:relative}.pe-say:before{content:"";border:7px solid #0000;border-bottom-color:var(--gold-200,#f7e2a6);position:absolute;bottom:100%;left:18px}.pe-feed{align-items:center;gap:10px;display:flex}.pe-food{cursor:pointer;flex:none}.pe-food .slot{--slot:52px;position:relative}.pe-food .slot:not(:has(.icon)){outline:2px dashed var(--lilac-300,#cbbcff);outline-offset:-6px}.pe-food .slot.picking{box-shadow:0 0 0 3px var(--gold-300)}.pe-food .slot.drop-hover,.pe-food.drop-hover .slot{box-shadow:0 0 0 3px var(--mint-600)}.pe-food-label{color:var(--ink-3);pointer-events:none;justify-content:center;align-items:center;font-size:11px;display:flex;position:absolute;inset:0}.pe-feed .bar{flex:1;min-width:0}.pe-pick{flex-direction:column;gap:6px;display:flex}.pe-pick[hidden]{display:none}.pe-pick-head{font-size:var(--fs-xs);color:var(--ink-2)}.pe-pick-grid{flex-wrap:wrap;gap:6px;display:flex}.pe-pick-grid .slot{cursor:pointer;position:relative}.pe-pick-grid .slot.on{box-shadow:0 0 0 2px var(--gold-400)}.pe-pts{z-index:2;border-radius:var(--r-pill);color:#fff;background:var(--mint-600);pointer-events:none;padding:0 4px;font-size:10px;font-weight:600;line-height:14px;position:absolute;top:1px;left:2px}.pe-note[hidden]{display:none}.pe-foot .btn{flex:1;min-width:0}body.touch #hud-pet{right:calc(12px + var(--safe-r));bottom:calc(18px + 224px + 10px + var(--safe-b));gap:5px;padding:4px 8px 4px 4px}body.touch .ph-ava{width:46px;height:46px}body.touch .ph-bowl{width:44px;height:44px;padding:5px}body.touch .ph-bars{width:118px}body.touch #hud-pet .bar{height:13px}body.touch #hud-pet .bar span{font-size:9.5px;line-height:13px}body.touch .ph-say{max-width:200px;font-size:var(--fs-xs)}body.touch #hud.win-open #hud-pet{visibility:hidden}body.touch .pe-pick-grid .slot{--slot:48px}body.touch .pe-foot .btn{min-height:44px}@media (orientation:landscape) and (max-height:520px){body.touch #hud-pet{right:calc(12px + 224px + 12px + var(--safe-r));bottom:calc(8px + var(--safe-b))}}.item-tip .it-head:has(.it-rank){flex-wrap:wrap;row-gap:0}.item-tip .it-rank{color:#ffd27a;font-weight:600;font-size:var(--fs-sm);flex:none}.item-tip .it-pet-exp{color:#9fd0ff;font-variant-numeric:tabular-nums;flex:none;font-weight:600}.item-tip .it-pet-line{color:#8fb8ff;font-size:var(--fs-xs)}.item-tip .it-pet-opt .pa-tip-head{color:#d8a8ff;font-weight:600}.item-tip .it-pet-opt .pa-opt.pos{color:#d8a8ff}.pet-view{flex-direction:column;gap:8px;display:flex}.pet-view>h4{margin:8px 0 0}.pet-view>h4:first-child{margin-top:2px}.pet-note{font-size:var(--fs-xs);color:var(--ink-2);line-height:1.45}.pet-hint{border-radius:var(--r-sm);background:var(--sky-50);color:var(--sky-800);padding:8px 10px}.pet-view .empty{padding:14px 8px}.pet-card,.pet-hero{align-items:center;gap:12px;display:flex}.pet-hero{background:linear-gradient(135deg, #fff, var(--sky-50) 60%, var(--cream-100));padding:12px 14px}.pet-desc{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.pet-name{flex-wrap:wrap;align-items:baseline;gap:6px;min-width:0;display:flex}.pet-name b{font-size:var(--fs-lg);color:var(--ink);overflow-wrap:anywhere;font-weight:600}.pet-name small{color:var(--ink-2);font-size:var(--fs-xs)}.pet-chips{flex-wrap:wrap;gap:4px;display:flex}.pet-acts{flex-direction:column;flex:none;gap:6px;display:flex}.pet-card>.btn{flex:none;min-width:64px}.pet-face{background:radial-gradient(circle at 50% 35%, #fff, var(--sky-100) 70%, var(--sky-200));width:64px;height:64px;box-shadow:0 0 0 3px #fff, 0 0 0 5px var(--gold-300), var(--shadow-1);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.pet-face.lg{width:96px;height:96px;margin:4px}.pet-face.sm{width:48px;height:48px}.pet-face-art{image-rendering:auto;background-repeat:no-repeat;flex:none;display:block}.pet-face.sm .pet-face-art{transform:scale(.7)}.pet-face.icon-face>.icon{border-radius:var(--r-sm);width:70%;height:70%}.pet-raise .bar{margin-top:1px}.bar.gold i{--fill:linear-gradient(#ffe48a, var(--gold-600))}.bar.hp.empty{background:var(--coral-100)}.pet-raise.hungry{box-shadow:inset 4px 0 0 var(--coral-600), var(--shadow-1)}.pet-raise.ready{box-shadow:inset 4px 0 0 var(--gold-500), var(--shadow-1)}.pet-hint-hungry{background:var(--coral-100);color:var(--coral-700);font-weight:600}.pet-hint-ready{color:var(--gold-700);background:#fff4cf;font-weight:600}.pet-branch.lean{box-shadow:inset 4px 0 0 var(--gold-400)}.pet-branch-head .pet-chips{justify-content:flex-end}.pet-lost .row-main small{white-space:normal}.pet-raise.critical{box-shadow:inset 6px 0 0 var(--coral-600), 0 0 0 2px var(--coral-400), var(--shadow-1)}.pet-hint-hungry.critical{background:var(--coral-600);color:#fff}.toast.warn{background:linear-gradient(#fff,#fff6dc);box-shadow:0 0 0 2px #f6b24a,0 6px 16px #1e185047}.toast.warn .ico,.toast.warn:before{background-color:#f08a24}.pet-branch{flex-direction:column;gap:6px;display:flex}.pet-branch-head{justify-content:space-between;align-items:center;gap:6px;display:flex}.pet-branch-head b{font-weight:600;font-size:var(--fs-sm)}.pet-branch-outs{flex-wrap:wrap;gap:6px;display:flex}.pet-out{border-radius:var(--r-pill);background:var(--card);border:1px solid var(--line);font-size:var(--fs-sm);align-items:center;gap:6px;min-width:0;padding:3px 8px 3px 3px;display:inline-flex}.pet-out small{color:var(--mint-600);font-variant-numeric:tabular-nums;font-weight:600}.pet-out-ico{border-radius:50%;flex:none;width:28px;height:28px}.pet-out-ico .icon-letter{font-size:12px}.pet-foot{flex-wrap:wrap}.pet-foot .btn{min-width:0}.pet-sk-head{align-items:center;gap:10px;display:flex}.pet-sk-head .pet-name{flex-direction:column;flex:1;gap:0}.pet-sp{border-radius:var(--r-md);border:1px solid var(--gold-200);background:#fff6dc;flex-direction:column;flex:none;align-items:center;padding:4px 12px;display:flex}.pet-sp small{font-size:var(--fs-xs);color:var(--gold-700)}.pet-sp b{font-size:var(--fs-xl);color:var(--gold-700);font-variant-numeric:tabular-nums;font-weight:600;line-height:1.1}.pet-skill.unlearned .pet-sk-ico,.pet-skill.unlearned .row-main b{opacity:.6}.pet-skill .row-main small{white-space:normal}.pet-req{color:var(--ink-3)!important}.pet-req.ok{font-weight:600;color:var(--mint-600)!important}.pet-sk-ico{border-radius:var(--r-md);color:#fff;background:linear-gradient(var(--sky-400), var(--sky-600));width:40px;height:40px;box-shadow:var(--shadow-1);flex:none;justify-content:center;align-items:center;display:flex}.pet-sk-ico.passive{background:linear-gradient(#c9b8ff, var(--lilac-600))}.pet-sk-ico.basic{background:linear-gradient(var(--gold-400), var(--gold-600))}.pet-sk-ico .ico{width:22px;height:22px}#win-bpskill .win-foot .btn{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}body.touch .pet-face.lg{width:84px;height:84px}body.touch .pet-face.lg .pet-face-art{transform:scale(.9)}@media (orientation:portrait){body.touch .pet-card{flex-wrap:wrap}body.touch .pet-card>.pet-desc{flex-basis:calc(100% - 80px)}body.touch .pet-acts{flex-direction:row;width:100%}body.touch .pet-acts .btn,body.touch .pet-card>.btn{flex:1}body.touch .pet-foot .btn{flex:40%}}.tag-pet-mine .tag-name:before{content:"";vertical-align:-.1em;background:#fff;width:.95em;height:.95em;margin-right:3px;display:inline-block;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='5.5' cy='10.5' r='2.2'/%3E%3Ccircle cx='9.5' cy='5.5' r='2.2'/%3E%3Ccircle cx='14.5' cy='5.5' r='2.2'/%3E%3Ccircle cx='18.5' cy='10.5' r='2.2'/%3E%3Cpath d='M12 11c-3 0-6 4.3-6 7 0 1.7 1.3 2.5 2.8 2.5 1.2 0 2.1-.7 3.2-.7s2 .7 3.2.7c1.5 0 2.8-.8 2.8-2.5 0-2.7-3-7-6-7Z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='5.5' cy='10.5' r='2.2'/%3E%3Ccircle cx='9.5' cy='5.5' r='2.2'/%3E%3Ccircle cx='14.5' cy='5.5' r='2.2'/%3E%3Ccircle cx='18.5' cy='10.5' r='2.2'/%3E%3Cpath d='M12 11c-3 0-6 4.3-6 7 0 1.7 1.3 2.5 2.8 2.5 1.2 0 2.1-.7 3.2-.7s2 .7 3.2.7c1.5 0 2.8-.8 2.8-2.5 0-2.7-3-7-6-7Z'/%3E%3C/svg%3E") 50%/contain no-repeat}.floater.petfx{color:#b8ffcf;text-shadow:0 1px 2px #000,0 0 3px #000;font-size:13px;font-weight:600}#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(--cream-100,#fff8ec);box-shadow:inset 0 0 0 1.5px var(--gold-200,#f7e2a6);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 3px var(--gold-300), var(--shadow-1)}.guarder-cell .slot:not(:has(.icon)){outline:2px dashed var(--sky-300);outline-offset:-7px;color:var(--sky-300);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 3px var(--gold-300)}.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);box-shadow:0 0 0 1.5px var(--sky-200);background:#fff;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:var(--ink);background:linear-gradient(#fff3c4, var(--gold-300));box-shadow:0 0 0 1.5px #fff}.gd-swap{color:#fff;background:linear-gradient(160deg, var(--sky-300), var(--sky-500));width:38px;height:38px;transition:transform .3s var(--bounce);border:0;border-radius:50%;flex:none;place-items:center;margin-bottom:27px;padding:0;display:grid;box-shadow:0 0 0 2px #fff,0 2px 6px #0a08284d}.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:#ffffff47;border-radius:6px;margin-left:6px;padding:0 6px;font-family:inherit;font-size:11px;font-weight:600;line-height:17px}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) * 76px) * 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}: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%, #fff 0 22%, #ffffff8c 52%, #fff0 80%), linear-gradient(160deg, var(--sky-200), var(--sky-500));border:0;border-radius:50%;flex:none;width:48px;height:48px;padding:0;position:relative;box-shadow:0 0 0 2px #fff,0 2px 6px #0a082859}#hud-guarder.worn .gp-ava{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--gold-300), 0 2px 7px #0a082859}#hud-guarder.mounted .gp-ava{background:radial-gradient(circle at 50% 40%, #fff 0 24%, #fff9 55%, #fff0 82%), linear-gradient(160deg, var(--mint-400), var(--sky-500))}.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;width:22px;height:22px;box-shadow:0 0 0 1.5px var(--sky-200), 0 1px 3px #0a082859;background:#fff;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:#fff;text-shadow:0 1px 2px #0a082880;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:#ffffffd9;padding:0 7px;font-size:10px;font-weight:600;line-height:15px}.gp-state.on{color:var(--ink);background:linear-gradient(#fff3c4, var(--gold-300))}.gp-state.ride{color:#fff;background:linear-gradient(var(--mint-400), var(--mint-600))}.gp-state.off{color:#fff;background:#ffffff38}.gp-swap{cursor:pointer;color:#fff;background:linear-gradient(160deg, var(--sky-300), var(--sky-500));width:32px;height:32px;transition:transform .3s var(--bounce);border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid;box-shadow:0 0 0 2px #fff,0 2px 6px #0a08284d}.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) * 66px * 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) * 242px * 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, #fff, var(--lilac-100) 70%);align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.pe-bubble{color:#fff;background:linear-gradient(#c9b8ff, var(--lilac-600));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(--gold-500), 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:linear-gradient(#ffe48a, var(--gold-600))}.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(--lilac-600), 0 0 0 3px var(--gold-300)}.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(--card);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);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{box-shadow:inset 4px 0 0 var(--gold-500), var(--shadow-1);background:linear-gradient(135deg,#fff,#fff4cf)}.pe-result.fail{background:var(--coral-100)}.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}.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, #fff, var(--cream-100));align-items:center;gap:14px;padding:12px 14px;display:flex}.prog-lv{color:#5a3300;background:radial-gradient(circle at 35% 30%, #fff6cf, var(--gold-400) 60%, var(--gold-500));width:72px;height:72px;box-shadow:0 0 0 3px #fff, 0 0 0 5px var(--gold-300), var(--shadow-1);border-radius:50%;flex-direction:column;flex:none;justify-content:center;align-items:center;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:#5a3300;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:linear-gradient(#ff9a8f, var(--coral-600));width:48px;height:48px;box-shadow:var(--shadow-1);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.prog-cp-ico.clock{background:linear-gradient(var(--sky-400), var(--sky-600))}.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(--gold-700);background:#fff6dc;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.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:linear-gradient(#c3cad6,#8a94a8)}.prog-heart.none{background:var(--sunken);color:var(--ink-3);box-shadow:none}.prog-cname{font-size:var(--fs-lg);color:#d0307a;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);border:1px solid var(--line);min-height:86px;box-shadow:var(--shadow-1);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);box-shadow:none;border-color:#bdeed8}.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);box-shadow:0 0 0 3px #f4a91d40, var(--shadow-2);background:linear-gradient(#fffaf0,#fff0c4);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:#fff;background:var(--gold-700);border-radius:var(--r-pill);white-space:nowrap;padding:0 6px;font-size:10.5px;font-weight:600}.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 #fff}.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);border:1px solid var(--gold-200);background:#fff6dc;align-items:center;gap:8px;padding:6px 8px;display:flex;position:relative}.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);border-color:#bdeed8}.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{background:var(--mint-100);border-color:#bdeed8}.prog-trw.ready{border-color:var(--gold-400);background:#fffaf0}.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);border:1px solid var(--line);background:var(--card);min-height:32px;color:var(--ink-2);font-size:var(--fs-sm);white-space:nowrap;flex:none;padding:0 14px;font-weight:600}.prog-job:hover{border-color:var(--sky-300);color:var(--ink)}.prog-job.on{background:var(--sky-700);border-color:var(--sky-700);color:#fff;box-shadow:var(--shadow-1)}body.touch .prog-job{min-height:44px;font-size:var(--fs-md)}.prog-stage{border-radius:var(--r-lg);border:2px solid var(--sky-200);box-shadow:inset 0 0 0 3px #fff, 0 3px 0 var(--sky-200);background:radial-gradient(ellipse 46% 70% at 50% 0%, #ffffffe6, #fff0 72%), var(--dots), linear-gradient(180deg, var(--c-honey-100), var(--c-pink-50) 62%, var(--cream-100));background-size:auto,18px 18px,auto;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);border:2px solid var(--line);min-width:0;box-shadow:0 2px 0 var(--line);flex-direction:column;align-items:center;gap:1px;padding:6px 6px 7px;display:flex}.prog-pod.p1{border-color:var(--gold-300);box-shadow:0 2px 0 var(--gold-300);background:linear-gradient(#fffdf4,#fff3cf)}.prog-pod.p2{background:linear-gradient(#fff,#f1f4f9);border-color:#cfd6e3;box-shadow:0 2px #cfd6e3}.prog-pod.p3{background:linear-gradient(#fff,#fdf0e5);border-color:#f1c39e;box-shadow:0 2px #f1c39e}.prog-pod.mine{outline:2.5px solid var(--sky-500);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);border:1px solid var(--line);min-height:44px;font-size:var(--fs-sm);grid-template-columns:56px 52px minmax(0,1fr) 150px 110px;align-items:center;gap:6px;padding:4px 10px;display:grid}.prog-th{background:var(--sunken);min-height:30px;color:var(--ink-2);font-weight:600;font-size:var(--fs-xs);border-color:#0000}.prog-tr.mine{border-color:var(--sky-400);background:var(--sky-50);box-shadow:inset 3px 0 0 var(--sky-500)}.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, #fff, var(--lilac-100));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:var(--lilac-400);border-radius:50%;flex:none;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.prog-medal .ico{width:16px;height:16px}.prog-medal.m0{background:var(--gold-500)}.prog-medal.m1{background:#9aa5b8}.prog-medal.m2{background:#c7783c}.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}.tag-title.fame{color:#e9dcb8;font-weight:500}#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(--sky-300);background:var(--sky-50)}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{background:var(--sunken);box-shadow:none;border:1.5px dashed var(--line-strong);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(--gold-700);background:#fff6dc}.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(#8ff0c8, 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:#fff9}.pw-row.off .row-main b{color:var(--ink-2)}.pw-row.me{border-color:var(--sky-200);background:var(--sky-50)}.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:var(--gold-200);background:#fffaf0}.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{border-color:var(--gold-200);background:linear-gradient(#fffdf6,#fff7e8);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:#fff4cf;font-weight:600;box-shadow:inset 0 0 0 1.5px #ffd977}.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>.slot,.stall-buy-row>.slot,.stall-results .list-row>.slot{--slot:44px}.stall-price{font-size:var(--fs-sm);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:1.4fr 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: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(--lilac-700);color:#fff;width:18px;height:18px;box-shadow: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:1.5px dashed var(--line);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-acts{flex:none;align-items:center;gap:6px;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:#5a3418;text-shadow:none;white-space:nowrap;background:linear-gradient(#fffaf0,#ffe9c4);border:.14em solid #b8742e;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%;box-shadow:inset 0 -.15em #965a1e2e,0 .15em #8a531c,0 .35em .7em #0a082873}.tag-stall:before{content:"";background:repeating-linear-gradient(90deg,#ff6b6b 0 .6em,#fff .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(#ffffffe6,#ffffff40);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, var(--sky-600));border-radius:50%;flex:none;justify-content:center;align-items:center;width:1.7em;height:1.7em;display:flex;box-shadow:0 0 0 .12em #fff,0 .1em .2em #00000059}.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.06);box-shadow:inset 0 -.15em 0 #965a1e2e, 0 .15em 0 #8a531c, 0 0 0 .16em var(--gold-400), 0 .35em .9em #0a08288c}.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,#fff6d8 .6em 1.2em);box-shadow:0 0 0 .08em #a8741a}.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(--cream-100), var(--sky-50) 55%, var(--lilac-100));border:1px solid var(--line);box-shadow:inset 0 1px 0 #fff, var(--shadow-1);gap:3px;padding:6px;display:grid;position:relative}.mg-tile{aspect-ratio:1;border-radius:var(--r-sm);background:var(--card);border:1px solid var(--line);cursor:pointer;transition:transform .15s var(--ease), border-color .15s, box-shadow .15s, background .15s;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:0 1px #14203c0f}.mg-tile:hover{border-color:var(--sky-300)}.mg-tile.corner{background:linear-gradient(160deg, #fff6dc, var(--gold-200));border-color:var(--gold-300)}.mg-tile.sel{border-color:var(--sky-500);box-shadow:0 0 0 2px var(--sky-200)}.mg-tile.here{background:var(--sky-50)}.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(--gold-500);border-radius:50%;width:7px;height:7px;position:absolute;top:3px;right:3px;box-shadow:0 0 0 2px #fff}.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%, #fff, var(--pink-400) 45%, var(--coral-600));color:#fff;border-radius:50%;justify-content:center;place-self:start end;align-items:center;width:54%;margin:-5px -5px 0 0;display:flex;position:relative;box-shadow:0 3px 6px #14203c59,0 0 0 2px #fff}.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);border:1px dashed var(--line-strong);background:#ffffff8c;flex-direction:column;justify-content:center;align-items:stretch;gap:8px;min-width:0;padding:6px 10px;display:flex}.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{background:linear-gradient(150deg, #fff, var(--cream-200));border:1px solid var(--line-strong);width:58px;height:58px;box-shadow:0 4px 0 var(--cream-300), var(--shadow-2);border-radius:14px;flex:none;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);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:inset 0 1px 1px #00000040}.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);border:1px solid var(--line);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{border-color:var(--gold-400);box-shadow:0 0 0 2px var(--gold-200);background:linear-gradient(90deg,#fff6dc,#fff)}.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);border:1px solid var(--line);min-height:34px;color:var(--ink);align-items:center;gap:8px;padding:2px 8px;display:flex}.mg-rw.bc{border-color:var(--gold-300);background:#fffaf0}.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}.fs-scene{border-radius:var(--r-lg);border:1px solid var(--line);background:linear-gradient(180deg, var(--c-sky-100), var(--c-sky-50) 48%, transparent 48%);height:150px;position:relative;overflow:hidden}.fs-sky{background:radial-gradient(circle at 84% 30%,#fff8d6 0 14px,#0000 15px);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-600));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 #26324b8c;border-right:1.5px solid #26324b8c;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-400) 0 50%, #fff 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 #26324b59}.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 #164a7a,1px 0 #164a7a,-1px 0 #164a7a,0 -1px #164a7a,0 2px 3px #0a1e3c80;position:absolute;bottom:8px;left:0;right:0}.fs-catch{opacity:0;pointer-events:none;border-radius:var(--r-lg);background:var(--surface-solid);min-width:150px;max-width:80%;box-shadow:var(--shadow-2);transition:opacity .25s, transform .3s var(--ease);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}.emote-grid{grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:6px;margin:10px 0 8px;display:grid}.emote-btn{border:2px solid var(--line);border-radius:var(--r-md);background:var(--card);height:52px;box-shadow:0 2px 0 var(--line-strong);cursor:pointer;transition:transform .12s var(--bounce), border-color .12s;place-items:center;padding:0;display:grid}.emote-btn .icon,.emote-btn .icon *{width:36px;height:36px;image-rendering:pixelated}.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:56px}.tag-emote{width:56px;height:56px;image-rendering:pixelated;pointer-events:none;background-repeat:no-repeat;margin:0 auto -2px}.tag-emote.big{width:72px;height:72px}body.touch .tag-emote{width:48px;height:48px}body.touch .tag-emote.big{width:60px;height:60px}#win-jobchange .win-body{flex-direction:column;gap:10px;display:flex}.jc-hero{background:linear-gradient(135deg, #fff, var(--sky-50) 55%, 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(--sky-700);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(--card);border:2px solid var(--line);border-radius:var(--r-md);box-shadow:0 2px 0 var(--line);transition:transform .15s var(--bounce), border-color .15s, box-shadow .15s;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:var(--sky-500);box-shadow:0 0 0 3px color-mix(in srgb, var(--sky-300) 55%, transparent), 0 3px 0 var(--sky-400), 0 8px 18px color-mix(in srgb, var(--sky-600) 25%, transparent);transform:translateY(-2px)}.jc-card-art,.jc-d-art{aspect-ratio:4/5;background:radial-gradient(circle, #ffffff8c 1.6px, transparent 2.2px) 0 0 / 14px 14px, radial-gradient(ellipse 70% 55% at 50% 42%, #fff 0 20%, color-mix(in srgb, var(--a,var(--sky-300)) 45%, #fff) 62%, color-mix(in srgb, var(--b,var(--sky-500)) 55%, var(--a,var(--sky-300))) 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:#28185029;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(--ink-3);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.jc-card.selected .jc-card-name{background:linear-gradient(var(--sky-50), #fff)}.jc-card.selected .jc-card-name b{color:var(--sky-700)}.jc-cards.two .jc-card-name b{font-size:var(--fs-md)}.jc-dot{z-index:2;background:var(--coral-400);width:11px;height:11px;box-shadow:0 0 0 2px #fff, 0 0 0 3px var(--coral-100);border-radius:50%;position:absolute;top:6px;right:6px}.jc-dot.on{background:var(--mint-400);box-shadow:0 0 0 2px #fff, 0 0 0 3px var(--mint-100)}.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(--sky-200), var(--shadow-1);border:3px solid #fff;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(--sky-700);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{flex-direction:column;gap:6px;min-width:0;display:flex}.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-portrait{background:linear-gradient(160deg,#2a1846,#5b2a6e 55%,#b84a6a)}.jc-portrait:after{display:none}.jc-card-art.jc-portrait img,.jc-d-art.jc-portrait img{object-fit:cover;object-position:50% 18%}.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-tp .row-main small{color:var(--ink-3);font-size:var(--fs-xs);white-space:normal}.jc-tp-ico{border-radius:var(--r-md);width:40px;height:40px;color:var(--coral-700);background:var(--coral-100);flex:none;justify-content:center;align-items:center;font-weight:800;display:flex;box-shadow:inset 0 0 0 2px #ffc4bd}.jc-party .jc-party-portrait{background:#2a1846;overflow:hidden}.jc-party .jc-party-portrait img{object-fit:cover;object-position:50% 18%;width:100%;height:100%}.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) 55%, var(--glass)), var(--glass));border:1px solid var(--gold-300);border-radius:var(--r-lg);box-shadow:var(--shadow-2), 0 0 12px color-mix(in srgb, var(--gold-400) 45%, transparent);animation:jc-pop .5s var(--bounce);align-items:center;gap:8px;padding:7px 10px;display:flex}.jc-badge-ico{color:#5a3600;background:radial-gradient(circle at 35% 30%, #fff6c8, var(--gold-400));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(--gold-200);white-space:nowrap;text-overflow:ellipsis;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%,#ffeca08c,#28185a59 60%,#0000 80%);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:#fff}.jc-spark:nth-child(3n+1){background:var(--c-pink-300)}@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 6px #fff, 0 0 0 10px var(--gold-300), 0 10px 40px #ffbe2899;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{border-radius:var(--r-xl);text-align:center;box-shadow:0 0 0 3px var(--gold-300), var(--shadow-3);animation:pop-in .45s var(--bounce) .15s both;background:#fff;border:3px solid #fff;flex-direction:column;align-items:center;gap:6px;padding:14px 26px 16px;display:flex}.jc-party-t{color:var(--gold-600);text-shadow:0 2px #fff3c4;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{border-left:1px solid var(--line);scrollbar-width:thin;background:#ffffff8c;flex-direction:column;flex:none;gap:10px;width:260px;padding:12px;display:flex;overflow-y:auto}body:not(.touch) #win-skills{height:min(580px,100dvh - 200px)}.sk-top{align-items:center;gap:8px;display:flex}.sk-tabs{flex:0 auto;min-width:0}.sk-tabs .tab{min-width:52px;font-family:Georgia,Times New Roman,serif;font-size:var(--fs-lg);letter-spacing:.04em;font-weight:700}.sk-tabs .tab .ico{margin-left:3px}.sk-pts-row{gap:6px;margin-left:auto;display:flex}.sk-pts{border-radius:var(--r-pill);min-height:30px;color:var(--gold-700);background:#fff4cf;border:1px solid #ffd977;align-items:center;gap:6px;padding:3px 4px 3px 10px;display:inline-flex}.sk-pts.ep{background:var(--lilac-100);color:var(--lilac-600);border-color:#dcd2ff}.sk-pts.tp{background:var(--coral-100);color:var(--coral-700);border-color:#ffc4bd}.sk-pts i{font-style:normal;font-weight:800;font-size:var(--fs-sm)}.sk-pts b{border-radius:var(--r-pill);text-align:center;min-width:44px;font-size:var(--fs-md);font-variant-numeric:tabular-nums;background:#fff;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(--card);box-shadow:var(--shadow-1);flex:none;overflow:hidden}.sk-panel-head{background:linear-gradient(var(--sky-100), color-mix(in srgb, var(--sky-100) 55%, #fff));border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;min-height:30px;padding:3px 10px;display:grid}.sk-job{font-size:var(--fs-md);color:var(--sky-700);text-align:center;white-space:nowrap;text-overflow:ellipsis;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-500)}.sk-legend b.mi{color:var(--coral-400);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:#fff}.sk-mouse .on{fill:var(--coral-400);stroke:none}.sk-pane{padding:8px}.sk-pane>.empty,.sk-pane>.sk-lock{justify-content:center;min-height:220px}.sk-board{--sk-board-h:300px;width:min(100%, calc(var(--bw) * 64px), calc(var(--sk-board-h) * var(--ar)));aspect-ratio:var(--ar);margin:0 auto;position:relative;container-type:inline-size}.sk-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.sk-lines polyline{fill:none;stroke:color-mix(in srgb, var(--sky-300) 70%, #c9c3d8);stroke-width:3px;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.sk-lines polyline.on{stroke:var(--sky-500)}.sk-node{--slot:min(46px, calc(100cqw / var(--bw) - 12px));--slot-r:10px;z-index:1;border-radius:var(--slot-r);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;position:absolute;transform:translate(-50%,-50%)}.sk-board.grid .sk-node{--slot:min(50px, calc(100cqw / 6.5))}.sk-node .slot{--slot-r:10px}.sk-node:hover .slot,.sk-node:focus-visible .slot{box-shadow:inset 0 0 0 2px var(--sky-400), 0 0 0 2px #fff, 0 2px 8px #2824642e}.sk-node.selected .slot{box-shadow:inset 0 0 0 2px var(--gold-400), 0 0 0 2px #fff, 0 0 10px #f4a91d80}.sk-node.pend .slot{box-shadow:inset 0 0 0 2px var(--mint-400), 0 0 0 2px #fff, 0 0 10px #4fd3a08c}#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;color:#d3102b;text-shadow:1px 0 #fff,-1px 0 #fff,0 1px #fff,0 -1px #fff,1px 1px #fff,-1px -1px #fff,1px -1px #fff,-1px 1px #fff;font:italic 900 15px/1 Georgia,Times New Roman,serif;position:absolute;bottom:-7px;right:-6px}.sk-lv.pend{color:var(--mint-600)}.sk-plus{z-index:3;pointer-events:none;color:#4a2b00;background:radial-gradient(circle at 35% 30%, #fff1b0, var(--gold-400) 55%, var(--gold-500));width:18px;height:18px;box-shadow:0 0 0 2px #fff, var(--shadow-1);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:linear-gradient(#fbf9ff, var(--lilac-100));border-color:#dcd2ff;flex-direction:column;align-items:center;gap:8px;padding:22px 16px;display:flex}.sk-lock-ico{width:52px;height:52px;color:var(--lilac-600);box-shadow:var(--shadow-1);background:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex}.sk-lock-ico .ico{width:26px;height:26px}.sk-lock b{font-size:var(--fs-lg);color:var(--lilac-600)}.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:46px}body.touch #win-skills .sk-top:has(.sk-pts.tp){gap:4px}body.touch #win-skills .sk-top:has(.sk-pts.tp) .sk-tabs .tab{min-width:36px;padding-inline:6px}body.touch #win-skills .sk-top:has(.sk-pts.tp) .sk-pts{gap:3px;padding-left:7px}body.touch #win-skills .sk-top:has(.sk-pts.tp) .sk-pts b{min-width:30px;padding:1px 6px}body.touch #win-skills .sk-legend{opacity:1}body.touch #win-skills .sk-node{--slot:min(46px, calc(100cqw / var(--bw) - 6px))}@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-left:0;border-top:1px solid var(--line);width:auto;max-height:46%;box-shadow:0 -6px 14px #14203c14}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}body.touch #win-skills .sk-board{--sk-board-h:calc(100dvh - 210px)}}.sk-pop{z-index:2000;pointer-events:none;color:#eef3ff;border-radius:var(--r-md);width:max-content;max-width:290px;box-shadow:var(--shadow-2);font-size:var(--fs-sm);background:#101a30f2;border:1px solid #ffffff1f;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(--gold-300);font-weight:600;font-size:var(--fs-md)}.sk-pop-lv{font-size:var(--fs-xs);color:#b9c6e4;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:#b9c6e4;margin-top:-2px}.sk-pop-desc{color:#dfe7f8;white-space:pre-line}.sk-pop-line{font-size:var(--fs-xs);color:#c7d2ea}.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:#b9c6e4;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);border:1px solid var(--glass-line);width:300px;box-shadow:var(--shadow-2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;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 2px #ffffff80}#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), #101c348c 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 #101c34b3}#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:#101c34d1;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{border-radius:var(--r-lg);box-shadow:inset 0 0 0 1px var(--line), var(--shadow-1);background:#3d78b8;justify-content:center;display:flex;position:relative;overflow:hidden}.wm-stage.pan{touch-action:pan-x pan-y;scrollbar-width:thin;overscroll-behavior:contain;display:block;overflow:auto}.wm-stage.pan>.men-wrap{margin:0 auto}.wm-stage .men-art.men-button{cursor:pointer}.wm-stage .men-button:hover:not(:disabled){filter:brightness(1.12)drop-shadow(0 0 6px #fffc)}.wm-hover{z-index:5;pointer-events:none;white-space:nowrap;border-radius:var(--r-pill);color:#fff;box-shadow:var(--shadow-2);background:#101a30e0;padding:4px 12px;font-size:15px;font-weight:600;position:absolute;transform:translate(-50%)}.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 .ico{color:var(--coral-600)}.wm-here b{color:var(--ink)}@media (orientation:portrait){body.touch .wm-stage.pan{max-height:58vh}}@media (orientation:landscape) and (max-height:520px){body.touch .wm-stage.pan{max-height:calc(100dvh - 150px)}}.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(--line), var(--shadow-1);background:#24402a;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:var(--sky-700);box-shadow:0 0 0 2px var(--sky-300), 0 3px 0 var(--sky-400), var(--shadow-1);transition:transform .12s var(--bounce);background:#fff;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.bm-zbtn:hover{transform:scale(1.08)}.bm-zbtn:active{box-shadow:0 0 0 2px var(--sky-300), 0 1px 0 var(--sky-400);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);color:#fff;max-width:min(320px,80%);font-size:var(--fs-sm);box-shadow:var(--shadow-2);background:#101a30e6;padding:5px 12px;font-weight:600;line-height:1.35;position:absolute}.bm-legend{z-index:2;border-radius:var(--r-md);max-height:calc(100% - 16px);box-shadow:0 0 0 2px var(--sky-300), var(--shadow-2);font-size:var(--fs-sm);color:var(--ink-2);background:#fffffff0;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{border-top:2px dotted var(--line);cursor:pointer;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,#4a5578 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(#4a5578,#4a5578) 2px 0/2px 16px no-repeat;border-radius:0}.bm-sym.snap{color:#e5484d}.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-color:var(--c-lilac-300,#cdbfff);background:linear-gradient(90deg, var(--lilac-100), #fff 60%)}#win-warp .wp-row.flash{animation:wp-flash 1.4s var(--ease) 2}@keyframes wp-flash{50%{border-color:var(--gold-400);box-shadow:0 0 0 4px #ffc43d59}}#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 2px #fff, 0 0 0 4px color-mix(in srgb, var(--sky-300) 55%, transparent);color:var(--sky-500);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 dashed var(--sky-200,#cfe6ff);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}.sys-list{flex-direction:column;gap:8px;display:flex}.sys-btn{text-align:left;width:100%;min-height:60px;font:inherit;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-1);align-items:center;gap:12px;padding:8px 12px;transition:border-color .15s,background .15s,transform .12s;display:flex}.sys-btn:hover{border-color:var(--sky-300);background:var(--sky-50)}.sys-btn:active{transform:scale(.985)}.sys-ico{border-radius:var(--r-md);background:var(--sky-100);width:42px;height:42px;color:var(--sky-700);flex:none;justify-content:center;align-items:center;display:flex}.sys-ico .ico{width:22px;height:22px}.sys-txt{flex-direction:column;flex:1;min-width:0;display:flex}.sys-txt b{font-size:var(--fs-lg);font-weight:600}.sys-txt small{font-size:var(--fs-xs);color:var(--ink-3)}.sys-chev{color:var(--ink-3)}.sys-btn.primary{border-color:var(--sky-300);background:linear-gradient(#fff, var(--sky-50))}.sys-btn.primary .sys-ico{background:linear-gradient(#6ec9f6, var(--sky-500));color:#fff}.sys-btn.danger .sys-ico{background:var(--coral-100);color:var(--coral-600)}.sys-btn.danger b{color:var(--coral-600)}.sys-btn.danger:hover{background:#fff7f6;border-color:#ffc9c6}@media (orientation:landscape) and (max-height:520px){body.touch .sys-list{grid-template-columns:1fr 1fr;display:grid}body.touch .sys-btn.primary{grid-column:1/-1}}.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;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{border:1px solid var(--line-strong);min-width:24px;box-shadow:0 2px 0 var(--line-strong);font:600 var(--fs-xs) / 18px var(--font);color:var(--ink);text-align:center;white-space:nowrap;background:#fff;border-radius:6px;padding:1px 7px}.help-sec{padding:12px 14px;scroll-margin:8px;transition:border-color .2s,box-shadow .2s}.help-sec.on{border-color:var(--sky-300);box-shadow:var(--shadow-1), inset 3px 0 0 var(--sky-500)}.help-sec-head{align-items:center;gap:8px;display:flex}.help-sec-head h3{font-size:var(--fs-lg);color:var(--sky-700);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(--sky-400)}.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(--sky-50,#f3f8ff);opacity:.72;border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:6px 8px;display:flex}.help-seq.ok{opacity:1;box-shadow:inset 3px 0 0 var(--gold-400,#ffc93c);background:#fff8e1}.help-seq-keys{flex-wrap:wrap;flex:0 auto;align-items:center;row-gap:4px;min-width:0}.help-seq-keys kbd.chord{background:#fff1c2;border-color:#e0a800;box-shadow:0 2px #e0a800}.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:#8a5a00}.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:color-mix(in srgb, var(--sky-100) 60%, #fff);border:2px solid var(--sky-200);min-width:0;min-height:40px;color:var(--sky-800);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)));border-radius:50%;flex:none;justify-content:center;align-items:center;width:38px;height:38px;font-weight:600;display:flex;box-shadow:0 0 0 2px #fff,0 2px 4px #28246433}.gm-av .ico{width:55%;height:55%}.gm-acts{border-radius:var(--r-lg);background:color-mix(in srgb, var(--sky-50) 80%, #fff);border:2px dashed var(--sky-200);flex-wrap:wrap;gap:6px;padding:8px;display:flex}.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 dashed var(--line,#0000001f);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:color-mix(in srgb, var(--sky-50) 60%, #fff);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 #fff,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:color-mix(in srgb, var(--sky-50) 70%, #fff);align-items:center;gap:10px;min-height:52px;margin:0 0 8px;padding:4px 8px;display:flex}.gm-isel>.gm-sub{margin:0}.gm-iname b{white-space:normal}.gm-opts{border-radius:var(--r-md);background:color-mix(in srgb, var(--sky-50) 45%, #fff);margin:0 0 8px;padding:6px 8px}.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-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);border:2px solid var(--sky-200);max-width:180px;min-height:44px;color:var(--ink);text-align:left;cursor:pointer;background:#fff;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{border-color:var(--sky-500);background:var(--sky-50);box-shadow:inset 0 -3px 0 var(--sky-300)}.gm-mm{aspect-ratio:1;border-radius:var(--r-lg);cursor:crosshair;width:min(100%,320px);box-shadow:0 0 0 3px #fff, 0 0 0 5px var(--sky-300);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);color:#fff;max-width:calc(100% - 16px);font-size:var(--fs-xs);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;background:#101a30bf;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;border:2px solid var(--k-line,var(--sky-200));background:linear-gradient(#fff, var(--k-bg,var(--sky-50)));min-height:48px;color:var(--ink);box-shadow:0 3px 0 var(--k-line,var(--sky-200));transition:transform .2s var(--bounce);align-items:center;gap:8px;padding:6px 10px;display:flex}.gm-preset:active:not(:disabled){box-shadow:0 1px 0 var(--k-line,var(--sky-200));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 #fff}.gm-preset-ico .ico{width:17px;height:17px}.k-exp{--k-a:#ffe08a;--k-b:var(--gold-500);--k-line:#ffd977;--k-bg:#fff6d8}.k-drop{--k-a:#c9b6ff;--k-b:var(--lilac-600);--k-line:#cdbfff;--k-bg:var(--lilac-100)}.k-gold{--k-a:#9fe6c6;--k-b:var(--mint-600);--k-line:#9fe6c6;--k-bg:var(--mint-100)}.k-boss{--k-a:#ffb3b0;--k-b:var(--coral-600);--k-line:#ffb3b0;--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:0 0 0 3px var(--gold-400), 0 10px 26px #1e185059;background:radial-gradient(circle,#ffffff80 1.6px,#0000 2.2px) 0 0/16px 16px,linear-gradient(135deg,#fff6d8,#ffe08a);border:3px solid #fff;align-items:center;gap:12px;padding:10px 18px 10px 10px;display:flex;position:absolute;transform:translate(-50%)}.gm-banner.event{box-shadow:0 0 0 3px var(--c-pink-400), 0 10px 26px #1e185059;background:radial-gradient(circle,#ffffff73 1.6px,#0000 2.2px) 0 0/16px 16px,linear-gradient(135deg,#ffe3f1,#e2d6ff)}.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:#fff;background:radial-gradient(circle at 35% 30%, #ffe9a8, var(--gold-500));border-radius:50%;flex:none;justify-content:center;align-items:center;width:46px;height:46px;display:flex;box-shadow:0 0 0 3px #fff,0 3px 6px #1e185040}.gm-banner.event .gm-banner-ico{background:radial-gradient(circle at 35% 30%, #ffc4e1, var(--c-pink-500))}.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)}#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,#effff7,#fff 70%);border-color:#9fe6c6;box-shadow:0 3px #9fe6c6,0 4px 12px #1fa97a1f}#win-auto .ap-hero.paused{background:linear-gradient(110deg,#fff8e0,#fff 70%);border-color:#ffd977;box-shadow:0 3px #ffd977}#win-auto .ap-bubble{color:#fff;background:radial-gradient(circle at 35% 28%,#e9eef8 0 14%,#b9c2d8 15%,#8d97b3);border-radius:50%;flex:none;justify-content:center;align-items:center;width:52px;height:52px;display:flex;box-shadow:0 0 0 3px #fff,0 3px 8px #28246433}#win-auto .ap-hero.on .ap-bubble{background:radial-gradient(circle at 35% 28%, #fff 0 14%, #7debc0 15%, var(--mint-600))}#win-auto .ap-hero.paused .ap-bubble{background:radial-gradient(circle at 35% 28%, #fff 0 14%, var(--gold-300) 15%, var(--gold-600))}#win-auto .ap-bubble .ico{stroke-width:2.2px;filter:drop-shadow(0 1px #0a281e59);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{position:absolute;bottom:-12px;right:14px;box-shadow:0 0 0 2px #fff}#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{color:var(--gold-700);background:#fff4cf}#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:#d9534f}#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:var(--dots), linear-gradient(110deg, #fff6cf, #ffe7a0);background-size:18px 18px,auto;border-color:#ffd35c;box-shadow:0 3px #f0b93a}#win-auto .ap-crown{color:#6e4700;background:radial-gradient(circle at 34% 28%, #fff 0 12%, #fff3b8 13%, var(--gold-400) 48%, var(--gold-600));border-radius:50%;flex:none;justify-content:center;align-items:center;width:50px;height:50px;display:flex;box-shadow:0 0 0 3px #fff,0 2px 6px #9a5f004d}#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{width:26px;height:26px;color:var(--gold-700);background:#fff4cf;border-radius:50%;flex:none;padding:5px}#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-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:color-mix(in srgb, var(--sky-50) 80%, #fff);border:1.5px solid color-mix(in srgb, var(--sky-100) 90%, #fff);align-items:center;gap:10px;padding:8px 10px;display:flex}#win-auto-sum .ap-tile-ico{width:36px;height:36px;color:var(--sky-600);box-shadow:0 0 0 2px var(--sky-100);background:#fff;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}.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 #fff,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}}.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-400);box-shadow:0 0 0 2px var(--mint-700), 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-100)}@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:var(--gold-200);-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:var(--gold-200);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{pointer-events:none;width:52px;height:52px;animation:combo-ya-frames .28s steps(4) 2, combo-ya-pop .8s var(--bounce,ease-out) both;background-repeat:no-repeat;background-size:400% 100%;margin-left:-26px;position:absolute;bottom:calc(100% + 30px);left:50%}@keyframes combo-ya-frames{0%{background-position:0 0}to{background-position:-208px 0}}@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 #0009;font-variant-numeric:tabular-nums;box-shadow:inset 0 0 0 1.5px #ffffff52, 0 0 0 2px var(--mint-400), 0 3px 8px #0a082859;transition:transform .15s var(--bounce,ease), box-shadow .15s;background:radial-gradient(circle,#ffffff12 1.6px,#0000 2.2px) 0 0/12px 12px,#181a48b8;border:0;align-items:center;gap:5px;padding:0 4px 0 9px;display:inline-flex;position:absolute;top:1px;right:calc(100% + 6px)}.ch-pill[hidden]{display:none}.ch-pill.pk{box-shadow:inset 0 0 0 1.5px #ffffff52, 0 0 0 2px var(--coral-400), 0 3px 8px #0a082859}@media (hover:hover){.ch-pill:hover{background-color:#222664d1;transform:translateY(-1px)}}.ch-pill:active{transform:scale(.95)}.ch-pill:focus-visible{box-shadow:0 0 0 2px #fff, 0 0 0 5px var(--sky-400);outline:none}.ch-dot{background:var(--mint-400);width:9px;height:9px;box-shadow:0 0 0 2px #ffffffd9, 0 0 6px var(--mint-400);border-radius:50%;flex:none}.ch-pill.pk .ch-dot{background:var(--coral-400);box-shadow:0 0 0 2px #ffffffd9, 0 0 6px var(--coral-400)}.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:var(--gold-700);text-shadow:none;background:linear-gradient(#fff3c4, var(--gold-300));padding:2px 5px;box-shadow:0 0 0 1.5px #fff}.ch-bonus[hidden]{display:none}.ch-sw{width:22px;height:22px;color:var(--sky-600);background:radial-gradient(circle at 35% 28%, #fff 45%, var(--sky-100));border-radius:50%;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 1px #1e286e73}.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;box-shadow:0 0 0 1.5px #ffffffd9, 0 0 5px var(--mint-400)}body.touch .ch-pill.pk .ch-dot{box-shadow:0 0 0 1.5px #ffffffd9, 0 0 5px var(--coral-400)}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-color:var(--mint-400)}.ch-card.pk.here{border-color:var(--coral-400)}.ch-badge{color:#fff;background:linear-gradient(#6be8b5, var(--mint-600));border-radius:50%;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:inset 0 -3px #0000001f,0 0 0 2px #fff,0 2px 6px #1e185033}.ch-card.pk .ch-badge{background:linear-gradient(#ff9d93, var(--coral-600))}.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{background:var(--mint-100);color:var(--mint-700);border-color:#9fe6c6;flex:none}.ch-card.pk .ch-here{background:var(--coral-100);color:var(--coral-700);border-color:#ffb3b0}.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}#screen-chan{flex-direction:column;align-items:center;display:flex}.chan-bar-top{z-index:2;align-self:stretch;align-items:center;gap:8px;min-height:40px;display:flex;position:relative}.chan-actions{gap:6px;margin-left:auto;display:flex}.chan-bar-top .btn.ghost{color:var(--sky-700);background:radial-gradient(circle at 35% 25%,#fff 40%,#eaf4ff);border-color:#fff;box-shadow:0 3px #2850a059,0 4px 10px #28247833}.chan-bar-top .btn.ghost:hover{color:var(--sky-800);background:#fff}.chan-user{border-radius:var(--r-pill);color:#fff;min-width:0;font-size:var(--fs-sm);white-space:nowrap;text-overflow:ellipsis;background:#101c348c;padding:5px 14px;font-weight:600;overflow:hidden}.chan-user:empty{display:none}.chan-wrap{z-index:1;flex-direction:column;align-items:center;gap:14px;width:min(860px,100%);margin:auto 0;padding:4px 0 12px;display:flex;position:relative}.chan-logo{filter:drop-shadow(0 5px #ffffff8c)drop-shadow(0 10px 18px #3c288c73);width:min(230px,52vw);height:auto;animation:6s ease-in-out infinite float;display:block}html[data-quality=low] .chan-logo{animation:none}.chan-head{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.chan-title{border-radius:var(--r-pill);font-size:var(--fs-2xl);color:var(--sky-700);box-shadow:0 0 0 3px var(--sky-300), 0 5px 0 #2f9be659, 0 10px 22px #32288c4d;background:#fff;margin:0;padding:6px 30px;font-weight:700;position:relative}.chan-title:before,.chan-title:after{content:"";background:var(--gold-400);width:14px;height:14px;-webkit-mask:var(--spark) center / contain no-repeat;-webkit-mask:var(--spark) center / contain no-repeat;mask:var(--spark) center / contain no-repeat;margin-top:-7px;position:absolute;top:50%}.chan-title:before{left:10px}.chan-title:after{right:10px}.chan-sub{border-radius:var(--r-lg);color:#fff;max-width:560px;font-size:var(--fs-sm);text-shadow:0 1px #5a2d8c,1px 0 #5a2d8c,-1px 0 #5a2d8c,0 -1px #5a2d8c;background:#6e3cbe8c;margin:0;padding:3px 14px;font-weight:600}.chan-list{grid-template-columns:repeat(auto-fit,minmax(min(330px,100%),1fr));gap:22px 18px;width:100%;padding-top:10px;display:grid}.chan-card{--ring:var(--c-mint-300);--edge:#2eaa7866;--deep:var(--mint-700);cursor:pointer;min-height:150px;font:inherit;color:var(--ink);text-align:left;background:radial-gradient(circle, color-mix(in srgb, var(--ring) 32%, transparent) 2px, transparent 2.6px) 0 0 / 22px 22px, linear-gradient(180deg, #fff, #fffdfa 70%);box-shadow:0 0 0 3px var(--ring), 0 7px 0 var(--edge), 0 18px 34px #32288c4d;transition:transform .18s var(--bounce), box-shadow .18s var(--ease);animation:pop-up .45s var(--bounce) backwards;background-color:#fffdfa;border:4px solid #fff;border-radius:28px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:18px 16px 18px 18px;display:grid;position:relative}.chan-card:nth-child(2){animation-delay:60ms}.chan-card:nth-child(3){animation-delay:.12s}.chan-card.pk{--ring:#ffb3ad;--edge:#e65a5066;--deep:var(--coral-700)}@media (hover:hover){.chan-card:hover{box-shadow:0 0 0 3px var(--ring), 0 10px 0 var(--edge), 0 22px 38px #32288c57;transform:translateY(-3px)}}.chan-card:active{box-shadow:0 0 0 3px var(--ring), 0 2px 0 var(--edge), 0 8px 18px #32288c47;transform:translateY(5px)}.chan-card:focus-visible{box-shadow:0 0 0 3px var(--ring), 0 0 0 7px var(--sky-400), 0 7px 0 var(--edge);outline:none}.chan-badge{color:#fff;background:linear-gradient(#6be8b5, var(--mint-600));border-radius:50%;justify-content:center;align-items:center;width:62px;height:62px;display:flex;box-shadow:inset 0 -4px #0000001f,0 0 0 3px #fff,0 3px 8px #1e185038}.chan-card.pk .chan-badge{background:linear-gradient(#ff9d93, var(--coral-600))}.chan-badge .ico{stroke-width:2.2px;width:30px;height:30px}.chan-main{flex-direction:column;align-items:flex-start;gap:7px;min-width:0;display:flex}.chan-top{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chan-name{font-size:var(--fs-2xl);color:var(--deep);line-height:1.15}.chan-top .chip,.chan-rate{font-weight:700}.chan-rate .ico{color:var(--gold-600)}.chan-desc{font-size:var(--fs-sm);color:var(--ink-2);line-height:1.35}.chan-load{--load:var(--mint-400);--load-ink:var(--mint-700);font-size:var(--fs-sm);align-self:stretch;align-items:center;gap:8px;display:flex}.chan-load[data-load=mid]{--load:var(--gold-400);--load-ink:var(--gold-700)}.chan-load[data-load=high]{--load:var(--coral-400);--load-ink:var(--coral-700)}.chan-people{font-variant-numeric:tabular-nums;color:var(--ink);flex:none;align-items:center;gap:4px;font-weight:700;display:inline-flex}.chan-people .ico{color:var(--ink-3)}.chan-bar{border-radius:var(--r-pill);background:var(--sunken);flex:1;min-width:40px;height:10px;overflow:hidden;box-shadow:inset 0 1px 2px #2824642e,0 0 0 2px #fff}.chan-bar i{border-radius:inherit;background:var(--stripes) 0 0 / 14px 14px, var(--load);height:100%;transition:width .4s var(--ease);display:block}.chan-load-label{color:var(--load-ink);flex:none;font-weight:700}.chan-go{color:#fff;background:linear-gradient(#6be8b5, var(--mint-600));border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;display:flex;box-shadow:inset 0 -3px #00000024,0 0 0 3px #fff,0 3px 6px #1e185033}.chan-card.pk .chan-go{background:linear-gradient(#ff9d93, var(--coral-600))}.chan-go .ico{stroke-width:2.8px;width:24px;height:24px}.chan-last{border-radius:var(--r-pill);font-size:var(--fs-sm);color:#fff;background:linear-gradient(var(--c-lilac-400), var(--c-lilac-600));text-shadow:0 1px #3c1e78b3,1px 0 #3c1e78b3,-1px 0 #3c1e78b3,0 -1px #3c1e78b3;border:2px solid #fff;align-items:center;gap:4px;padding:3px 12px 3px 9px;font-weight:700;display:inline-flex;position:absolute;top:-15px;left:22px;box-shadow:0 3px #5a3caa59,0 4px 10px #32288c40}.chan-last .ico{stroke-width:2.6px;width:14px;height:14px}.chan-last[hidden]{display:none}.chan-foot{justify-content:center;display:flex}#chan-msg:empty{display:none}.cs-chan{border-radius:var(--r-pill);cursor:pointer;height:36px;font:600 var(--fs-sm) / 1 var(--font);color:var(--ink);white-space:nowrap;box-shadow:0 0 0 2px var(--mint-400), 0 3px 0 #2850a04d, 0 4px 10px #28247833;transition:transform .15s var(--bounce);background:#fffffff0;border:2px solid #fff;flex:none;align-items:center;gap:7px;padding:0 4px 0 12px;display:inline-flex}.cs-chan[hidden]{display:none}.cs-chan.pk{box-shadow:0 0 0 2px var(--coral-400), 0 3px 0 #2850a04d, 0 4px 10px #28247833}@media (hover:hover){.cs-chan:hover{transform:translateY(-1px)}}.cs-chan:active{transform:scale(.96)}.cs-chan-dot{background:var(--mint-400);width:10px;height:10px;box-shadow:0 0 0 2px #fff, 0 0 6px var(--mint-400);border-radius:50%;flex:none}.cs-chan.pk .cs-chan-dot{background:var(--coral-400);box-shadow:0 0 0 2px #fff, 0 0 6px var(--coral-400)}.cs-chan-name{font-weight:700}.cs-chan-name .short{display:none}.cs-chan-pk{border-radius:var(--r-pill);font-size:var(--fs-xs);background:var(--mint-100);color:var(--mint-700);padding:2px 7px;font-weight:700}.cs-chan.pk .cs-chan-pk{background:var(--coral-100);color:var(--coral-700)}.cs-chan-sw{border-radius:var(--r-pill);color:#fff;background:linear-gradient(var(--sky-400), var(--sky-600));text-shadow:0 1px #143c7899;align-items:center;gap:4px;height:28px;padding:0 10px 0 8px;display:inline-flex;box-shadow:inset 0 -2px #00000024}.cs-chan-sw .ico{stroke-width:2.6px;width:15px;height:15px}body.touch .cs-chan{height:44px}body.touch .cs-chan-sw{height:34px}@media (max-width:760px){.chan-wrap{gap:10px}.chan-logo{width:min(170px,46vw)}.chan-title{font-size:var(--fs-xl);padding:5px 28px}.chan-sub{font-size:var(--fs-xs)}.chan-list{gap:20px}.chan-card{border-radius:24px;gap:12px;min-height:0;padding:16px 12px 14px 14px}.chan-badge{width:50px;height:50px}.chan-badge .ico{width:25px;height:25px}.chan-name{font-size:var(--fs-xl)}.chan-go{width:40px;height:40px}}@media (orientation:portrait) and (max-width:760px){.cs-chan{gap:5px;padding-left:9px}.cs-chan-name .full,.cs-chan-sw .lbl{display:none}.cs-chan-name .short{display:inline}.cs-chan-sw{justify-content:center;width:34px;padding:0}}@media (orientation:landscape) and (max-height:520px){.chan-bar-top{top:max(8px, var(--safe-t));left:max(10px, var(--safe-l));right:max(10px, var(--safe-r));position:absolute}.chan-wrap{gap:8px;width:min(780px,100%);margin:auto 0;padding-top:0}.chan-logo-wrap{z-index:2;top:max(2px, var(--safe-t));position:fixed;left:50%;transform:translate(-50%)}.chan-logo{width:72px;animation:none}.chan-head{flex-direction:row;gap:10px}.chan-title{font-size:var(--fs-lg);padding:4px 26px}.chan-sub{display:none}.chan-list{grid-template-columns:1fr 1fr;gap:14px;padding-top:8px}.chan-card{gap:10px;padding:12px 10px 10px 12px}.chan-desc{display:none}.chan-main{gap:6px}.chan-badge{width:44px;height:44px}.chan-badge .ico{width:22px;height:22px}.chan-go{width:36px;height:36px}.cs-chan-sw .lbl{display:none}.cs-chan-sw{justify-content:center;width:34px;padding:0}}.screen{z-index:10;touch-action:pan-y;color:var(--ink);padding:max(12px, var(--safe-t)) max(12px, var(--safe-r)) max(12px, var(--safe-b)) max(12px, var(--safe-l));background:#6fb7ee;position:fixed;inset:0;overflow:auto}.screen:before{content:"";z-index:-2;background:var(--ui-loading-art) center 80% / cover no-repeat;filter:blur(4px)saturate(1.15);position:fixed;inset:-12px}.screen:after{content:"";z-index:-1;background:radial-gradient(circle,#ffffff38 2px,#0000 2.6px) 0 0/28px 28px,radial-gradient(120% 80% at 50% 112%,#ffe2aaa6,#0000 60%),linear-gradient(#6ec4ff9e 0%,#a0aaff4d 45%,#ff96c873 100%);position:fixed;inset:0}.deco{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.deco i{display:block;position:absolute}.deco .cloud{opacity:.75;filter:drop-shadow(0 6px 10px #505ab42e);background:#fff;border-radius:46px;width:150px;height:46px;animation:46s linear infinite drift}.deco .cloud:before,.deco .cloud:after{content:"";background:#fff;border-radius:50%;position:absolute}.deco .cloud:before{width:64px;height:64px;top:-30px;left:22px}.deco .cloud:after{width:46px;height:46px;top:-20px;left:74px}.deco .c1{top:9%;left:-170px}.deco .c2{opacity:.6;animation-duration:62s;animation-delay:-30s;top:30%;left:-170px;transform:scale(.7)}.deco .c3{opacity:.5;animation-duration:54s;animation-delay:-12s;top:68%;left:-170px;transform:scale(.85)}@keyframes drift{to{translate:calc(100vw + 340px)}}.deco .spark{width:18px;height:18px;-webkit-mask:var(--spark) center / contain no-repeat;-webkit-mask:var(--spark) center / contain no-repeat;mask:var(--spark) center / contain no-repeat;background:#fff;animation:2.6s ease-in-out infinite twinkle}.deco .spark.gold{background:#ffe57a}.deco .spark.pink{background:#ffc2df}.deco .heart{width:16px;height:16px;-webkit-mask:var(--heart) center / contain no-repeat;-webkit-mask:var(--heart) center / contain no-repeat;mask:var(--heart) center / contain no-repeat;background:#ff9cc9;animation:4s ease-in-out infinite bob}.deco .s1{top:14%;left:12%}.deco .s2{width:24px;height:24px;animation-delay:-1s;top:22%;right:16%}.deco .s3{width:12px;height:12px;animation-delay:-1.8s;top:62%;left:8%}.deco .s4{animation-delay:-.6s;top:78%;right:10%}.deco .s5{width:12px;height:12px;animation-delay:-2.2s;top:44%;left:46%}.deco .s6{width:14px;height:14px;animation-delay:-1.3s;top:8%;left:58%}.deco .h1{top:52%;right:6%}.deco .h2{width:12px;height:12px;animation-delay:-2s;top:84%;left:22%}@keyframes twinkle{0%,to{opacity:.25;transform:scale(.6)rotate(0)}50%{opacity:1;transform:scale(1)rotate(20deg)}}@keyframes bob{50%{transform:translateY(-10px)rotate(-8deg)}}body.touch .deco .cloud{width:110px;height:34px}body.touch .deco .cloud:before{width:48px;height:48px;top:-22px;left:16px}body.touch .deco .cloud:after{width:34px;height:34px;top:-15px;left:54px}#screen-none{display:none}#screen-login{flex-wrap:wrap;place-content:safe center center;align-items:safe center;gap:clamp(16px,6vw,96px);display:flex}.auth-hero{text-align:center;flex-direction:column;align-items:center;gap:6px;max-width:440px;display:flex;position:relative}.auth-hero .logo{filter:drop-shadow(0 6px #ffffff8c)drop-shadow(0 12px 22px #3c288c73);width:min(380px,70vw);height:auto;animation:6s ease-in-out infinite float;display:block}@keyframes float{50%{transform:translateY(-8px)rotate(-1deg)}}html[data-quality=low] .auth-hero .logo{animation:none}.auth-tag{border-radius:var(--r-pill);color:#fff;font-size:var(--fs-lg);text-shadow:0 1px #5a2d8c,1px 0 #5a2d8c,-1px 0 #5a2d8c,0 -1px #5a2d8c;background:#7846c859;margin:0;padding:4px 16px;font-weight:600}.auth-card{width:min(410px,100%);color:var(--ink);box-shadow:0 0 0 3px var(--sky-300), 0 8px 0 #2f9be640, 0 22px 44px #32288c59;animation:pop-up .5s var(--bounce);background:radial-gradient(circle,#b5e0ff59 2px,#0000 2.6px) 0 0/22px 22px,#fffdfa linear-gradient(#f2f9ff,#fffdfa 160px);border:4px solid #fff;border-radius:30px;padding:20px 22px;position:relative}.auth-card:before{content:"";pointer-events:none;background:var(--art-seal) center bottom / contain no-repeat;filter:drop-shadow(0 -1px #fff)drop-shadow(0 4px 3px #1e185033);width:74px;height:64px;position:absolute;top:-50px;right:16px}.auth-card:after{content:"";pointer-events:none;background:var(--art-chick) center / contain no-repeat;filter:drop-shadow(0 4px 3px #1e185040);width:52px;height:52px;position:absolute;bottom:-18px;left:-22px;transform:rotate(-12deg)}@keyframes pop-up{0%{opacity:0;transform:translateY(18px)scale(.94)}}.auth-tabs{margin-bottom:16px}.auth-tabs .tab{min-height:42px;font-size:var(--fs-md)}.auth-pane .field{margin-bottom:14px}.input-wrap{position:relative}.input-wrap>.ico{width:19px;height:19px;color:var(--sky-400);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.input-wrap input{min-height:46px;padding-left:42px!important}.input-wrap.pw input{padding-right:46px!important}.input-wrap input:focus~.ico,.input-wrap:focus-within>.ico{color:var(--sky-600)}.pw-eye{width:44px;height:44px;color:var(--ink-3);border-radius:var(--r-md);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:2px;transform:translateY(-50%)}.pw-eye:hover{color:var(--sky-600)}.pw-eye .ico{width:20px;height:20px}.field-hint.err{color:var(--coral-600);font-weight:600}.field-hint.ok{color:var(--mint-600);font-weight:600}.field-hint:empty{display:none}.pw-meter{background:linear-gradient(90deg, var(--pw,transparent) var(--pw-w,0%), color-mix(in srgb, var(--sky-100) 80%, #fff) 0);border-radius:4px;height:7px;margin-top:3px;transition:background .2s;box-shadow:inset 0 1px 2px #28246426}.pw-meter i{display:none}.pw-meter[data-score="1"]{--pw:var(--coral-400);--pw-w:25%}.pw-meter[data-score="2"]{--pw:var(--gold-400);--pw-w:50%}.pw-meter[data-score="3"]{--pw:var(--mint-400);--pw-w:75%}.pw-meter[data-score="4"]{--pw:var(--mint-600);--pw-w:100%}.auth-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:-2px 0 6px;display:flex}.auth-row .check{min-height:44px;color:var(--ink-2);font-weight:400;font-size:var(--fs-sm);cursor:pointer;align-items:center;gap:8px;margin:0;display:flex}.auth-pane .msg{text-align:center;min-height:20px;margin:4px 0 8px}.auth-pane .msg:empty{min-height:8px;margin:0}.auth-switch{text-align:center;color:var(--ink-2);font-size:var(--fs-sm);margin:12px 0 0}.pane-head{align-items:center;gap:6px;margin:-4px 0 12px;display:flex}.pane-head h3{font-size:var(--fs-xl);color:var(--sky-700);margin:0;font-weight:600}.auth-pane.busy .btn.primary,.auth-pane.busy .btn.gold{opacity:.7}.auth-foot{flex-wrap:wrap;flex-basis:100%;justify-content:center;align-items:center;gap:8px;display:flex;position:relative}.auth-foot .btn.ghost,.cs-top .btn.ghost{color:var(--sky-700);background:radial-gradient(circle at 35% 25%,#fff 40%,#eaf4ff);border-color:#fff;box-shadow:0 3px #2850a059,0 4px 10px #28247833}.auth-foot .btn.ghost:hover,.cs-top .btn.ghost:hover{color:var(--sky-800);background:#fff}.server-pill{border-radius:var(--r-pill);min-height:34px;color:var(--ink);font-size:var(--fs-sm);background:#ffffffeb;border:2px solid #fff;align-items:center;gap:8px;padding:0 16px;font-weight:600;display:inline-flex;box-shadow:0 3px #2850a04d,0 4px 10px #28247833}.server-pill .dot{background:var(--gold-400)}.server-pill[data-state=on] .dot{background:var(--mint-400);animation:2s infinite pulse;box-shadow:0 0 0 3px #4fd3a04d}.server-pill[data-state=off] .dot{background:var(--coral-400)}@keyframes pulse{50%{box-shadow:0 0 0 6px #4fd3a00d}}html[data-quality=low] .server-pill .dot{animation:none}#reg-extra:empty,#forgot-body:empty,#change-body:empty{display:none}#forgot-body .btn,#change-body .btn{width:100%;min-height:48px;margin-top:4px}#screen-chars{touch-action:none;grid-template:"top top""stage panel"minmax(0,1fr)/minmax(0,1fr) minmax(360px,430px);padding:0;display:grid;overflow:hidden}.cs-top{padding:calc(8px + var(--safe-t)) calc(14px + var(--safe-r)) 8px calc(14px + var(--safe-l));grid-area:top;align-items:center;gap:12px;display:flex}.cs-logo{filter:drop-shadow(0 4px 10px #0a1e4680);width:auto;height:52px;display:block}.cs-top-actions{gap:6px;margin-left:auto;display:flex}.lastinfo{border-radius:var(--r-md);color:#fff;min-width:0;font-size:var(--fs-xs);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#101c3499;flex-direction:column;gap:1px;padding:4px 12px;display:flex}.lastinfo:empty{display:none}.lastinfo span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lastinfo .lastinfo-main{font-weight:600;font-size:var(--fs-sm)}.lastinfo .lastinfo-sub{opacity:.85}.lastinfo .lastinfo-warn{color:var(--gold-300);font-weight:600}#chars-preview{z-index:0;min-height:0;position:absolute;inset:0;overflow:hidden}#chars-preview .cs-canvas{touch-action:none;opacity:0;width:100%;height:100%;transition:opacity .5s;display:block;position:absolute;inset:0}#chars-preview.ready .cs-canvas,#chars-preview.no-gl .cs-canvas{opacity:1}.cs-stage-loading{pointer-events:none;border:4px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:40px;height:40px;margin:-20px 0 0 -20px;animation:.9s linear infinite cs-spin;position:absolute;top:45%;left:50%}#chars-preview.ready .cs-stage-loading,#chars-preview.no-gl .cs-stage-loading{display:none}@keyframes cs-spin{to{transform:rotate(360deg)}}.cs-plates{pointer-events:none;position:absolute;inset:0;overflow:hidden}.cs-plate{border-radius:var(--r-pill);color:#fff;max-width:46vw;font-size:var(--fs-xs);white-space:nowrap;pointer-events:auto;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);will-change:transform;background:#101c3480;flex-direction:column;align-items:center;gap:0;margin-top:-4px;padding:2px 10px 3px;line-height:1.25;display:flex;position:absolute;top:0;left:0}.cs-plate b{font-weight:600;font-size:var(--fs-sm);text-overflow:ellipsis;max-width:100%;overflow:hidden}.cs-plate small{opacity:.85;font-size:var(--fs-xs)}.cs-plate.sel{box-shadow:0 0 0 2px var(--gold-300,#ffd36a), var(--shadow-2);background:#101c34ad;padding:4px 16px 5px}.cs-plate.sel b{font-size:var(--fs-md)}.cs-plate.vacant{min-height:36px;font:inherit;font-size:var(--fs-sm);color:var(--sky-600,#1f7fc4);box-shadow:var(--shadow-2);background:#ffffffe0;border:0;flex-direction:row;gap:6px;padding:4px 14px;font-weight:600}.cs-plate-plus{font-size:1.3em;line-height:1}#chars-preview.creating .cs-plate.vacant{display:none}:is(body.touch,html[data-quality=low] body) :is(.cs-plate:not(.vacant),.lastinfo){-webkit-backdrop-filter:none;background:#101c34a8}:is(body.touch,html[data-quality=low] body) .cs-plate.sel{background:#101c34c7}body.touch .cs-plate:after{content:"";border-radius:inherit;position:absolute;inset:-6px -4px}.cs-stage-hint{left:50%;top:calc(64px + var(--safe-t));border-radius:var(--r-pill);color:#fff;font-size:var(--fs-xs);white-space:nowrap;pointer-events:none;background:#101c3473;padding:4px 12px;display:none;position:absolute;transform:translate(-50%)}#chars-preview.creating .cs-stage-hint:not(:empty){display:block}#chars-preview.dragged .cs-stage-hint{opacity:0;transition:opacity .6s}.cs-arrow{width:44px;height:44px;color:var(--ink);box-shadow:var(--shadow-2);cursor:pointer;background:#ffffffd1;border:0;border-radius:50%;justify-content:center;align-items:center;margin:-22px 0 0 -22px;display:flex;position:absolute;top:0;left:0}#chars-preview.creating .cs-arrow{display:none}.cs-top{z-index:2;pointer-events:none;position:relative}.cs-top>*{pointer-events:auto}.chars-select,.chars-create{z-index:1;pointer-events:none;min-height:0;padding:0 calc(14px + var(--safe-r)) calc(14px + var(--safe-b)) 0;flex-direction:column;grid-area:panel;justify-content:center;display:flex;position:relative}.cs-panel,.cc-panel{pointer-events:auto}.cs-info{align-items:center;gap:10px;margin-bottom:8px;display:none}.cs-info-main{flex-direction:column;flex:1;min-width:0;display:flex}.cs-info-main b{font-size:var(--fs-lg);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.cs-info-main small{color:var(--ink-2);font-size:var(--fs-sm)}.cs-info-empty{color:var(--ink-2);font-size:var(--fs-sm);padding:6px 0}.cs-panel,.cc-panel{min-height:0;max-height:100%;animation:pop-up .45s var(--bounce);background:radial-gradient(circle,#ffc2df52 2px,#0000 2.6px) 0 0/22px 22px,#fffdfa linear-gradient(#fff3f9,#fffdfa 140px);border:4px solid #fff;border-radius:26px;flex-direction:column;flex:0 auto;padding:16px;display:flex;position:relative;box-shadow:0 0 0 3px #ffb3d4,0 6px #f04f9733,0 18px 40px #32288c4d}.cs-head,.cc-head{align-items:center;gap:8px;margin-bottom:12px;display:flex}.cs-head h2,.cc-head h2{font-size:var(--fs-xl);color:var(--c-pink-700);flex:1;margin:0;font-weight:600}.cs-head h2:before,.cc-head h2:before{content:"";vertical-align:-2px;background:var(--c-pink-400);width:18px;height:18px;-webkit-mask:var(--heart) center / contain no-repeat;-webkit-mask:var(--heart) center / contain no-repeat;mask:var(--heart) center / contain no-repeat;margin-right:6px;display:inline-block}.cs-list{touch-action:pan-y;flex-direction:column;flex:1;gap:8px;min-height:0;padding:2px;display:flex;overflow-y:auto}.cs-card{text-align:left;width:100%;min-height:72px;color:var(--ink);background:var(--card);border:1.5px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-1);align-items:center;gap:12px;padding:10px 14px;transition:border-color .15s,box-shadow .15s,transform .12s,background .15s;display:flex}.cs-card:hover{border-color:var(--sky-300)}.cs-card:active{transform:scale(.99)}.cs-card.selected{border-color:var(--sky-400);background:linear-gradient(90deg, var(--sky-50), #fff);box-shadow:0 0 0 3px #2f9be633, var(--shadow-1)}.cs-card.vacant{box-shadow:none;color:var(--ink-2);background:#ffffff8c;border-style:dashed}.cs-main{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.cs-main b{font-size:var(--fs-lg);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.cs-main small{color:var(--ink-2);font-size:var(--fs-sm)}.cs-map{align-items:center;gap:4px;display:inline-flex;color:var(--ink-3)!important;font-size:var(--fs-xs)!important}.cs-lv{display:none}.cs-plus{background:var(--sky-50);width:48px;height:48px;color:var(--sky-500);border:1.5px dashed var(--sky-300);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.cs-actions{gap:8px;margin-top:12px;display:flex}.cs-actions .cs-start{flex:1}.cs-actions .cs-del{color:var(--coral-700)}.cs-keys{text-align:center;margin:8px 0 0}body.touch .cs-keys{display:none}.cc-job-ico{color:#fff;text-shadow:0 1px 2px #0000004d;background:linear-gradient(145deg, var(--a,var(--sky-300)), var(--b,var(--sky-600)));border-radius:50%;flex:none;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;font-weight:600;display:flex;box-shadow:inset 0 2px #ffffff59,0 2px 6px #14285040}[data-job=warrior]{--a:#ff9a7a;--b:#d9423f}[data-job=knight]{--a:#8fc3ff;--b:#2f6fd1}[data-job=jester]{--a:#ffb3d9;--b:#d85aa0}[data-job=mage]{--a:#c7a8ff;--b:#7656e0}[data-job=priest]{--a:#ffe39a;--b:#e0a21c}[data-job=craftsman]{--a:#ffc38a;--b:#c86b1a}[data-job=hunter]{--a:#8fe3b6;--b:#2b9a62}[data-job=cook]{--a:#ffd4a3;--b:#e08048}[data-job=beginner]{--a:#c9d6e6;--b:#7b8ca6}.cc-job-ico .ico,#self-ring .ico{stroke-width:2.2px;filter:drop-shadow(0 1px 1px #00000040);width:54%;height:54%}.cc-cancel{margin-left:-6px}.cc-steps{counter-reset:s;grid-template-columns:repeat(4,1fr);gap:4px;margin:0 0 14px;padding:0;list-style:none;display:grid}.cc-steps li button{width:100%;min-height:52px;color:var(--ink-3);font-size:var(--fs-xs);background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;padding:4px 0;font-weight:600;display:flex}.cc-stepno{width:28px;height:28px;font-size:var(--fs-sm);background:var(--sunken);color:var(--ink-2);border-radius:50%;justify-content:center;align-items:center;transition:background .2s,color .2s,box-shadow .2s;display:flex}.cc-steps li{position:relative}.cc-steps li+li:before{content:"";background:var(--line);border-radius:1px;width:calc(100% - 36px);height:2px;position:absolute;top:18px;right:calc(50% + 18px)}.cc-steps li.done+li:before,.cc-steps li.done:before,.cc-steps li.active:before{background:var(--sky-300)}.cc-steps li.active button{color:var(--sky-700)}.cc-steps li.active .cc-stepno{background:var(--sky-500);color:#fff;box-shadow:0 0 0 4px #2f9be633}.cc-steps li.done .cc-stepno{background:var(--sky-100);color:var(--sky-700)}.cc-body{touch-action:pan-y;flex:1;min-height:0;padding:2px;overflow-y:auto}.cc-step{animation:.2s fade-in}.cc-label{font-size:var(--fs-sm);color:var(--ink-2);margin:0 0 6px;font-weight:600}.cc-gender{margin-bottom:14px}.cc-gender .seg-btn{min-height:44px;font-size:var(--fs-md)}.cc-stepper{align-items:center;gap:8px;margin-bottom:10px;display:flex}.cc-stepper .btn.icon{border-radius:50%;width:48px;min-height:48px}.cc-stepper-mid{border-radius:var(--r-md);background:var(--sunken);flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:48px;display:flex}.cc-stepper-mid small{font-size:var(--fs-xs);color:var(--ink-2)}.cc-stepper-mid b{font-size:var(--fs-lg);font-variant-numeric:tabular-nums}.cc-rotate-hint{text-align:center}.cc-jobs{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;display:grid}.cc-job{text-align:left;min-height:64px;color:var(--ink);background:var(--card);border:1.5px solid var(--line);border-radius:var(--r-md);align-items:center;gap:10px;padding:8px 10px;transition:border-color .15s,box-shadow .15s,background .15s;display:flex}.cc-job .cc-job-ico{width:40px;height:40px;font-size:17px}.cc-job:hover{border-color:var(--sky-300)}.cc-job.selected{border-color:var(--sky-400);background:var(--sky-50);box-shadow:0 0 0 3px #2f9be633}.cc-job-main{flex-direction:column;min-width:0;display:flex}.cc-job-main b{font-weight:600}.cc-job-main small{font-size:var(--fs-xs);color:var(--ink-2);line-height:1.3}.cc-jobdetail{margin-top:4px}.cc-stats{flex-direction:column;gap:7px;display:flex}.cc-statrow{font-size:var(--fs-sm);color:var(--ink-2);grid-template-columns:104px 1fr;align-items:center;gap:10px;display:grid}.cc-statrow .bar.thin{height:10px}.cc-statchips{flex-wrap:wrap;gap:6px;display:flex}.cc-sumcard{flex-direction:column;gap:8px;display:flex}.cc-sumtop{align-items:center;gap:12px;display:flex}.cc-sumwho{flex-direction:column;min-width:0;display:flex}.cc-sumwho b{font-size:var(--fs-xl);font-weight:600}.cc-sumwho small{color:var(--ink-2)}.cc-nav{gap:8px;margin-top:12px;display:flex}.cc-nav .btn{min-height:48px;font-size:var(--fs-md);flex:1}#chars-msg{left:50%;top:calc(74px + var(--safe-t));z-index:5;border-radius:var(--r-pill);max-width:calc(100% - 24px);box-shadow:var(--shadow-2);text-align:center;animation:toast-in .2s var(--ease);background:#fffdf8f5;margin:0;padding:8px 18px;position:fixed;transform:translate(-50%)}#chars-msg:empty{display:none}#loading{z-index:30;background:#6fb7ee;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}#loading:before{content:"";background:var(--ui-loading-art) center / cover no-repeat;filter:saturate(1.15);position:absolute;inset:-12px}#loading:after{content:"";background:radial-gradient(circle,#ffffff29 2px,#0000 2.6px) 0 0/28px 28px,linear-gradient(#6ec4ff1f 0%,#0000 40%,#965ad273 72%,#46288cd9 100%);position:absolute;inset:0}#loading .deco{z-index:1}.loading-box{left:50%;bottom:max(28px, calc(16px + var(--safe-b)));z-index:2;color:#fff;text-align:center;flex-direction:column;align-items:center;gap:10px;width:min(560px,100vw - 32px);display:flex;position:absolute;transform:translate(-50%)}.loading-logo-wrap{left:50%;top:max(3vh, calc(8px + var(--safe-t)));z-index:2;position:absolute;transform:translate(-50%)}.loading-logo{filter:drop-shadow(0 6px #ffffff80)drop-shadow(0 12px 22px #3c288c73);width:min(360px,62vw,40vh);height:auto;animation:6s ease-in-out infinite float;display:block}html[data-quality=low] .loading-logo{animation:none}.loading-mascot{width:86px;height:92px;margin-bottom:-4px;position:relative}.loading-mascot:before{content:"";background:var(--art-seal) center bottom / contain no-repeat;filter:drop-shadow(0 3px #ffffffb3);transform-origin:50% 100%;height:74px;animation:.9s cubic-bezier(.3,0,.4,1) infinite seal-bounce;position:absolute;top:0;left:0;right:0}.loading-mascot:after{content:"";background:#1e0a4659;border-radius:50%;width:56px;height:10px;margin-left:-28px;animation:.9s cubic-bezier(.3,0,.4,1) infinite seal-shadow;position:absolute;bottom:2px;left:50%}@keyframes seal-bounce{0%,to{transform:translateY(0)scale(1.08,.9)}15%{transform:translateY(-2px)scale(.96,1.06)}50%{transform:translateY(-16px)scale(1)}85%{transform:translateY(-2px)scale(.98,1.03)}}@keyframes seal-shadow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.65)}}#loading-text{font-size:var(--fs-lg);text-shadow:0 1px #4a2a8c,1px 0 #4a2a8c,-1px 0 #4a2a8c,0 -1px #4a2a8c,0 3px 6px #0006;font-weight:600}#loading-bar{background:#28145a73;width:100%;height:22px;box-shadow:inset 0 2px 4px #00000073,0 0 0 3px #fff,0 0 0 5px #ff8fb8b3,0 6px 14px #1e0a4666}#loading-bar i{background:var(--stripes), linear-gradient(#fff3a6, var(--exp-a) 35%, var(--exp-b));background-size:28px 28px,auto;animation:.8s linear infinite stripes-move}@keyframes stripes-move{to{background-position:28px 0,0 0}}#loading-bar span{font-size:12px;line-height:22px}#loading-bar span:empty{display:none}.loading-tip{text-align:left;background:var(--art-npc-chick) 12px 50% / 38px auto no-repeat, linear-gradient(#fff, #fff7fb);min-height:3em;font-size:var(--fs-sm);color:var(--ink);border:3px solid #fff;border-radius:20px;margin:4px 0 0;padding:9px 16px 9px 62px;line-height:1.45;position:relative;box-shadow:0 0 0 2.5px #ffc2df,0 6px 16px #1e0a4659}.loading-tip:empty{visibility:hidden}.loading-tip:before{content:"เคล็ดลับ";border-radius:var(--r-pill);color:#7a1a4c;font-size:var(--fs-xs);background:linear-gradient(#ffd3e6,#ff9cc9);margin-right:8px;padding:0 10px;font-weight:600;display:inline-block}.loading-tip.in{animation:tip-in .45s var(--bounce)}@keyframes tip-in{0%{opacity:0;transform:translateY(8px)scale(.95)}}html[data-quality=low] .loading-mascot:before,html[data-quality=low] .loading-mascot:after,html[data-quality=low] #loading-bar i{animation:none}body.touch .loading-mascot{width:70px;height:76px}body.touch .loading-mascot:before{height:60px}@media (max-width:760px){#screen-login{flex-flow:column;justify-content:safe center;gap:10px}.auth-hero .logo{width:min(260px,64vw)}.auth-tag{font-size:var(--fs-sm);text-wrap:balance;border-radius:18px;max-width:calc(min(410px,100vw - 24px) - 188px)}.auth-card{border-radius:22px;padding:16px 16px 18px}.auth-foot{flex-basis:auto}}@media (orientation:portrait) and (max-width:760px){#screen-chars{grid-template:"top""stage"minmax(0,1fr)"panel"/minmax(0,1fr)}.chars-select,.chars-create{padding:0 calc(8px + var(--safe-r)) calc(8px + var(--safe-b)) calc(8px + var(--safe-l))}#screen-chars.creating{grid-template-rows:auto minmax(130px,30dvh) minmax(0,1fr)}.cs-info{display:flex}.cs-info .cc-job-ico{width:40px;height:40px;font-size:17px}.cs-list{touch-action:pan-x;flex-direction:row;flex:none;gap:6px;overflow:auto hidden}.cs-list .cs-card{text-align:center;flex-direction:column;flex:1 1 0;gap:4px;min-width:52px;min-height:0;padding:6px 4px}.cs-list .cs-card .cc-job-ico,.cs-list .cs-plus{width:32px;height:32px;font-size:14px}.cs-list .cs-main{align-items:center;width:100%}.cs-list .cs-main b{font-size:var(--fs-xs);max-width:100%}.cs-list .cs-main small{display:none}.cs-panel,.cc-panel{border-radius:20px;padding:12px}.cs-logo{height:38px}.cs-top{padding-top:calc(6px + var(--safe-t));gap:8px;padding-bottom:4px}.cs-top .lastinfo{display:none}.cs-card{min-height:64px;padding:8px 12px}.cs-head,.cc-head,.cc-steps{margin-bottom:8px}.cc-jobs{grid-template-columns:1fr 1fr}.cc-job{gap:8px;min-height:56px;padding:6px 8px}.cc-job .cc-job-ico{width:34px;height:34px;font-size:15px}#chars-msg{top:calc(52px + var(--safe-t))}body.touch #screen-chars .lastinfo:not(:empty){bottom:auto;left:50%;top:calc(56px + var(--safe-t));z-index:3;max-width:calc(100% - 16px);display:flex;position:fixed;transform:translate(-50%)}}@media (orientation:portrait) and (max-width:440px){#screen-chars .cs-top #btn-logout{width:var(--tap);justify-content:center;gap:0;padding:0;font-size:0}}@media (orientation:landscape) and (max-height:520px){#screen-login{flex-flow:row;align-items:safe center;gap:18px}.auth-hero{max-width:300px}.auth-hero .logo{width:min(240px,34vw)}.auth-card{width:min(400px,56vw);max-height:calc(100dvh - 16px);padding:12px 16px;overflow-y:auto}.auth-tabs{margin-bottom:10px}.auth-pane .field{margin-bottom:8px}.auth-tag{display:none}.auth-hero{gap:10px}.auth-foot{left:max(10px, var(--safe-l));bottom:max(8px, var(--safe-b));justify-content:center;width:calc(44vw - 20px);position:fixed}#screen-chars{grid-template:"top top""stage panel"minmax(0,1fr)/minmax(0,1fr) minmax(280px,42vw)}.cs-top{padding:calc(6px + var(--safe-t)) calc(10px + var(--safe-r)) 6px calc(10px + var(--safe-l))}.cs-top picture,.cs-top .lastinfo{display:none}.chars-select,.chars-create{padding:0 calc(8px + var(--safe-r)) calc(8px + var(--safe-b)) 0}.cs-panel,.cc-panel{border-radius:18px;padding:10px 12px}.cs-head,.cc-head{margin-bottom:6px}.cs-head h2,.cc-head h2{font-size:var(--fs-lg)}.cs-card{min-height:56px;padding:6px 10px}.cs-card .cc-job-ico{width:40px;height:40px}.cs-actions{margin-top:8px}.cc-steps{margin-bottom:4px}.cc-steps li button{flex-direction:row;justify-content:center;min-height:44px}.cc-steps li+li:before{display:none}.cc-nav{margin-top:8px}.cc-nav .btn{min-height:44px}.loading-box{bottom:max(12px, var(--safe-b));gap:6px}.loading-tip{min-height:0;padding:6px 12px}}