.site{--s-bg:#05070e;--s-surface:#0f1526b8;--s-surface-2:#131b30;--s-line:#8caaff1a;--s-line-2:#8caaff2e;--s-text:#ecf2ff;--s-text-2:#a4b1ca;--s-text-3:#6b7893;--s-brand:#2ee6f6;--s-brand-ink:#03161b;--s-gold:#ffcf4a;--s-silver:#d3dcec;--s-bronze:#e39459;--s-ok:#34d399;--s-bad:#f87171;--s-link:#7fdcff;--s-grad:linear-gradient(120deg, #2ee6f6 0%, #3b82f6 55%, #8b5cf6 100%);--s-display:"Sora", "Inter", system-ui, sans-serif;background:var(--s-bg);min-height:100%;color:var(--s-text);flex-direction:column;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;line-height:1.6;display:flex;position:relative;overflow-x:hidden}.site a{color:var(--s-link);text-decoration:none}.site a:hover{color:#c3efff}.site :focus-visible{outline:2px solid var(--s-brand);outline-offset:3px;border-radius:6px}.site-bg{z-index:0;pointer-events:none;background:radial-gradient(60% 50% at 15% 0,#2ee6f624,#0000 70%),radial-gradient(50% 40% at 90% 10%,#8b5cf624,#0000 70%);position:fixed;inset:0}.site>:not(.site-bg){z-index:1;position:relative}.site-nav{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--s-line);background:#060912d1;align-items:center;gap:16px;padding:12px max(16px,50% - 550px);display:flex;position:sticky;top:0;z-index:5!important}.site-brand{font-family:var(--s-display);white-space:nowrap;font-size:18px;font-weight:800;color:#fff!important}.site-brand b{background:var(--s-grad);color:var(--s-brand-ink);vertical-align:2px;border-radius:6px;margin-left:4px;padding:1px 7px;font-size:12px}.site-links{scrollbar-width:none;flex:1;gap:4px;display:flex;overflow-x:auto}.site-links::-webkit-scrollbar{display:none}.site-links a{white-space:nowrap;border-radius:10px;padding:6px 12px;font-weight:600;color:var(--s-text-2)!important}.site-links a:hover,.site-links a.active{background:#8caaff14;color:#fff!important}.site-btn,.site button.site-btn{cursor:pointer;background:var(--s-grad);font:inherit;white-space:nowrap;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:9px 18px;font-weight:700;transition:transform .2s,filter .2s;display:inline-flex;box-shadow:0 10px 30px -12px #2ee6f699;color:var(--s-brand-ink)!important}.site-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.site-btn:disabled{opacity:.55;cursor:default;transform:none}.site-btn.big{padding:12px 24px;font-size:16px}.site-btn.ghost,.site button.site-btn.ghost{border:1px solid var(--s-line-2);box-shadow:none;background:#8caaff0f;color:var(--s-text)!important}.site-main{flex-direction:column;flex:1;gap:20px;width:100%;max-width:1100px;margin:0 auto;padding:28px 16px 40px;display:flex}.site-footer{text-align:center;border-top:1px solid var(--s-line);color:var(--s-text-3);padding:20px 16px;font-size:13px}.site-muted{color:var(--s-text-2)}.site h1,.site h2,.site h3{font-family:var(--s-display);letter-spacing:-.01em;margin:0}.site-card{background:var(--s-surface);border:1px solid var(--s-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:20px;box-shadow:0 20px 50px -20px #000000a6}.site-card h2{margin-bottom:12px;font-size:20px}.site-empty{text-align:center;color:var(--s-text-2)}.site-hero{flex-direction:column;gap:14px;max-width:640px;padding:48px 0 12px;display:flex}.site-hero h1{background:var(--s-grad);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(34px,7vw,56px);line-height:1.05}.site-hero p{color:var(--s-text-2);margin:0;font-size:17px}.site-kicker{color:var(--s-brand);letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:700}.site-features{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.site-features h3{margin-bottom:4px;font-size:17px}.site-features p{margin:0}.site-more{margin-top:12px;font-weight:600;display:inline-block}.site-top{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.site-top li{background:#8caaff0a;border-radius:12px;align-items:center;gap:10px;padding:6px 10px;display:flex}.site-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.site-head h1{font-size:32px}.site-head p{color:var(--s-text-2);margin:4px 0 0}.site select,.site input:not([type=checkbox]){width:100%;font:inherit;color:var(--s-text);border:1px solid var(--s-line-2);background:#080c17bf;border-radius:10px;padding:10px 12px;font-size:14px}.site-head select{width:auto;min-width:200px}.site-nav .lang-switch{width:auto;padding:6px 8px;font-size:13px}.site select:focus,.site input:focus{border-color:var(--s-brand);outline:none;box-shadow:0 0 0 2px #2ee6f626}.site-tabs{border:1px solid var(--s-line);scrollbar-width:none;background:#080c1799;border-radius:16px;gap:6px;padding:6px;display:flex;overflow-x:auto}.site-tabs button,.site-pages button{color:var(--s-text-2);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:11px;flex:none;padding:8px 14px;font-weight:600}.site-tabs button.active,.site-pages button.active{background:var(--s-grad);color:var(--s-brand-ink)}.site-pages{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.site-podium{grid-template-columns:1fr 1.12fr 1fr;align-items:end;gap:14px;padding-top:8px;display:grid}.site-podium-card{--tone:211, 220, 236;text-align:center;background:linear-gradient(180deg, rgba(var(--tone), .1), #0b101ebf);border:1px solid rgba(var(--tone), .25);border-radius:20px;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:26px 12px 18px;display:flex;position:relative}.site-podium-card.p1{--tone:255, 207, 74;padding-top:38px;box-shadow:0 30px 70px -30px #ffcf4a73}.site-podium-card.p3{--tone:227, 148, 89}.site-podium-rank{width:30px;height:30px;font-family:var(--s-display);background:rgb(var(--tone));color:#111;border-radius:50%;place-items:center;font-weight:800;display:grid;position:absolute;top:-14px}.site-podium-avatar{background:radial-gradient(circle, rgba(var(--tone), .22), transparent 70%);border-radius:50%;place-items:center;width:96px;height:96px;display:grid}.site-podium-card h3{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:17px;overflow:hidden}.site-podium-card strong{font-family:var(--s-display);color:rgb(var(--tone));margin-top:8px;font-size:26px;line-height:1}.site-podium-card strong small{letter-spacing:.1em;text-transform:uppercase;color:var(--s-text-3);margin-top:4px;font-family:inherit;font-size:11px;display:block}.site-podium-card .site-status{margin-top:8px}.site-rank-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.site-rank-list li{border:1px solid var(--s-line);background:linear-gradient(90deg,#141c32a6,#0b101e80);border-radius:14px;grid-template-columns:40px 48px minmax(0,1fr) auto 70px;align-items:center;gap:12px;padding:8px 14px;display:grid}.site-rank-n{font-family:var(--s-display);color:var(--s-text-3);text-align:center;font-weight:800}.site-rank-av{background:#8caaff0f;border-radius:14px;place-items:center;width:48px;height:48px;display:grid}.site-rank-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:700;overflow:hidden}.site-rank-name small{color:var(--s-text-2);font-size:13px;font-weight:400;display:block}.site-rank-val{font-family:var(--s-display);color:var(--s-brand);text-align:right;font-size:17px;font-weight:800}.site-status{color:#fca5a5;background:#f871711a;border:1px solid #f8717159;border-radius:999px;align-items:center;gap:6px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-flex}.site-status i{background:currentColor;border-radius:50%;width:7px;height:7px}.site-status.on{color:#6ee7b7;background:#34d3991f;border-color:#34d39966}.site-form{flex-direction:column;gap:14px;width:100%;max-width:560px;margin:0 auto;display:flex}.site-form>p{margin:0}.site-form.narrow{max-width:400px}.site-form.wide{max-width:760px}.site-form label,.site-label{text-transform:uppercase;letter-spacing:.04em;color:var(--s-text-2);flex-direction:column;flex:1;gap:6px;font-size:11px;font-weight:700;display:flex}.site-form label input,.site-form label select{text-transform:none;letter-spacing:normal;font-weight:400}.site-form .site-check{text-transform:none;letter-spacing:normal;flex-direction:row;align-items:flex-start;gap:10px;font-size:14px;font-weight:400}.site-check input{width:auto;accent-color:var(--s-brand);flex:none;margin-top:4px}.site-row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.site-row>*{flex:200px}.site-errors{color:#fecaca;background:#f871711a;border:1px solid #f8717159;border-radius:12px;margin:0;padding:10px 14px 10px 30px;font-size:14px}.site-notice{color:#bbf7d0;background:#34d3991a;border:1px solid #34d39959;border-radius:12px;margin:0;padding:10px 14px}.site-links-row{flex-wrap:wrap;justify-content:space-between;gap:8px;margin:0;font-size:14px;display:flex}.site-captcha{min-height:78px}.site-vocations{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;display:grid}.site-vocations button{cursor:pointer;border:1px solid var(--s-line);color:var(--s-text);font:inherit;background:#8caaff0a;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;display:flex}.site-vocations button:hover{border-color:var(--s-line-2)}.site-vocations button.active{border-color:var(--s-brand);box-shadow:0 0 0 1px var(--s-brand);background:#2ee6f61a}.site-vocations small{color:var(--s-text-3);font-size:12px}.site-vocations canvas,.site-podium-avatar canvas,.site-rank-av canvas{image-rendering:pixelated}.site .char-list button{border-radius:12px;align-items:center;gap:12px;padding:8px 14px}.site .char-list strong{text-align:left;flex:1}.site .char-list canvas{image-rendering:pixelated}@media (width<=640px){.site-nav{flex-wrap:wrap;gap:8px 10px;padding:10px 16px 6px}.site-brand{flex:1;font-size:16px}.site-nav .lang-switch{padding:4px 6px}.site-links{flex-basis:100%;order:3;margin:0 -8px}.site-links a{padding:4px 10px;font-size:14px}.site-podium{gap:8px}.site-podium-card{border-radius:16px;padding:20px 6px 12px}.site-podium-card.p1{padding-top:26px}.site-podium-avatar{width:64px;height:64px}.site-podium-avatar canvas{width:60px!important;height:60px!important}.site-podium-card h3{font-size:13px}.site-podium-card .site-muted{font-size:12px}.site-podium-card strong{font-size:19px}.site-podium-card .site-status{display:none}.site-rank-list li{grid-template-columns:28px 44px minmax(0,1fr) 56px;gap:8px;padding:8px 10px}.site-rank-list .site-status{display:none}.site-head select{width:100%}}:root{--bg:#0b1120;--panel:#121a2e;--border:#223053;--text:#e6ecff;--muted:#8b97b8;--accent:#3d8bff;--hp:#d23b3b;--mp:#3b6bd2;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--text);margin:0}button{font:inherit;cursor:pointer;background:var(--accent);color:#fff;border:0;border-radius:8px;padding:10px 16px}button.secondary{border:1px solid var(--border);color:var(--text);background:0 0}button:disabled{opacity:.6;cursor:default}input{font:inherit;border:1px solid var(--border);color:var(--text);background:#0a1020;border-radius:8px;width:100%;padding:10px 12px}.error{color:#ff7a7a}.center-screen{flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100%;padding:16px;display:flex}.panel{max-width:360px;margin:0 auto}.panel h1{margin:0 0 8px}.panel label{width:100%;color:var(--muted);flex-direction:column;gap:4px;display:flex}.panel>button{width:100%}.char-list{flex-direction:column;gap:8px;width:100%;margin:0;padding:0;list-style:none;display:flex}.char-list button{background:var(--panel);border:1px solid var(--border);justify-content:space-between;width:100%;display:flex}.char-list span{color:var(--muted)}.game{--side:0px;--glass:#0b1120b8;--edge:#ffffff1f;touch-action:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0;overflow:hidden}.viewport,.map-input{position:absolute;inset:0}.viewport canvas{image-rendering:pixelated;display:block}.map-input.crosshair{cursor:crosshair}.game-ui{display:contents}.bar{background:#0009;border-radius:4px;height:13px;position:relative;overflow:hidden}.bar>div{height:100%;transition:width .2s}.bar.hp>div{background:var(--hp)}.bar.mp>div{background:var(--mp)}.bar.xp{height:4px}.bar.xp>div{background:#c9a227}.bar span{text-align:center;text-shadow:0 1px 2px #000;font-size:10px;line-height:13px;position:absolute;inset:0}.notice{text-align:center;text-shadow:0 0 3px #000,0 0 3px #000;pointer-events:none;padding:0 16px;font-size:13px;font-weight:700;position:absolute;top:38%;left:0;right:0}.notice.look{color:#00eb00}.notice.warning{color:#f55e5e}.notice.status{color:#fff;top:auto;bottom:120px}.use-with-hint{text-align:center;color:#fff;text-shadow:0 0 3px #000;pointer-events:none;font-size:12px;position:absolute;top:64px;left:0;right:0}.top-bar{top:max(6px, env(safe-area-inset-top));z-index:8;background:linear-gradient(#101a33f0,#0b1224e6);border:1px solid #3d8bff33;border-radius:16px;align-items:center;gap:2px;max-width:calc(100% - 12px);padding:4px 10px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 4px 18px #0008}.top-icon{color:#b9c4e0;background:0 0;border:1px solid #0000;border-radius:9px;flex-direction:column;align-items:center;gap:1px;width:52px;padding:3px 0;display:flex}.top-icon img{object-fit:contain;filter:drop-shadow(0 1px 1px #000);width:26px;height:26px}.top-icon span{letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;font-size:8.5px;font-weight:700}.top-icon:hover,.top-icon.active{color:#fff;background:#3d8bff26;border-color:#3d8bff55}.top-icon.more b{font-size:20px;line-height:26px}.sheet-backdrop{z-index:25;background:#0006;justify-content:center;align-items:flex-start;padding-top:70px;display:flex;position:fixed;inset:0}.menu-sheet{border:1px solid var(--border);background:#0d1424f5;border-radius:14px;width:min(460px,100% - 16px);max-height:calc(100% - 90px);padding:10px;overflow-y:auto}.menu-sheet .grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:6px;display:grid}.menu-sheet .top-icon{border-color:var(--border);background:#151e33;width:auto;padding:8px 2px}.menu-sheet .top-icon img{width:32px;height:32px}.menu-sheet .top-icon span{font-size:10px}.menu-sheet .logout{flex:1;padding:8px}.menu-sheet .sheet-footer{margin-top:10px}.map-corner{top:max(6px, env(safe-area-inset-top));left:max(6px, env(safe-area-inset-left));z-index:6;flex-direction:column;gap:4px;width:176px;display:flex;position:absolute}.map-corner .minimap{border-color:var(--edge);background:#000;border-radius:10px;overflow:hidden}.bot-strip{background:var(--glass);border:1px solid var(--edge);border-radius:10px;align-items:center;gap:3px;padding:3px 4px 3px 8px;font-size:11px;display:flex}.bot-strip b{letter-spacing:.12em;color:#8b97b8;margin-right:auto}.bot-strip.on b{color:#3ccf6e}.bot-strip button{color:#8b97b8;background:#0008;border:1px solid #fff2;border-radius:6px;padding:2px 7px;font-size:10px;font-weight:700}.bot-strip button.active{color:#fff;background:#1d4fa0;border-color:#3d8bff}.side-panels{top:max(6px, env(safe-area-inset-top));right:max(6px, env(safe-area-inset-right));z-index:6;scrollbar-width:thin;pointer-events:none;flex-direction:column;gap:4px;width:214px;display:flex;position:absolute;bottom:8px;overflow-y:auto}.side-panels>*{pointer-events:auto}.side-panels .window{background:#121a2ef0}.side-panels .equipment{background:0 0;border:0}.side-panels.drawer{width:min(300px,86vw);padding:max(6px, env(safe-area-inset-top)) 6px 6px;border-left:1px solid var(--border);z-index:14;pointer-events:auto;background:#0d1424f5;position:fixed;top:0;bottom:0;right:0}.drawer-head{justify-content:space-between;align-items:center;padding:2px 4px 4px;font-weight:700;display:flex}.drawer-head button{background:0 0;padding:2px 10px;font-size:20px}.fight-modes{justify-content:center;gap:2px;padding:2px 4px 6px;display:flex}.fight-modes button{background:#0008;border:1px solid #fff2;border-radius:4px;padding:2px 7px;font-size:13px}.fight-modes button.active{border-color:var(--accent);background:#3d8bff55}@media (width<=1240px){.game-ui:not(.narrow) .map-corner,.game-ui:not(.narrow) .side-panels{top:70px}.top-bar .top-icon span{display:none}.top-bar .top-icon{width:40px}}.combat{left:50%;bottom:max(6px, env(safe-area-inset-bottom));z-index:5;flex-direction:column;align-items:stretch;gap:5px;max-width:calc(100% - 12px);display:flex;position:absolute;transform:translate(-50%)}.combat-row{justify-content:center;align-items:flex-end;gap:6px;display:flex}.status-bars{background:var(--glass);border:1px solid var(--edge);pointer-events:none;border-radius:12px;align-items:center;gap:6px;padding:3px 8px 3px 3px;display:flex}.status-bars .level{color:#1a1300;background:#c9a227;border-radius:50%;justify-content:center;align-items:center;min-width:30px;height:30px;padding:0 4px;font-size:12px;font-weight:800;display:flex}.status-bars .bars{flex:1;grid-template-columns:1fr 1fr;gap:3px 6px;display:grid}.status-bars .bar.xp{grid-column:span 2}.auto-button{display:flex;position:relative}.auto-button .auto{letter-spacing:.04em;background:var(--glass);color:#ffd36b;border:2px solid #c9a22799;border-radius:9px;width:54px;height:40px;padding:0;font-size:12px;font-weight:800}.auto-button .auto.on{color:#fff;background:#1d7a3fdd;border-color:#3ccf6e;animation:1.6s ease-in-out infinite alternate auto-pulse}.auto-button .auto-config{border:1px solid var(--edge);background:#1b2540;border-radius:50%;width:20px;height:20px;padding:0;font-size:11px;position:absolute;top:-8px;right:-8px}.auto-button.big{margin:0 8px}.auto-button.big .auto{white-space:nowrap;letter-spacing:.12em;color:#fff;background:linear-gradient(#2a6fe0,#1846a8);border:1px solid #6aa2ff;border-radius:21px;width:auto;height:42px;padding:0 22px;font-size:13px;box-shadow:0 0 14px #3d8bff66}.auto-button.big .auto.on{background:linear-gradient(#2fb866,#1d7a3f);border-color:#6af0a0;box-shadow:0 0 16px #3ccf6eaa}@keyframes auto-pulse{0%{box-shadow:0 0 #3ccf6e00}to{box-shadow:0 0 12px #3ccf6eaa}}.chat{left:max(6px, env(safe-area-inset-left));bottom:max(6px, env(safe-area-inset-bottom));z-index:7;flex-direction:column;width:min(380px,50% - 300px);font-size:12px;display:flex;position:absolute}.chat.closed{pointer-events:none}.chat.closed ol{height:auto;max-height:90px;padding:0 4px;overflow:hidden}.chat.closed li{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chat.open{border:1px solid var(--edge);background:#000c;border-radius:8px;width:min(460px,100% - 12px);bottom:54px}.chat nav{gap:2px;padding:2px;display:flex;overflow-x:auto}.chat nav button{white-space:nowrap;background:0 0;border:1px solid #fff2;border-radius:4px;padding:2px 8px;font-size:11px}.chat nav button.active{border-color:var(--accent);background:#3d8bff55}.chat nav .close{opacity:.7;margin-left:6px}.chat nav .chat-close{border:0;margin-left:auto;font-size:14px}.chat ol{text-shadow:0 1px 1px #000,0 0 2px #000;-webkit-user-select:text;user-select:text;height:130px;margin:0;padding:2px 6px;list-style:none;overflow-y:auto}.chat input{background:#000;border-radius:0 0 8px 8px;padding:6px;font-size:13px}.dialog{z-index:20;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog.channels ul{background:var(--panel);border:1px solid var(--border);border-radius:8px;min-width:200px;max-height:60vh;margin:0;padding:8px;list-style:none;overflow-y:auto}.dialog.channels button{text-align:left;background:0 0;width:100%;padding:6px 10px}.window{border:1px solid var(--border);background:#151e33;border-radius:6px;font-size:12px}.window>header{border-bottom:1px solid var(--border);align-items:center;gap:4px;padding:3px 6px;display:flex}.window>header .title{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.window button.icon{background:0 0;padding:0 6px;font-size:14px}.slot{touch-action:none;background:#0a0f1c 50%/32px no-repeat;border:1px solid #ffffff1a;border-radius:3px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.item-icon{border-radius:2px;display:inline-block;position:relative}.item-icon canvas{image-rendering:pixelated;display:block}.item-icon .count{text-shadow:1px 1px #000,-1px -1px #000;font-size:10px;font-weight:700;position:absolute;bottom:-1px;right:0}.thing-icon{image-rendering:pixelated}.equipment{border:1px solid var(--border);background:#151e33;border-radius:6px;justify-content:center;gap:4px;padding:6px;display:flex}.equipment-column{flex-direction:column;gap:3px;margin-top:13px;display:flex}.equipment-column.middle{margin-top:0}.container-window .grid{grid-template-columns:repeat(auto-fill,34px);justify-content:center;gap:2px;padding:4px;display:grid}.battle ul{margin:0;padding:2px;list-style:none}.battle li{cursor:pointer;border:1px solid #0000;border-radius:3px;grid-template-rows:auto 4px;grid-template-columns:24px 1fr;align-items:center;column-gap:4px;padding:2px 4px;display:grid}.battle li .thing-icon{grid-row:span 2}.battle li.attacking{border-color:red}.battle li.following{border-color:#0f0}.battle .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.battle .hp,.skills .percent{background:#000;height:3px;display:block}.battle .hp span{background:#0c0;height:100%;display:block}.skills dl{margin:0;padding:4px 6px}.skills dl>div{grid-template-columns:1fr auto;display:grid}.skills dt{color:var(--muted)}.skills dd{margin:0}.skills .percent{grid-column:span 2;margin-bottom:2px}.skills .percent span{background:#c9a227;height:100%;display:block}.minimap canvas{width:100%;image-rendering:pixelated;cursor:pointer;display:block}.dialog-window{background:var(--panel);min-width:260px;max-width:calc(100vw - 24px);padding-bottom:6px}.dialog-window footer{justify-content:flex-end;gap:6px;padding:6px 8px 0;display:flex}.dialog-window footer button,.dialog-window .trade-form button{padding:4px 12px}.npc-trade{z-index:15;width:300px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.npc-trade nav{gap:4px;padding:4px;display:flex}.npc-trade nav button{border:1px solid var(--border);background:0 0;flex:1;padding:4px}.npc-trade nav button.active{background:#3d8bff55}.trade-list{max-height:240px;margin:0;padding:2px 4px;list-style:none;overflow-y:auto}.trade-list li{cursor:pointer;border-radius:3px;grid-template-columns:34px 1fr auto;align-items:center;gap:6px;padding:2px;display:grid}.trade-list li.active{background:#3d8bff44}.trade-form{flex-direction:column;gap:4px;padding:6px 8px;display:flex}.trade-form label{align-items:center;gap:6px;display:flex}.trade-form input[type=checkbox]{width:auto}.count-prompt,.text-window,.player-trade{flex-direction:column;align-items:center;gap:6px;padding:0 0 8px;display:flex}.count-prompt input{width:200px}.text-window textarea{width:min(420px,90vw);height:240px;color:var(--text);border:1px solid var(--border);font:inherit;background:#0a1020;border-radius:6px;padding:8px}.trade-sides{gap:12px;padding:0 8px;display:flex}.trade-side .grid{grid-template-columns:repeat(4,34px);gap:2px;display:grid}.context-menu{z-index:30;background:var(--panel);border:1px solid var(--border);border-radius:6px;min-width:140px;margin:0;padding:4px;list-style:none;position:fixed;box-shadow:0 4px 16px #000a}.context-menu button{text-align:left;background:0 0;width:100%;padding:5px 10px;font-size:13px}.context-menu button:hover{background:#3d8bff44}.drag-ghost{z-index:40;pointer-events:none;opacity:.85;position:fixed}.status{text-align:center;z-index:50;background:#000c;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:16px;display:flex;position:absolute;inset:0}.action-bar{flex-wrap:wrap;justify-content:center;gap:3px;display:flex}.action-slot{background:var(--glass);border:1px solid #fff3;border-radius:7px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:flex;position:relative;overflow:hidden}.action-slot .spell-icon{width:34px;height:34px;image-rendering:pixelated}.action-slot .spell-text{font-size:9px;line-height:1}.action-slot .cooldown{pointer-events:none;position:absolute;inset:0}.action-slot .hotkey{color:#fffa;text-shadow:0 0 2px #000;font-size:8px;position:absolute;top:1px;left:2px}.action-page{background:var(--glass);border:1px solid var(--edge);border-radius:7px;width:28px;height:40px;padding:0;font-size:10px}.spell-picker{width:min(360px,92vw)}.spellbook{width:min(420px,94vw)}.spellbook ul{flex-direction:column;gap:4px;max-height:65vh;margin:0;padding:6px;list-style:none;display:flex;overflow-y:auto}.spellbook li{background:#0d152699;border-radius:6px;grid-template-columns:34px 1fr;align-items:start;gap:10px;padding:6px;display:grid}.spellbook .spell-icon{width:34px;height:34px;image-rendering:pixelated}.spellbook strong{display:block}.spellbook small{color:var(--muted)}.spellbook p{color:#c8d3ee;margin:4px 0 0;font-size:12px}.spell-picker ul{max-height:60vh;margin:0;padding:4px;list-style:none;overflow-y:auto}.spell-picker button{text-align:left;background:0 0;grid-template-rows:auto auto;grid-template-columns:34px 1fr;column-gap:8px;width:100%;padding:4px;display:grid}.spell-picker .spell-icon,.spell-picker .spell-text{grid-row:span 2;width:32px;height:32px}.spell-picker .meta{color:var(--muted);font-size:11px}.spell-picker li.locked{opacity:.45}@media (width<=1100px) and (pointer:fine){.chat{width:min(300px,50% - 250px)}.action-slot{width:34px;height:34px}.action-slot .spell-icon{width:30px;height:30px}}.game-ui:not(.narrow) .chat.open{width:min(420px,50% - 280px);min-width:280px;bottom:8px}.outfit-window{width:min(420px,94vw)}.outfit-preview{justify-content:center;padding:6px;display:flex}.outfit-list{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:4px;max-height:200px;margin:0;padding:4px;list-style:none;display:grid;overflow-y:auto}.outfit-list button{border:1px solid var(--border);background:#0a1020;flex-direction:column;align-items:center;gap:2px;width:100%;padding:4px;font-size:11px;display:flex}.outfit-list button.active{border-color:var(--accent)}.outfit-options{grid-template-columns:1fr 1fr;gap:6px;padding:6px 8px;display:grid}.outfit-options label{color:var(--muted);flex-direction:column;gap:2px;display:flex}.outfit-options label.disabled{opacity:.5}.outfit-options select{color:var(--text);border:1px solid var(--border);background:#0a1020;border-radius:4px;padding:3px}.quest-log{width:min(560px,94vw)}.quest-columns{grid-template-columns:1fr 1.4fr;gap:6px;max-height:60vh;padding:6px;display:grid}.quest-columns ul{margin:0;padding:0;list-style:none;overflow-y:auto}.quest-columns button{text-align:left;background:0 0;width:100%;padding:4px 6px;font-size:12px}.quest-columns button.active{background:#3d8bff44}.quest-columns dl{margin:0;overflow-y:auto}.quest-columns dt{font-weight:600}.quest-columns dd{color:var(--muted);white-space:pre-wrap;margin:0 0 6px}.item-received{right:calc(var(--side) + 12px);pointer-events:none;flex-direction:column;gap:4px;display:flex;position:absolute;bottom:200px}.item-received .received{background:#000a;border-radius:6px;align-items:center;gap:6px;padding:2px 8px 2px 2px;font-size:12px;font-weight:600;animation:3s ease-out forwards rise;display:flex}@keyframes rise{0%{opacity:1;transform:translateY(0)}80%{opacity:1}to{opacity:0;transform:translateY(-40px)}}.waypoints{width:min(620px,96vw)}.waypoint-columns{grid-template-columns:180px 1fr;gap:8px;max-height:70vh;padding:6px;display:grid}.waypoint-columns ul{margin:0;padding:0;list-style:none;overflow-y:auto}.waypoint-columns li button{text-align:left;background:0 0;justify-content:space-between;width:100%;padding:5px 8px;font-size:12px;display:flex}.waypoint-columns li button.active{background:#3d8bff44}.waypoint-columns li button.locked{opacity:.45}.waypoint-detail{flex-direction:column;gap:6px;display:flex;overflow-y:auto}.waypoint-detail h3{margin:0}.waypoint-detail p{white-space:pre-wrap;color:var(--muted);margin:0}.waypoint-creatures{flex-wrap:wrap;gap:4px;display:flex}.skills .bonus{border-top:1px solid var(--border)}.popup p{white-space:pre-wrap;max-width:420px;margin:0;padding:8px 12px}@media (width<=760px){.waypoint-columns{grid-template-columns:1fr}}.idle-bot{width:min(380px,96vw)}.idle-bot .hint{color:var(--muted);margin:4px 0;padding:0 8px;font-size:11px}.bot-form{flex-direction:column;gap:4px;max-height:75vh;padding:6px 8px;display:flex;overflow-y:auto}.bot-form h4{margin:6px 0 0;font-size:12px}.bot-form select{color:var(--text);border:1px solid var(--border);background:#0a1020;border-radius:4px;padding:4px}.bot-status{color:#f5a524;margin:0;font-weight:600}.bot-status.on{color:#3ccf6e}.bot-attack{margin:0;padding-left:18px}.bot-attack li span{min-width:60%;display:inline-block}.bot-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.bot-percent{align-items:center;gap:4px;font-size:11px;display:flex}.bot-percent input{width:110px}.bot-potions{flex-wrap:wrap;gap:2px;display:flex}.bot-potions button{border:1px solid var(--border);background:#0a1020;min-width:36px;height:36px;padding:1px}.bot-potions button.active{border-color:var(--accent)}.bot-tabs{gap:4px;margin:4px 0;display:flex}.bot-tabs button{letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--border);background:#0a1020;flex:1;padding:6px;font-size:12px;font-weight:700}.bot-tabs button.active{background:linear-gradient(#2a6fe0,#1846a8);border-color:#6aa2ff}.bot-hunt{flex-direction:column;gap:6px;display:flex}.bot-toggle{text-align:left;border:1px solid var(--border);background:#0a1020;align-items:center;gap:8px;padding:8px 10px;display:flex}.bot-toggle span{flex-direction:column;flex:1;gap:2px;display:flex}.bot-toggle small{color:var(--muted);font-size:11px}.bot-toggle i{color:var(--muted);background:#2a3150;border-radius:10px;padding:3px 10px;font-size:11px;font-style:normal;font-weight:800}.bot-toggle.on i{color:#fff;background:#1d4fa0}.bot-radius{color:var(--muted);flex-direction:column;gap:4px;font-size:12px;display:flex}.mobile-buttons{top:max(6px, env(safe-area-inset-top));right:max(6px, env(safe-area-inset-right));z-index:8;flex-direction:column;gap:5px;display:flex;position:absolute}.mobile-buttons>button,.mobile-buttons .top-icon{background:var(--glass);border:1px solid var(--edge);border-radius:11px;justify-content:center;width:42px;height:42px;padding:0;font-size:18px}.mobile-buttons .top-icon img{width:28px;height:28px}.mobile-buttons>button.active,.mobile-buttons .top-icon.active{border-color:var(--accent);background:#3d8bff55}.game-ui.narrow .map-corner{width:112px}.game-ui.narrow .bot-strip{flex-wrap:wrap;gap:2px;padding:3px}.game-ui.narrow .bot-strip b{text-align:center;width:100%;margin:0;font-size:10px}.game-ui.narrow .bot-strip button{flex:1;padding:3px 2px}.game-ui.narrow .combat{left:auto;right:max(10px, env(safe-area-inset-right));bottom:max(14px, env(safe-area-inset-bottom));transform:none}.game-ui.narrow .status-bars{top:max(6px, env(safe-area-inset-top));position:fixed;left:126px;right:60px}.game-ui.narrow .status-bars .bars{grid-template-columns:1fr}.game-ui.narrow .status-bars .bar.xp{grid-column:auto}.game-ui.narrow .combat-row{grid-template-areas:"bar bar""auto attack";place-items:end;gap:8px;display:grid}.game-ui.narrow .combat-row .action-bar{grid-area:bar}.game-ui.narrow .combat-row .auto-button{grid-area:auto}.game-ui.narrow .combat-row .attack-button{grid-area:attack}.game-ui.narrow .chat{width:min(360px,100% - 70px);top:172px;bottom:auto}.game-ui.narrow .chat.closed ol{max-height:64px;font-size:11px}.game-ui.narrow .chat.open{z-index:13;width:calc(100% - 12px);top:60px}.game-ui.narrow .notice.status{bottom:210px}.joystick{left:max(18px, env(safe-area-inset-left));bottom:max(18px, env(safe-area-inset-bottom));z-index:5;touch-action:none;background:radial-gradient(#ffffff14,#ffffff08);border:2px solid #ffffff2a;border-radius:50%;justify-content:center;align-items:center;width:124px;height:124px;display:flex;position:absolute}.joystick .knob{pointer-events:none;background:#ffffff40;border:2px solid #fff6;border-radius:50%;width:52px;height:52px}.joystick.active{border-color:#fff5}.joystick.active .knob{background:#3d8bff88}.attack-button{touch-action:none;background:#7a1d1dcc;border:2px solid #ff6b6b88;border-radius:50%;width:72px;height:72px;padding:0;font-size:30px;position:relative;overflow:hidden}.attack-button.on{border-color:#ff4d4d;box-shadow:0 0 10px #ff4d4d88}.attack-button .target-hp{background:#3ccf6e;height:5px;position:absolute;bottom:0;left:0}.game-ui.touch .action-bar{grid-template-columns:repeat(3,44px);gap:5px;display:grid}.game-ui.touch .action-slot{border-radius:50%;width:44px;height:44px}.game-ui.touch .action-slot .hotkey{display:none}.game-ui.touch .action-page{grid-column:span 3;width:auto;height:22px}.game-ui.touch .auto-button .auto{border-radius:50%;width:56px;height:56px}@media (pointer:coarse) and (height<=500px){.game-ui.narrow .map-corner{width:92px}.mobile-buttons{flex-direction:row}.mobile-buttons>button,.mobile-buttons .top-icon{width:38px;height:38px}.game-ui.narrow .status-bars{left:106px;right:230px}.game-ui.narrow .chat{width:min(320px,100% - 360px);top:50px;left:106px}.game-ui.touch .action-bar{grid-template-columns:repeat(6,40px)}.game-ui.touch .action-slot{width:40px;height:40px}.game-ui.touch .action-page{grid-column:span 6}.joystick{width:110px;height:110px}}.bank{--cur:#f0b429;--cur-value:#ffd36b;width:min(460px,96vw)}.bank.points{--cur:#45c8e8;--cur-value:#6fd6f0}.bank button{padding:5px 10px}.bank-currencies{gap:6px;padding:8px 8px 0;display:flex}.bank-currencies button{background:#1d2029;border:1px solid #2c2e3a;flex-direction:column;flex:1;gap:2px;display:flex}.bank-currencies button small{color:var(--muted);font-size:10px}.bank-currencies button.active.yens{color:#ffd36b;background:#2a2413;border-color:#f0b429}.bank-currencies button.active.points{color:#6fd6f0;background:#16303d;border-color:#45c8e8}.bank-cards{grid-template-columns:1fr auto 1fr;align-items:center;gap:6px;padding:8px;display:grid}.bank-cards div{border:1px solid var(--border);background:#0a1020;border-radius:6px;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;display:flex}.bank-cards span,.bank-cards small{color:var(--muted);min-height:12px;font-size:10px}.bank-cards strong{color:var(--cur-value);word-break:break-all;text-align:center;font-size:18px}.bank-cards b{color:var(--cur);font-size:18px}.bank-action{flex-direction:column;gap:6px;padding:0 8px 6px;display:flex}.bank-action nav{gap:4px;display:flex}.bank-action nav button{background:0 0;border:1px solid #4a5268;flex:1}.bank-action nav button.active.deposit{background:#4fd18b33;border-color:#4fd18b}.bank-action nav button.active.withdraw{background:#e0555533;border-color:#e05555}.bank-action .hint{text-align:center;color:var(--muted);margin:0}.bank-action label{color:var(--muted);justify-content:space-between;display:flex}.bank-action input{padding:6px 10px;font-size:16px}.bank-chips{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.bank-chips button{background:#232633;border:1px solid #4a5268}.bank-confirm.deposit{background:#2f8f5b}.bank-confirm.withdraw{background:#b8434f}.bank-toast{text-align:center;border-radius:6px;margin:0 8px;padding:6px}.bank-toast.ok{color:#d8ffe9;background:#1f3b2b;border:1px solid #3f9d68}.bank-toast.bad{color:#ffd9dc;background:#3d1f25;border:1px solid #b8434f}.bank footer{flex-wrap:wrap}.autoloot{width:min(460px,96vw)}.autoloot button{padding:4px 10px}.autoloot-body{flex-direction:column;gap:6px;max-height:70vh;padding:8px;display:flex;overflow-y:auto}.autoloot-body input:not([type=checkbox]){padding:5px 8px}.autoloot-toggle{cursor:pointer;align-items:flex-start;gap:8px;display:flex}.autoloot-toggle input{width:auto;margin-top:2px}.autoloot-toggle span,.autoloot-bag>span:nth-child(2){flex-direction:column;flex:1;gap:1px;display:flex}.autoloot-toggle small,.autoloot-bag small,.autoloot-hint{color:var(--muted);font-size:11px}.autoloot-bag{border:1px solid var(--border);background:#0a1020;border-radius:6px;align-items:center;gap:8px;padding:6px;display:flex}.autoloot-bag .slot{border:1px solid var(--border);border-radius:4px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.autoloot-bag .bad{color:#ff6b6b}.autoloot-list-head{justify-content:space-between;align-items:center;gap:6px;display:flex}.autoloot-list-head h4{color:#45c8e8;margin:0;font-size:11px}.autoloot-list{max-height:220px;margin:0;padding:0;list-style:none;overflow-y:auto}.autoloot-list li{grid-template-columns:34px 1fr auto;align-items:center;gap:6px;padding:1px 2px;display:grid}.autoloot-list li:nth-child(2n){background:#ffffff08}.autoloot-hint{text-align:center;margin:0}.autoloot-status{text-align:center;background:#14161e;border-radius:4px;min-height:18px;margin:0 8px;padding:3px 6px}.autoloot-status.success{color:#7ee08a;background:#1f3b2b}.autoloot-status.error{color:#ff6b6b;background:#3d1f25}.autoloot-status.info{color:#c9cee0;background:#1b1d26}.locker{text-align:center;width:min(300px,92vw)}.locker-item{justify-content:center;padding:12px;display:flex}.locker h3{margin:0 8px 8px}.locker-actions{flex-direction:column;gap:6px;padding:0 12px 6px;display:flex}.locker-actions button{padding:8px}.locker-actions button:last-child{border:1px solid var(--border);background:0 0}.exercise-box{width:min(440px,96vw)}.exercise-box h4{text-align:center;color:#f0b429;margin:8px}.exercise-options{flex-wrap:wrap;justify-content:center;gap:8px;padding:0 8px 8px;display:flex}.exercise-options button{background:#1d2029;border:1px solid #2c2e3a;flex-direction:column;align-items:center;gap:4px;width:96px;padding:8px 4px;font-size:11px;display:flex}.exercise-options button.active{background:#2a2413;border-color:#f0b429}.exercise-options small{color:#ffcf40;font-size:9px}.shrine{width:min(760px,96vw)}.shrine-cards{grid-template-columns:repeat(3,1fr);gap:8px;padding:8px;display:grid}.shrine-card{border:1px solid var(--border);text-align:center;background:#0a1020;border-radius:8px;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;display:flex}.shrine-card h3{margin:0}.shrine-card p{margin:0;font-weight:600}.shrine-card>button{margin-top:auto;padding:6px 16px}.shrine-confirm{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:auto;display:flex}.shrine-confirm p{width:100%;color:var(--text)}.shrine-confirm button{padding:4px 14px}@media (width<=760px){.shrine-cards{grid-template-columns:1fr}}.market{flex-direction:column;width:min(680px,96vw);max-height:92vh;display:flex}.market-tabs{flex-wrap:wrap;align-items:center;gap:4px;padding:6px 8px;display:flex}.market-tabs button{border:1px solid var(--border);background:0 0;padding:4px 12px}.market-tabs button.active{border-color:var(--accent);background:#3d8bff55}.market-wallet{gap:10px;margin-left:auto;font-weight:600;display:flex}.market-price.gold{color:#ffe14d}.market-price.points{color:#0ff}.market-price.offer{color:#aaa}.market-filters{gap:6px;padding:0 8px 6px;display:flex}.market-filters select,.market-sell select{color:var(--text);border:1px solid var(--border);background:#0a1020;border-radius:4px;padding:3px}.market-filters input{padding:4px 8px}.market-head,.market-row{grid-template-columns:30px 34px 1.4fr 1fr 54px 76px;align-items:center;gap:6px;padding:2px 8px;display:grid}.market-head{color:var(--muted);border-bottom:1px solid var(--border);font-size:11px}.market-list{flex:1;min-height:120px;margin:0;padding:2px 0;list-style:none;overflow-y:auto}.market-row{cursor:pointer}.market-row:nth-child(odd){background:#1d2029}.market-row:nth-child(2n){background:#191b23}.market-row:hover{background:#262a38}.market-row.active{background:#24506a}.market-history li{padding:4px 8px}.market-history li:nth-child(odd){background:#1d2029}.market .ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.market-footer{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;padding:6px 8px 0;display:flex}.market-footer button{padding:4px 12px}.market-pager{align-items:center;gap:4px;margin-right:auto;display:flex}.market-pager button{padding:2px 8px}.market-hint{margin:0;padding:0 8px 4px;font-size:11px}.market-hint.muted{color:var(--muted)}.market-picker{flex-wrap:wrap;gap:2px;max-height:84px;padding:0 8px 6px;display:flex;overflow-y:auto}.market-picker button{border:1px solid var(--border);background:#0a1020;border-radius:3px;width:34px;height:34px;padding:0}.market-sell{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:44px 1fr auto;align-items:start;gap:8px;padding:6px 8px;display:grid}.market-slot{border:1px solid var(--border);background:#0a1020;border-radius:4px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.market-sell-fields{flex-direction:column;gap:4px;min-width:0;display:flex}.market-sell-fields label{color:var(--muted);align-items:center;gap:6px;display:flex}.market-sell-fields input{flex:1;width:auto;min-width:0;padding:3px 6px}.market-sell-fields label.check input{flex:0}.market-tax{color:#aaa}.market-tax.free{color:#4f4}.market-tax.gold{color:#ffe14d}.market-sell-actions{flex-direction:column;gap:4px;display:flex}.market-sell-actions button{padding:4px 12px}.market-confirm{width:min(340px,92vw)}.market-confirm-item{align-items:center;gap:8px;padding:8px;font-weight:600;display:flex}.market-confirm-qty{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;padding:0 8px;display:flex}.market-confirm-qty input[type=range]{flex:1}.market-confirm-qty input[type=number]{width:70px;padding:3px 6px}.market-confirm-summary p{margin:4px 8px}@media (width<=760px){.market-head,.market-row{grid-template-columns:22px 34px 1fr .8fr 60px;gap:4px;font-size:11px}.market-head>:nth-child(5),.market-row>:nth-child(5){display:none}.market-sell{grid-template-columns:44px 1fr}.market-sell-actions{flex-direction:row;grid-column:span 2;justify-content:flex-end}.market-wallet{width:100%;margin-left:0}}.shop{width:min(980px,96vw)}.shop-body{grid-template-columns:190px 1fr;gap:8px;height:min(72vh,680px);padding:8px;display:grid}.shop-side{flex-direction:column;gap:6px;min-height:0;display:flex}.shop-balance{border:1px solid var(--border);background:#0a1020;border-radius:6px;flex-direction:column;gap:2px;padding:8px;display:flex}.shop-balance strong{color:#45c8e8;font-size:18px}.shop-balance small,.shop-caption{color:var(--muted)}.shop-balance button{margin-top:6px;padding:4px 8px}.shop-side nav{flex-direction:column;gap:2px;display:flex;overflow-y:auto}.shop-side nav button{text-align:left;background:0 0;border:1px solid #0000;padding:6px 10px}.shop-side nav button.active{background:#45c8e822;border-color:#45c8e8}.shop-main{flex-direction:column;gap:6px;min-height:0;display:flex}.shop-toolbar{align-items:center;gap:8px;display:flex}.shop-toolbar span{color:var(--muted);flex:1}.shop-toolbar input{width:min(240px,40vw);padding:5px 8px}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.shop-grid li{border:1px solid var(--border);cursor:pointer;background:#1d2029;border-radius:6px;flex-direction:column;align-items:center;gap:4px;padding:6px;display:flex}.shop-grid li:hover{border-color:#45c8e8}.shop-grid li.owned{cursor:default;border-color:#2f6b4a}.shop-grid li button{width:100%;padding:4px}.shop-preview{background:radial-gradient(#45c8e833,#0000 70%);border-radius:6px;justify-content:center;align-items:center;width:100%;height:80px;display:flex;position:relative}.shop-preview.big{height:104px}.shop-bar{max-width:104px;max-height:52px;image-rendering:pixelated}.shop-pill{border-radius:8px;padding:1px 5px;font-size:9px;font-weight:700;position:absolute;top:3px}.shop-pill.owned{background:#2f6b4a;left:3px}.shop-pill.packs{background:#8a6a26;right:3px}.shop-pill.colors{background:#b48cff66;top:auto;bottom:3px;left:3px}.shop-count{font-weight:700;position:absolute;bottom:3px;right:5px}.shop-name{text-align:center;font-weight:600}.shop-price{color:#45c8e8;font-weight:600}.shop-empty{color:var(--muted);text-align:center;margin:0;padding:16px}.shop-modal{z-index:21}.shop-buy{width:min(340px,94vw)}.shop-buy-body{flex-direction:column;align-items:center;gap:6px;max-height:80vh;padding:8px;display:flex;overflow-y:auto}.shop-buy-body footer{align-self:stretch}.shop-buy-body footer button{flex:1}.shop-desc,.shop-ask,.shop-success-msg{text-align:center;color:var(--muted);white-space:pre-wrap;margin:0}.shop-success-msg{color:#8fe3b0}.shop-confirm{background:#2f9e5f}.shop-qty{align-self:stretch;align-items:center;gap:8px;display:flex}.shop-qty button{padding:4px 12px}.shop-qty input{flex:1;padding:0}.shop-chips{gap:6px;display:flex}.shop-chips button{padding:3px 8px}.shop-chips button.active{background:#45c8e8}.shop-pack-hint{color:#c9b98f;margin:6px 0 0}.shop-pack{text-align:left;color:var(--text);background:#2a2114;border:1px solid #d9a640;border-radius:6px;grid-template-rows:auto auto;grid-template-columns:auto 1fr auto;align-self:stretch;align-items:center;column-gap:8px;padding:6px 10px;display:grid;position:relative}.shop-pack-icons{grid-row:span 2;display:flex}.shop-pack-icons .item-icon+.item-icon{margin-left:-10px}.shop-pack .shop-save{color:#ffd36b;grid-area:1/3/span 2;font-weight:700}.shop-best{color:#000;background:#d9a640;border-radius:8px;padding:1px 8px;font-size:9px;font-weight:700;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.shop-history{width:min(560px,96vw)}.shop-history-balance{color:#45c8e8;margin:0;padding:8px;font-weight:600}.shop-history table{border-collapse:collapse;width:100%}.shop-history th{text-align:left;color:var(--muted);padding:3px 6px;font-weight:600}.shop-history td{border-top:1px solid var(--border);padding:3px 6px}.shop-history td.plus{color:#5fe0a0;white-space:nowrap}.shop-history td.minus{color:#ff8a8a;white-space:nowrap}.shop-history footer{align-items:center}@media (width<=760px){.shop-body{grid-template-rows:auto 1fr;grid-template-columns:1fr;height:80vh}.shop-balance{flex-flow:wrap;align-items:center;gap:6px}.shop-balance button{margin:0 0 0 auto}.shop-side nav{flex-direction:row;overflow-x:auto}.shop-side nav button{white-space:nowrap}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}}.crafting{--craft-accent:#f0b429;width:min(760px,96vw)}.crafting.craft-theme-akatsuki{--craft-accent:#e0525c}.crafting.craft-theme-anbu{--craft-accent:#5fb3d6}.crafting.craft-theme-halloween{--craft-accent:#ff8a1f}.crafting>header .title{color:var(--craft-accent)}.craft-columns{grid-template-columns:260px 1fr;gap:8px;max-height:76vh;padding:6px;display:grid}.craft-list{flex-direction:column;gap:4px;min-height:0;display:flex}.craft-list input{padding:4px 8px;font-size:12px}.craft-list ul{flex:1;min-height:120px;margin:0;padding:0;list-style:none;overflow-y:auto}.craft-list li button{text-align:left;background:0 0;border-radius:4px;grid-template-columns:34px 1fr auto;align-items:center;gap:6px;width:100%;padding:2px 4px;font-size:12px;display:grid}.craft-list .craft-section{background:#232736;margin-top:2px}.craft-list .craft-section small{color:var(--muted);font-size:10px;display:block}.craft-list .craft-recipe{padding-left:12px}.craft-list button.active{background:#3d8bff33;outline:1px solid #fff}.craft-heading{text-transform:uppercase;color:var(--craft-accent,var(--muted));margin:0;font-size:10px;font-weight:700}.craft-note{white-space:pre-wrap;color:var(--craft-accent);margin:0}.craft-empty,.craft-balance{color:var(--muted);margin:0}.craft-detail{flex-direction:column;gap:6px;display:flex;overflow-y:auto}.craft-result{align-items:center;gap:8px;padding:0 8px;display:flex}.craft-result h3{margin:0}.craft-result small{display:block}.craft-result .good,.craft-popup.good>p{color:#7ee0a8}.craft-result .bad,.craft-popup.bad>p{color:#ff8a8a}.craft-ingredients{flex-direction:column;gap:3px;margin:0;padding:0 4px;list-style:none;display:flex}.craft-ingredients li{grid-template-rows:auto 4px;grid-template-columns:34px 1fr auto;align-items:center;column-gap:6px;display:grid}.craft-ingredients li .item-icon{grid-row:span 2}.craft-ingredients li.good small{color:#7ee0a8}.craft-ingredients li.bad small{color:#ff8a8a}.craft-ingredients i{background:#0f1117;border-radius:2px;grid-column:2/span 2;height:4px;overflow:hidden}.craft-ingredients i b{background:#e05555;height:100%;display:block}.craft-ingredients li.good i b{background:#3fb873}.craft-qty{align-items:center;gap:4px;display:flex}.craft-qty input{accent-color:var(--craft-accent);flex:1;padding:0}.craft-qty button{padding:2px 8px}.craft-price{color:#ffd36b;margin:0 8px}.craft-popup{width:min(360px,94vw)}.craft-popup>p{white-space:pre-wrap;margin:6px 8px}.craft-menu{flex-direction:column;gap:6px;padding:6px 8px;display:flex}.craft-menu button{text-align:left;align-items:center;gap:8px;display:flex}.craft-menu small{color:var(--muted);display:block}@media (width<=760px){.craft-columns{grid-template-columns:1fr;overflow-y:auto}.craft-list ul{max-height:30vh}}.backpack-picker{flex-wrap:wrap;gap:2px;max-height:110px;display:flex;overflow-y:auto}.backpack-picker .slot,.smelter-slots .slot{border:1px solid var(--border);background:#0a1020;border-radius:4px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:flex;position:relative}.backpack-picker-empty,.smelter-hint{color:var(--muted);margin:0;font-size:11px}.smelter{width:min(520px,96vw)}.smelter-body{flex-direction:column;gap:8px;max-height:64vh;padding:6px 8px;display:flex;overflow-y:auto}.smelter-body h4,.upgrader-body h4{text-transform:uppercase;color:#45c8e8;margin:0 0 4px;font-size:11px}.smelter-slots{flex-wrap:wrap;gap:4px;display:flex}.smelter-count{text-shadow:0 0 2px #000;font-size:10px;font-weight:700;position:absolute;bottom:0;right:2px}.smelter-output{border:1px solid var(--border);background:#0a1020;border-radius:4px;align-items:center;gap:4px;padding-right:6px;font-weight:600;display:flex}.smelter-footer{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;gap:6px;padding:4px 8px;display:flex}.smelter-footer .gold,.upgrader .gold{color:#ffd54f}.smelter-footer .bad,.smelter-status,.upgrader .bad{color:#ff6c6c}.smelter-status{margin:0;padding:0 8px}.smelter-result{width:min(320px,92vw)}.smelter-result ul{max-height:40vh;margin:0;padding:6px 8px;list-style:none;overflow-y:auto}.smelter-result li{align-items:center;gap:8px;font-weight:600;display:flex}.smelter-result p{text-align:center;margin:0 8px}.upgrader{width:min(560px,96vw)}.upgrader-pick{padding:6px 8px}.upgrader-pick p{color:var(--muted);margin:0 0 6px}.upgrader-body{flex-direction:column;gap:8px;max-height:74vh;padding:6px 8px;display:flex;overflow-y:auto}.upgrader-body section{background:#14161e;border:1px solid #2c2e3a;border-radius:6px;padding:6px}.upgrader-body p{margin:4px 0}.upgrader-body footer{padding:6px 0 0}.upgrader-hero{align-items:center;gap:10px;display:flex}.upgrader-hero>div{flex-direction:column;gap:2px;display:flex}.upgrader-hero small{color:var(--muted)}.upgrader-tier{font-weight:700}.upgrader-pips{gap:3px;display:flex}.upgrader-pips span{background:#262a38;border-radius:3px;width:25px;height:6px}.upgrader-materials{grid-template-columns:1fr 1fr;gap:6px;display:grid}.upgrader-material,.upgrader-cost{text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.upgrader-material small,.upgrader-cost>small{color:var(--muted)}.upgrader .ok{color:#4fd18b}.upgrader-catalyst{grid-template-columns:auto 1fr;align-items:center;column-gap:6px;display:grid}.upgrader-catalyst input{grid-row:span 2;width:auto}.upgrader-catalyst small{color:#8a93a3}.upgrader-catalyst.disabled{opacity:.6}.upgrader-max{text-align:center;color:#2bdcfc}.upgrader-reroll ul{flex-direction:column;gap:3px;margin:0 0 6px;padding:0;list-style:none;display:flex}.upgrader-reroll li button{text-align:left;background:#1d2029;border:1px solid #2c2e3a;grid-template-columns:1fr auto;row-gap:3px;width:100%;padding:5px 8px;display:grid}.upgrader-reroll li button.active{background:#1a2833;border-color:#45c8e8}.upgrader-reroll li small{color:var(--muted)}.upgrader-quality{background:#0f1117;border-radius:2px;grid-column:span 2;height:4px;overflow:hidden}.upgrader-quality i{background:linear-gradient(90deg,#ff5a5f,#f0b429,#4fd18b);height:100%;display:block}.upgrader-cost button{padding:4px 12px}.upgrader-message{text-align:center;border-radius:6px;margin:6px 8px 0;padding:6px}.upgrader-message.ok{color:#d8ffe9;background:#1f3b2b;border:1px solid #3f9d68}.upgrader-message.bad{color:#ffd9dc;background:#3d1f25;border:1px solid #b8434f}@media (width<=760px){.upgrader-materials{grid-template-columns:1fr}}.daily{width:min(760px,96vw);max-height:92vh;position:relative;overflow-y:auto}.daily-head{justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.daily-streak{color:#ffd36b;background:#2a2413;border:1px solid #f0b429;border-radius:999px;padding:4px 12px;font-weight:600}.daily-reset{flex-direction:column;align-items:flex-end;display:flex}.daily-reset small{color:var(--muted);text-transform:uppercase;font-size:10px}.daily-reset b{font-variant-numeric:tabular-nums;font-size:16px}.daily-section{text-transform:uppercase;color:var(--muted);justify-content:space-between;margin:6px 10px 4px;font-size:12px;display:flex}.daily-section span{color:#8fd6ec}.daily-hint{color:var(--muted);margin:0 10px 6px;font-size:11px}.daily-cards{gap:8px;padding:10px;display:flex;overflow-x:auto}.daily-card{color:#8a93a3;background:#1d2029;border:1px solid #2c2e3a;border-radius:10px;flex-direction:column;flex:1 0 84px;align-items:center;gap:4px;padding:8px 4px;display:flex;position:relative}.daily-card .daily-slot{opacity:.75}.daily-card.claim{color:#ffd36b;cursor:pointer;background:#2a2413;border-color:#f0b429;animation:1.4s ease-in-out infinite alternate daily-glow}.daily-card.claim .daily-slot{opacity:1}.daily-card.taken{color:#6f8a7a;background:#16201a;border-color:#2f6b4a}.daily-card.taken .daily-slot{opacity:.4}.daily-card.wait{color:#8fd6ec;background:#18202a;border-color:#2f6d8c}.daily-card.wait .daily-slot{opacity:.9}.daily-card.grand:not(.claim){border-color:#9b6bff;box-shadow:0 0 10px #b48cff66}.daily-card button{text-transform:uppercase;background:#d48f12;border:1px solid #ffd36b;padding:3px 10px;font-size:11px;font-weight:700}.daily-slot{background:#0006;border-radius:10px;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.daily-count{color:#fff;font-size:11px}.daily-sticker,.daily-ribbon{text-transform:uppercase;text-align:center;background:#1f2a33;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700}.daily-card.taken .daily-sticker{color:#5fe0a0;background:#1f3b2b}.daily-ribbon{color:#fff;white-space:nowrap;background:#5b3aa8;position:absolute;top:-8px}.daily-card.claim .daily-ribbon{background:#d48f12}.daily-milestones{grid-template-columns:1fr 1fr;gap:10px 12px;padding:0 10px 8px;display:grid}.daily-milestone{background:#1d2029;border:1px solid #2c2e3a;border-radius:10px;align-items:center;gap:8px;padding:8px;display:flex}.daily-milestone>div{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.daily-milestone small{color:var(--muted);font-size:11px}.daily-milestone.target{background:#18202a;border-color:#2f6d8c}.daily-milestone.done{background:#17201b;border-color:#2f6b4a}.daily-milestone.done .daily-status{color:#5fe0a0}.daily-bar{background:#0008;border-radius:3px;height:6px;overflow:hidden}.daily-bar>div{background:#2f6d8c;height:100%;transition:width .3s ease-out}.daily-milestone.target .daily-bar>div{background:#45c8e8}.daily-milestone.done .daily-bar>div{background:#4fd18b}.daily-toast{color:#d8ffe9;white-space:nowrap;pointer-events:none;background:#16201a;border:1px solid #3f9d68;border-radius:10px;padding:10px 24px;font-weight:600;position:absolute;top:40%;left:50%;transform:translate(-50%)}@keyframes daily-glow{0%{box-shadow:0 0 4px #ffcf4033}to{box-shadow:0 0 14px #ffcf40aa}}@media (width<=760px){.daily-cards{flex-wrap:wrap;justify-content:center}.daily-card{flex:0 0 76px}.daily-milestones{grid-template-columns:1fr}.daily-toast{white-space:normal;text-align:center;width:80%}}.roleta{z-index:20;position:fixed;top:67%;left:50%;transform:translate(-50%,-50%)}.roleta .dialog-window{flex-direction:column;align-items:center;gap:4px;width:min(400px,94vw);display:flex}.roleta-reel{background:#14161e;border-radius:10px;width:calc(100% - 16px);height:64px;position:relative;overflow:hidden}.roleta-reel:before,.roleta-reel:after{content:"";z-index:1;pointer-events:none;width:40px;position:absolute;top:0;bottom:0}.roleta-reel:before{background:linear-gradient(90deg,#0d0e13,#0000);left:0}.roleta-reel:after{background:linear-gradient(-90deg,#0d0e13,#0000);right:0}.roleta-tape{will-change:transform;gap:5px;display:flex;position:absolute;top:3px;left:0}.roleta-slot{box-sizing:border-box;background:#1d2029;border:1px solid #2c2e3a;border-radius:8px;flex:0 0 56px;justify-content:center;align-items:center;height:58px;display:flex}.roleta-slot.win{background:#2a2413;border-color:#ffcf40;box-shadow:inset 0 0 12px #ffcf4088}.roleta-marker{pointer-events:none;z-index:2;box-sizing:border-box;border:2px solid #f0b429;border-radius:10px;width:60px;height:62px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px #ffcf4066}.roleta-marker.done{animation:.7s ease-in-out infinite alternate daily-glow}.roleta-caption{color:#6f7a8f;text-transform:uppercase;margin-top:6px;font-size:10px;font-weight:700}.roleta-name{text-align:center;min-height:22px;padding:0 8px;font-size:16px}.roleta-name.win{color:#ffd36b;text-shadow:0 0 10px #ffcf4066}@media (width<=760px){.roleta{top:60%}}.boss-window{--boss-accent:#ff5a5f;flex-direction:column;width:min(720px,96vw);max-height:94vh;display:flex}.boss-window.boss-halloween{--boss-accent:#ff8a1f;background:#0e0912;border-color:#c2641a}.boss-window>header .title{color:var(--boss-accent);letter-spacing:1px}.boss-header{border-bottom:1px solid var(--border);gap:10px;padding:8px;display:flex}.boss-portrait{border:1px solid var(--boss-accent);background:#0d0f15;border-radius:8px;flex:none;justify-content:center;align-items:center;width:72px;height:72px;display:flex}.boss-header h3{margin:0 0 4px}.boss-header p{color:var(--muted);white-space:pre-wrap;margin:4px 0 0}.boss-pills{flex-wrap:wrap;gap:4px;display:flex}.boss-pills span,.boss-count,.boss-role{color:#1a1c24;background:#d8dde9;border-radius:10px;padding:1px 8px;font-size:10px;font-weight:700}.boss-pills .halloween{background:#ff8a1f}.boss-body{grid-template-columns:260px 1fr;gap:8px;min-height:0;padding:8px;display:grid;overflow-y:auto}.boss-left{flex-direction:column;gap:8px;display:flex}.boss-panel{border:1px solid var(--border);background:#0d0f15;border-radius:6px;padding:6px}.boss-panel h4{text-transform:uppercase;color:var(--muted);align-items:center;gap:6px;margin:0 0 6px;font-size:11px;display:flex}.boss-panel h4 small{text-transform:none;font-weight:400}.boss-panel h4 small.boosted,.boss-drop b.boosted{color:#8cc8ff}.boss-track{justify-content:center;align-items:center;gap:4px;display:flex}.boss-track button{padding:4px 8px}.boss-node{width:28px;height:28px;color:var(--muted);background:#191c26;border:1px solid #2f3342;border-radius:50%;padding:0!important}.boss-node.passed{background:color-mix(in srgb, var(--boss-accent) 40%, #0d0f15);color:#fff}.boss-node.selected{background:var(--boss-accent);color:#fff;transform:scale(1.15)}.boss-stats{text-align:center;color:var(--muted);grid-template-columns:repeat(3,1fr);gap:4px;margin-top:8px;font-size:10px;display:grid}.boss-stats span{background:#151821;border-radius:4px;flex-direction:column;padding:4px 2px;display:flex}.boss-stats b{font-size:14px}.boss-stats .health b{color:#7be8ad}.boss-stats .damage b{color:#ff9a7d}.boss-stats .loot b{color:#8cc8ff}.boss-members{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.boss-members li{background:#151821;border:1px solid #2f3342;border-radius:4px;align-items:center;gap:6px;padding:4px;display:flex}.boss-members li>div{flex-direction:column;flex:1;min-width:0;display:flex}.boss-members small{color:var(--muted)}.boss-members .boss-role{align-self:flex-start}.boss-role-tank{border-color:#2f6b4a!important}.boss-role-tank .boss-role{color:#4fd18b;background:#1f3b2b}.boss-role-bruiser{border-color:#2f5578!important}.boss-role-bruiser .boss-role{color:#5aaeff;background:#1d2f45}.boss-role-dps{border-color:#7a2f36!important}.boss-role-dps .boss-role{color:#ff6b70;background:#4a1d22}.boss-hp{background:#000;border-radius:2px;height:4px;margin-top:2px;display:block}.boss-hp span{border-radius:2px;height:100%;display:block}.boss-slot{background:#1a1d27;border-radius:4px;padding:2px;display:inline-flex;position:relative}.boss-amount{text-shadow:1px 1px #000,-1px -1px #000;font-size:10px;font-weight:700;position:absolute;bottom:0;right:1px}.boss-guaranteed{flex-wrap:wrap;gap:4px;margin-bottom:8px;display:flex}.boss-guaranteed .boss-slot{box-shadow:inset 0 0 0 1px #4fd18b}.boss-drops{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:5px;display:grid}.boss-drop{background:#151821;border:1px solid;border-radius:4px;flex-direction:column;align-items:center;gap:2px;padding:4px 2px;font-size:11px;display:flex}.boss-drop small{color:#6f7a8f;font-size:9px}.boss-empty{color:var(--muted);margin:0}.boss-window footer{align-items:center}.boss-hint{color:#6f7a8f;flex:1}.boss-start{color:#1a1c24;background:linear-gradient(#ffcf40,#d79b12);font-weight:700}.boss-halloween .boss-start{background:linear-gradient(#ffb35c,#ff8a1f)}.boss-cd{top:60px;right:calc(var(--side,0px) + 12px);z-index:15;flex-direction:column;width:260px;max-height:70vh;display:flex;position:fixed}.boss-cd-tabs{gap:3px;padding:4px 6px 0;display:flex}.boss-cd-tabs button{background:0 0;border:1px solid #4a5268;flex:1;padding:3px;font-size:11px}.boss-cd-tabs button.active{background:#45c8e822;border-color:#45c8e8}.boss-cd-search{width:auto;margin:5px 6px 0;padding:4px 8px;font-size:12px}.boss-cd ul{flex-direction:column;gap:4px;margin:0;padding:6px;list-style:none;display:flex;overflow-y:auto}.boss-cd li{background:#1d2029;border:1px solid #2c2e3a;border-radius:6px;grid-template-columns:34px 1fr auto;grid-auto-flow:dense;align-items:center;gap:2px 6px;padding:3px;display:grid}.boss-cd li .thing-icon{grid-row:span 2}.boss-cd li.favorite{border-color:#6b5522}.boss-cd li button.icon{color:#f3d12f;grid-area:1/3}.boss-cd-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.boss-cd-pill{border-radius:9px;grid-column:2;justify-self:start;padding:1px 7px;font-size:10px;font-weight:700}.boss-cd-pill.green{color:#5fe0a0;background:#1f3b2b}.boss-cd-pill.red{color:#ff8a8f;background:#4a1d22}.boss-cd-pill.orange{color:#ffb066;background:#4a2e10}.boss-cd-pill.gray{color:#9aa3b5;background:#262a38}@media (width<=760px){.boss-body{grid-template-columns:1fr}.boss-window footer{flex-wrap:wrap}.boss-hint{flex-basis:100%}.boss-cd{width:auto;max-height:60vh;top:8px;left:8px;right:8px}}.task-window{flex-direction:column;width:min(900px,96vw);max-height:92vh;display:flex}.task-top{align-items:center;gap:4px;padding:6px 8px;display:flex}.task-top button,.task-chips button{background:0 0;border:1px solid #4a5268;border-radius:6px;padding:3px 10px;font-size:12px}.task-top button.active,.task-chips button.active{background:#45c8e822;border-color:#45c8e8}.task-balance{background:#20222e;border:1px solid #73a5bd;border-radius:6px;margin-left:auto;padding:3px 10px}.task-balance b{color:#4ad5ff}.task-toolbar{flex-direction:column;gap:4px;padding:0 8px 6px;display:flex}.task-toolbar input[type=search]{padding:4px 8px;font-size:12px}.task-chips{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.task-chips button.easy{color:#4fd18b}.task-chips button.medium{color:#f0b429}.task-chips button.high{color:#ff8a3d}.task-chips label{cursor:pointer;align-items:center;gap:4px;display:flex}.task-chips label input{width:auto}.task-chips label.locked{color:#ff8a8a}.task-chips small{color:var(--muted);margin-left:auto}.task-list{flex-direction:column;flex:1;gap:4px;min-height:120px;margin:0;padding:0 8px;list-style:none;display:flex;overflow-y:auto}.task-empty{color:var(--muted);text-align:center;padding:16px}.task-card{background:#1b1d26;border:1px solid #2c2e3a;border-radius:8px;grid-template-columns:52px 1fr auto auto;align-items:center;gap:8px;padding:6px;display:grid}.task-card.progress{background:#324c5e;border-color:#45c8e8}.task-card.done{background:#1a241d;border-color:#55d187}.task-card.cooldown{background:#241a1e;border-color:#a8404c}.task-card.locked{opacity:.55}.task-creature{justify-content:center;display:flex}.task-info{flex-direction:column;gap:3px;min-width:0;display:flex}.task-badges{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.task-pill{text-transform:uppercase;color:#c9cee0;background:#262a38;border-radius:8px;padding:1px 6px;font-size:10px;font-weight:700}.task-pill.daily{color:#50ff84;background:#2e2718}.task-pill.regular{color:#8fd4ea;background:#1b2833}.task-pill.level.locked{color:#ff8a8a;background:#2e1c1e}.task-pill.easy{color:#4fd18b;background:#1f3b2b}.task-pill.medium{color:#f0b429;background:#3d3115}.task-pill.high{color:#ff8a3d;background:#45261a}.task-pill.exp{color:#ffd75e;background:#2e2718}.task-pill.points{color:#4ad5ff;background:#1b2833}.task-monsters{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px;display:flex}.task-progress{background:#101219;border-radius:6px;height:16px;position:relative;overflow:hidden}.task-progress>div{background:#45c8e8;height:100%}.task-card.done .task-progress>div,.task-progress.full>div{background:#55d187}.task-progress span{text-align:center;text-shadow:0 1px 2px #000;white-space:nowrap;font-size:10px;font-weight:700;line-height:16px;position:absolute;inset:0}.task-status{color:#ff8a8a}.task-rewards{flex-direction:column;align-items:center;gap:2px;max-width:148px;display:flex}.task-rewards small{color:var(--muted);text-transform:uppercase}.task-rewards>div{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.task-actions{flex-direction:column;gap:5px;min-width:84px;display:flex}.task-actions button,.task-product>button{padding:4px 10px;font-size:12px}.task-window button.dim{opacity:.5}.task-hint{color:var(--muted);margin:0;padding:0 8px 6px}.task-product{background:#1b1d26;border:1px solid #2c2e3a;border-radius:8px;grid-template-columns:36px 1fr auto;align-items:center;gap:8px;padding:6px;display:grid}.task-product>div{flex-direction:column;gap:2px;display:flex}.task-product p{color:var(--muted);margin:0}.task-price{color:#4ad5ff}.task-product small{color:#6f7a8f}.task-product small.weekly{color:#c9a4e8}.task-product small.sold-out{color:#ff8a8a}.task-window footer{align-items:center}.task-notice{color:#ff8a8a;flex:1}.task-confirm{z-index:30}.task-confirm p{white-space:pre-wrap;max-width:380px;margin:0;padding:8px 12px}.task-confirm button.task-danger{background:#c0392b}.task-tracker{z-index:5;background:#151e33e6;width:200px;max-height:40vh;position:absolute;top:76px;left:6px;overflow-y:auto}.task-tracker ul{flex-direction:column;gap:2px;margin:0;padding:2px;list-style:none;display:flex}.task-tracker li{background:#1b1d26;border-radius:6px;grid-template-columns:36px 1fr auto;align-items:center;gap:4px;padding:2px;display:grid}.task-tracker li>div{flex-direction:column;gap:2px;min-width:0;display:flex}.task-tracker li>div>span{text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:700;overflow:hidden}.task-tracker li button.icon{color:#7c8494;align-self:start;font-size:11px}@media (width<=760px){.task-card{grid-template-columns:44px 1fr}.task-rewards,.task-actions{grid-column:span 2}.task-rewards{flex-direction:row;justify-content:flex-start;max-width:none}.task-actions{flex-direction:row;justify-content:flex-end}.task-chips small{margin-left:0}.task-tracker{width:160px;max-height:30vh;top:70px}}.shinobi-path{width:min(1100px,98vw);position:relative}.shinobi-path-body{grid-template-columns:minmax(0,1fr) 290px;gap:8px;max-height:86vh;padding:6px;display:grid}.shinobi-path-canvas{justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.shinobi-path-tree{-webkit-user-select:none;user-select:none;background:radial-gradient(circle,#1a2135 0%,#0c0f18 70%);border-radius:8px;width:100%;max-height:82vh}.shinobi-path-rim{fill:none;stroke:#b8c4ff55;stroke-width:3px}.shinobi-path-ring{fill:none;stroke:#ffffff10;stroke-width:1px}.shinobi-path-link{fill:none;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.shinobi-path-hub{fill:#121827;stroke:#45c8e8;stroke-width:3px}.shinobi-path-hub-value{fill:#fff;text-anchor:middle;font-size:26px;font-weight:700}.shinobi-path-hub-caption{fill:#8b93a8;text-anchor:middle;font-size:10px;font-weight:700}.shinobi-path-node{cursor:pointer}.shinobi-path-node:hover circle,.shinobi-path-node.selected circle{filter:brightness(1.35)}.shinobi-path-node-glyph{text-anchor:middle;pointer-events:none;font-size:16px}.shinobi-path-rank{text-anchor:middle;paint-order:stroke;stroke:#0c0e14;stroke-width:3px;pointer-events:none;font-size:11px;font-weight:700}.shinobi-path-toast{white-space:nowrap;text-overflow:ellipsis;background:#0c0e14f2;border-radius:6px;max-width:95%;padding:4px 14px;font-weight:600;position:absolute;bottom:10px;left:50%;overflow:hidden;transform:translate(-50%)}.shinobi-path-side{flex-direction:column;gap:8px;min-height:0;display:flex;overflow-y:auto}.shinobi-path-side h4{color:var(--muted);margin:4px 0 0;font-size:11px}.shinobi-path-side footer{gap:6px;display:flex}.shinobi-path-side footer button{flex:1;padding:6px}.shinobi-path-points{border:1px solid var(--border);text-align:center;background:#0d1220;border-radius:6px;flex-direction:column;align-items:center;gap:2px;padding:8px;display:flex}.shinobi-path-points strong{font-size:28px}.shinobi-path-points small{color:var(--muted);white-space:pre-wrap}.shinobi-path-bar{background:#1d2230;border-radius:3px;width:100%;height:6px;overflow:hidden}.shinobi-path-bar>div{background:#45c8e8;height:100%}.shinobi-path-presets{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.shinobi-path-presets button{color:#c9cee0;text-overflow:ellipsis;white-space:nowrap;background:#262a38;border:1px solid #3a4157;padding:6px 4px;font-size:11px;overflow:hidden}.shinobi-path-presets button.active{color:#fff;background:#2f6d8c;border-color:#45c8e8}.shinobi-path-presets button.buy{color:#f0b429;background:#1c1f29;border-color:#5a4a20}.shinobi-path-preset-actions{gap:6px;display:flex}.shinobi-path-preset-actions button{flex:1;padding:5px;font-size:11px}.shinobi-path-pillar{grid-template-columns:1fr auto;gap:2px 6px;font-weight:700;display:grid}.shinobi-path-pillar small{color:var(--muted)}.shinobi-path-pillar .shinobi-path-bar{grid-column:1/-1}.shinobi-path-card{background:#0c0e14;border:1px solid;border-radius:6px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.shinobi-path-card small{color:#8b93a8;font-size:10px}.shinobi-path-card button{margin-top:4px;padding:4px;font-size:11px}.shinobi-path-bonuses{border:1px solid var(--border);background:#0d1220;border-radius:6px;margin:0;padding:4px;list-style:none}.shinobi-path-bonuses li{text-align:center;padding:2px 6px;font-weight:600}.shinobi-path-bonuses li:nth-child(odd){background:#1a1f2c}.shinobi-path-empty{color:var(--muted);text-align:center;margin:0}.shinobi-path-reset{background:#5a4a20;padding:6px}.shinobi-path-ask{z-index:2;background:#000a;border-radius:6px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.shinobi-path-ask>div{background:var(--panel);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:8px;width:min(360px,90%);padding:12px;display:flex}.shinobi-path-ask h3{margin:0}.shinobi-path-ask p{white-space:pre-wrap;color:var(--muted);margin:0}.shinobi-path-ask footer{justify-content:flex-end;gap:6px;display:flex}.shinobi-path-quick{right:calc(var(--side) + 12px);z-index:15;flex-direction:column;gap:4px;width:200px;padding-bottom:6px;display:flex;position:absolute;top:60px}.shinobi-path-quick>button{background:#262a38;margin:0 6px;padding:5px;font-size:11px}.shinobi-path-quick>button.active{background:#2f6d8c}.shinobi-path-quick small{text-align:center;padding:0 6px;font-size:10px;font-weight:700}@media (width<=760px){.shinobi-path-body{grid-template-columns:1fr;overflow-y:auto}.shinobi-path-tree{max-height:none}.shinobi-path-side{overflow:visible}.shinobi-path-quick{top:48px;right:8px}}.pass-window{--pass-accent:#45c8e8;flex-direction:column;width:min(940px,96vw);max-height:94vh;display:flex;position:relative}.pass-muted{color:var(--muted)}.pass-pill{background:color-mix(in srgb, var(--pass-accent) 35%, #000);white-space:nowrap;border-radius:9px;padding:1px 8px;font-size:11px;font-weight:600}.pass-bar{background:#101219;border-radius:4px;height:8px;overflow:hidden}.pass-bar span{background:var(--pass-accent);border-radius:4px;height:100%;transition:width .3s ease-out;display:block}.pass-chips{flex:none;gap:6px;padding:6px;display:flex;overflow-x:auto}.pass-chips button{text-align:left;background:#1b1d26;border:1px solid #2c2e3a;flex-direction:column;flex:0 214px;align-items:flex-start;min-width:140px;padding:4px 10px;display:flex;position:relative}.pass-chips button.active{border-color:var(--pass-accent);background:color-mix(in srgb, var(--pass-accent) 16%, #1b1d26)}.pass-chips small{color:var(--muted)}.pass-dot{background:#ffcf40;border-radius:50%;width:8px;height:8px;position:absolute;top:5px;right:6px}.pass-hero{flex:none;grid-template-columns:1fr 260px;gap:8px;padding:0 6px 6px;display:grid}.pass-hero-main{background:#1b1d26;border:1px solid #2c2e3a;border-radius:6px;flex-direction:column;gap:6px;min-width:0;padding:8px;display:flex}.pass-hero-title{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pass-hero-title strong{font-size:16px}.pass-hero-title strong.lotus{color:#ffd36b}.pass-hero-title .pass-muted{margin-left:auto}.pass-progress{grid-template-columns:58px 1fr;align-items:center;gap:8px;display:grid}.pass-level{border:1px solid var(--pass-accent);background:#14161e;border-radius:6px;flex-direction:column;align-items:center;padding:4px;font-size:20px;font-weight:700;display:flex}.pass-level small{color:var(--muted);font-size:9px}.pass-progress-text{justify-content:space-between;margin-bottom:3px;display:flex}.pass-actions{flex-wrap:wrap;gap:6px;display:flex}.pass-actions button{padding:5px 12px}.pass-claim,.pass-gold{background:#d48f12;animation:1.4s ease-in-out infinite alternate pass-glow}@keyframes pass-glow{0%{box-shadow:0 0 2px #ffcf4055}to{box-shadow:0 0 10px #ffcf40}}.pass-lotus{color:#e8dcc0;background:#241e12;border:1px solid #c79a2e;border-radius:6px;flex-direction:column;gap:4px;padding:8px;display:flex}.pass-lotus.owned{background:#1f1c14;border-color:#6b5522}.pass-lotus strong{color:#ffd36b}.pass-lotus small{color:#c9b98f}.pass-lotus ul{margin:0;padding-left:16px}.pass-lotus li::marker{color:#f0b429}.pass-lotus button{margin-top:auto;padding:6px 10px}.pass-tabs{flex-wrap:wrap;flex:none;align-items:center;gap:6px;padding:0 6px 6px;display:flex}.pass-tabs>button,.pass-filters button{color:#c9cee0;background:#262b3a;border:1px solid #4a5268;padding:4px 14px}.pass-tabs>button.active,.pass-filters button.active{border-color:var(--pass-accent);color:#fff;background:#2f6d8c}.pass-tabs>span{align-items:center;gap:4px;margin-left:auto;display:flex}.pass-legend{border-radius:50%;width:10px;height:10px;display:inline-block}.pass-legend.ready{background:#f0b429}.pass-legend.claimed{background:#4fd18b}.pass-legend.locked{background:#2c2e3a;border:1px solid #8a93a3}.pass-page{background:#16181f;border:1px solid #2c2e3a;border-radius:6px;flex-direction:column;flex:1;min-height:0;margin:0 6px;display:flex}.pass-rewards{flex-direction:row}.pass-track-headers{border-right:1px solid #2c2e3a;flex-direction:column;flex:none;justify-content:space-around;gap:6px;width:92px;padding:8px 6px;display:flex}.pass-track-header{color:#ffd36b;background:#211c12;border:1px solid #4a4026;border-radius:6px;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;font-weight:700;display:flex}.pass-track-header.on{border-color:#c79a2e}.pass-track-header.free{color:#c9cee0;background:#161c24;border-color:#2f4256}.pass-track-header small{background:#3a3020;border-radius:8px;padding:0 6px;font-size:9px}.pass-track-header.on small{color:#fff;background:#d48f12}.pass-track-header.free small{background:#2f3647}.pass-track-caption{text-align:center;color:var(--muted);font-size:10px}.pass-track{flex:1;padding:8px 0;display:flex;overflow-x:auto}.pass-column{flex-direction:column;flex:none;justify-content:center;align-items:center;gap:8px;width:84px;display:flex;position:relative}.pass-column:before{content:"";background:#262a38;height:4px;margin-top:-2px;position:absolute;top:50%;left:0;right:0}.pass-column.reached:before{background:var(--pass-accent)}.pass-node{min-width:38px;color:var(--muted);text-align:center;background:#262a38;border-radius:12px;padding:3px 6px;font-weight:700;position:relative}.pass-column.reached .pass-node{background:color-mix(in srgb, var(--pass-accent) 75%, #000);color:#fff}.pass-column.current .pass-node{box-shadow:0 0 8px var(--pass-accent)}.pass-card{color:#c9cee0;cursor:default;background:#1d2029;border:1px solid #2c2e3a;border-radius:6px;flex-direction:column;align-items:center;gap:4px;width:72px;height:100px;padding:8px 0 0;display:flex;position:relative}.pass-card.empty{visibility:hidden}.pass-card:not(.empty):hover .pass-slot{transform:translateY(-3px)}.pass-card.ready{color:#fff;cursor:pointer;background:#2a2413;border-color:#f0b429;animation:1.4s ease-in-out infinite alternate pass-glow}.pass-card.claimed{color:#6f8a7a;background:#16201a;border-color:#2f6b4a}.pass-card.claimed .item-icon{opacity:.35}.pass-card.lotus{color:#e8dcc0;cursor:pointer;background:#1e1b15;border-color:#4a4026}.pass-slot{background:radial-gradient(#3fa7e055,#14161e 70%);border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;transition:transform .1s;display:flex;position:relative;box-shadow:inset 0 0 0 2px #2f4a63}.pass-card.lotus .pass-slot{background:radial-gradient(#f0b42966,#14161e 70%);box-shadow:inset 0 0 0 2px #7a6026}.pass-card.claimed .pass-slot{background:radial-gradient(#4fd18b44,#14161e 70%);box-shadow:inset 0 0 0 2px #2f6b4a}.pass-bound{font-size:11px;position:absolute;bottom:-4px;right:-4px}.pass-count{font-size:11px;font-weight:600}.pass-sticker{text-align:center;color:#ffd36b;background:#3a3020;border-radius:4px;padding:1px 0;font-size:9px;font-weight:700;position:absolute;bottom:4px;left:4px;right:4px}.pass-card.ready .pass-sticker{color:#fff;background:#d48f12}.pass-card.claimed .pass-sticker{color:#5fe0a0;background:#1f3b2b}.pass-column.bonus{width:140px}.pass-bonus-card{text-align:center;background:#1d2029;border:1px solid #2c2e3a;border-radius:6px;width:128px;padding:6px;position:relative}.pass-column.bonus.reached .pass-bonus-card{border-color:var(--pass-accent)}.pass-bonus-card>div{justify-content:center;gap:6px;margin-top:4px;display:flex}.pass-bonus-item{flex-direction:column;align-items:center;display:flex}.pass-filters{flex-wrap:wrap;align-items:center;gap:6px;padding:6px;display:flex}.pass-filters .pass-muted{margin-left:auto}.pass-missions{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:6px;min-height:0;margin:0;padding:6px;list-style:none;display:grid;overflow-y:auto}.pass-mission{background:#1d2029;border:1px solid #2c2e3a;border-radius:6px;gap:6px;padding:6px;display:flex}.pass-mission.done{background:#17201b;border-color:#2f6b4a}.pass-mission.done .pass-bar span{background:#4fd18b}.pass-mission.done .pass-mission-goal{color:#5fe0a0}.pass-portrait{background:#14161e;border-radius:6px;flex:none;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.pass-mission-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.pass-mission-top,.pass-mission-goal{justify-content:space-between;gap:6px;display:flex}.pass-mission-top strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pass-mission-goal{color:var(--muted)}.pass-mission.done .pass-pill{color:#5fe0a0;background:#1f3b2b}.pass-stages{text-align:right;color:var(--muted);font-size:10px;display:grid}.pass-stages span{flex-direction:column;display:flex}.pass-stages span.reached{color:#5fe0a0}.pass-empty{text-align:center;color:var(--muted);padding:20px}.pass-window .pass-footer{color:var(--muted);justify-content:space-between;gap:8px}.pass-toast{z-index:2;pointer-events:none;border-radius:6px;max-width:90%;padding:8px 20px;font-weight:600;position:absolute;top:40px;left:50%;transform:translate(-50%)}.pass-toast.ok{color:#d8ffe9;background:#1f3b2b;border:1px solid #3f9d68}.pass-toast.error{color:#ffd9dc;background:#3d1f25;border:1px solid #b8434f}.pass-confirm{text-align:center;width:min(340px,94vw)}.pass-confirm h3{margin:10px 0 4px}.pass-confirm p{margin:4px 12px}.pass-price{color:#ffd36b;font-weight:700}.pass-alert{z-index:5;background:#d48f12;padding:4px 10px;font-size:12px;animation:1.4s ease-in-out infinite alternate pass-glow;position:absolute;top:8px;left:214px}@media (width<=760px){.pass-window{overflow-y:auto}.pass-page{flex:none}.pass-hero{grid-template-columns:1fr}.pass-track-headers{width:70px}.pass-missions{grid-template-columns:1fr}.pass-tabs>span{width:100%;margin-left:0}}.chest-window{width:min(860px,96vw)}.chest-caption{text-align:center;color:#6f7a8f;margin:10px 0 2px;font-size:11px;font-weight:700}.chest-notice{text-align:center;color:#8a93a3;margin:0 10px;font-size:11px}.chest-cards{flex-wrap:wrap;justify-content:center;gap:8px;max-height:60vh;padding:12px 10px;display:flex;overflow-y:auto}.chest-card{color:#e6e9f5;background:#1d2029;border:1px solid #2c2e3a;border-radius:8px;flex-direction:column;align-items:center;gap:6px;width:96px;min-height:136px;padding:10px 5px 26px;font-size:11px;display:flex;position:relative}.chest-card:hover:not(:disabled){background:#232633;border-color:#6b7590}.chest-card.selected{background:#2a2413;border-color:#f0b429;box-shadow:0 0 12px #ffcf4066}.chest-card.taken{color:#6f7a8f;opacity:1;background:#17181d;border-color:#3a2226}.chest-card.taken .item-icon{opacity:.35}.chest-card.bundle{align-items:stretch;width:190px}.chest-card.bundle strong{text-align:center}.chest-slot{background:#14161e;border-radius:8px;justify-content:center;align-items:center;width:64px;height:64px;display:flex;box-shadow:inset 0 0 0 1px #2f4256}.chest-part{text-align:left;background:#191b22;border-radius:6px;align-items:center;gap:6px;padding:2px;display:flex}.chest-pill{color:#ffd36b;background:#5a3d08;border-radius:999px;padding:1px 10px;font-size:10px;font-weight:700;position:absolute;bottom:6px}.chest-card.taken .chest-pill{color:#ff8a8f;background:#4a1d22}.chest-window footer{justify-content:center}.chest-confirm:not(:disabled){background:#b8860b}.boost-window{width:min(660px,96vw)}.boost-caption{margin:8px 12px 0;font-size:12px}.boost-cards{gap:12px;padding:10px;display:flex;overflow-x:auto}.boost-card{border:1px solid #2c2e3a;border-top:2px solid var(--boost);background:#1d2029;border-radius:8px;flex-direction:column;flex:1 0 130px;align-items:center;gap:6px;padding:12px 8px 10px;display:flex}.boost-card.active{border-color:color-mix(in srgb, var(--boost) 65%, #000);background:color-mix(in srgb, var(--boost) 12%, #1d2029);box-shadow:0 0 10px color-mix(in srgb, var(--boost) 40%, transparent)}.boost-card .item-icon{opacity:.6}.boost-card.active .item-icon{opacity:1}.boost-desc{text-align:center;min-height:28px;color:var(--boost);font-size:11px}.boost-scrolls{color:#c9cee0;background:#262a38;border-radius:999px;padding:1px 12px;font-size:11px}.boost-timer{text-align:center;color:#ff5a5f;background:#2a1a1e;border-radius:8px;align-self:stretch;padding:3px;font-size:11px}.boost-timer.on{color:#4fd18b;background:#14161e}.boost-card button{align-self:stretch}.boost-footer{flex-wrap:wrap;align-items:center}.boost-footer>span:first-child{color:var(--muted);flex:200px;font-size:11px}.boost-qty{align-items:center;gap:4px;display:flex}.boost-qty b{text-align:center;min-width:26px}.boost-qty button{padding:2px 8px}.boost-badge{background:#14161e;border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:inline-flex;box-shadow:inset 0 0 0 1px}.boost-hud{pointer-events:none;justify-content:center;gap:6px;display:flex;position:absolute;bottom:56px;left:0;right:0}.boost-hud-item{pointer-events:auto;flex-direction:column;align-items:center;gap:2px;width:56px;display:flex}.boost-hud-item small{color:#fff;background:#000a;border-radius:6px;padding:0 4px;font-size:10px}.boost-hud-item small.on{color:#ffd75a}.boost-hud-item small.cooling{color:#ff9b6b}.rank-window{width:min(720px,96vw)}.rank-podium{justify-content:center;align-items:flex-end;gap:10px;padding:10px;display:flex}.rank-top{border:1px solid var(--rank);background:var(--rank-bg);width:130px;box-shadow:0 0 10px color-mix(in srgb, var(--rank) 35%, transparent);border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;display:flex}.rank-top span{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:600;overflow:hidden}.rank-top b{color:var(--rank);background:#0006;border-radius:999px;padding:0 10px}.rank-top-1{--rank:#f0b429;--rank-bg:#2a2413;min-height:130px}.rank-top-2{--rank:#c9d1dc;--rank-bg:#22252c;min-height:115px}.rank-top-3{--rank:#cd7f32;--rank-bg:#2a1f16;min-height:105px}.rank-filters{flex-wrap:wrap;align-items:center;gap:8px;padding:0 10px 8px;display:flex}.rank-filters label{color:var(--muted);align-items:center;gap:4px;font-size:11px;display:flex}.rank-filters input{flex:140px}.rank-list{background:#14161e;border-radius:6px;margin:0 10px;position:relative}.rank-list ul{flex-direction:column;gap:2px;max-height:40vh;margin:0;padding:2px;list-style:none;display:flex;overflow-y:auto}.rank-row{border-radius:6px;grid-template-columns:44px 1.4fr 1fr 1.2fr 1fr;align-items:center;gap:4px;padding:4px 6px;font-size:11px;display:grid}.rank-row span{text-overflow:ellipsis;white-space:nowrap;text-align:center;overflow:hidden}.rank-head{color:var(--muted);font-weight:700}.rank-list li{cursor:pointer}.rank-list li.odd{background:#1d2029}.rank-list li.even{background:#191b23}.rank-list li.me{background:#1b3340}.rank-list li:hover{filter:brightness(1.25)}.rank-pos-1{color:gold;background:#4a3a10;box-shadow:inset 0 0 0 1px #f0b429}.rank-pos-2{color:#e8f0ff;background:#363d4c;box-shadow:inset 0 0 0 1px #c9d6ea}.rank-pos-3{color:#f0a35c;background:#46301c;box-shadow:inset 0 0 0 1px #cd7f32}.rank-loading{color:var(--muted);position:absolute;top:4px;right:8px}.rank-footer{align-items:center}@media (width<=760px){.chest-card{width:84px}.chest-card.bundle{width:100%}.boost-card{flex-basis:120px}.rank-top{width:31%}.rank-row{grid-template-columns:34px 1.4fr 1fr}.rank-row span:nth-child(n+4){display:none}}@media (pointer:coarse),(width<=760px){.boost-hud{flex-wrap:wrap;justify-content:flex-start;max-width:50vw;inset:150px auto auto 6px}.boost-hud-item{width:48px}}.system-window{max-height:92vh;overflow-y:auto}.system-window h3{margin:4px 0}.system-window h4{letter-spacing:.05em;color:var(--muted);margin:8px 0 4px;font-size:11px}.system-window input,.system-window select,.system-window textarea{padding:4px 8px;font-size:12px}.system-window select,.system-window textarea{color:var(--text);border:1px solid var(--border);background:#0a1020;border-radius:6px}.system-window button{padding:4px 10px;font-size:12px}.system-text{white-space:pre-wrap;max-width:460px;margin:0;padding:8px 12px}.system-row{flex-wrap:wrap;align-items:center;gap:4px;padding:4px 8px;display:flex}.system-row input{flex:1;min-width:100px}.system-tabs{flex-wrap:wrap;gap:2px;padding:4px;display:flex}.system-tabs button{border:1px solid var(--border);background:0 0}.system-tabs button.active{border-color:var(--accent);background:#3d8bff55}.system-tabs i{border-radius:50%;width:8px;height:8px;display:inline-block}.system-rows{grid-template-columns:auto 1fr;gap:2px 10px;margin:4px 8px;display:grid}.system-rows dt{color:var(--muted)}.system-rows dd{margin:0}.system-rows.two{grid-template-columns:1fr 1fr}.system-rows.two>div{justify-content:space-between;gap:6px;display:flex}.system-check{align-items:center;gap:6px;padding:4px 8px;display:flex}.system-check input{width:auto}.system-toast{z-index:25;color:#ffc9cb;pointer-events:none;background:#2a1215ee;border:1px solid #ff5a5f;border-radius:8px;max-width:90vw;padding:8px 14px;font-size:12px;position:fixed;bottom:90px;left:50%;transform:translate(-50%)}.system-toast.ok{color:#b8f0cf;background:#10261aee;border-color:#4fd18b}.system-window .muted,.muted{color:var(--muted)}.gold{color:#ffd36b}.pills{flex-wrap:wrap;gap:4px;margin:2px 0;display:flex}.pill{color:#8fdcf0;background:#22364a;border-radius:10px;padding:1px 7px;font-size:10px;font-weight:600;display:inline-block}.pill.gold{color:#ffd36b;background:#5a3d08}.pill.red{color:#ff8a8f;background:#4a1d22}.pill.green{color:#7be8ad;background:#1f3b2b}.hpbar{background:#000a;border-radius:3px;height:5px;display:block;overflow:hidden}.hpbar>span{background:#45c8e8;height:100%;transition:width .3s;display:block}.slots{flex-wrap:wrap;gap:2px;display:flex}.dot{background:#555;border-radius:50%;width:7px;height:7px;display:inline-block}.dot.on{background:#45c8e8}button.danger{background:#a3262c}button.link{color:#8fdcf0;text-align:left;background:0 0;padding:2px 0}.dungeon{width:min(1000px,96vw)}.dungeon-columns{grid-template-columns:1.2fr 1fr .9fr;gap:8px;padding:6px;display:grid}.dungeon-list ul,.dungeon-party ul{flex-direction:column;gap:4px;max-height:60vh;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.dungeon-list li>button{border:1px solid var(--border);text-align:left;background:#0a1020;flex-direction:column;align-items:flex-start;gap:4px;width:100%;display:flex}.dungeon-list li>button.active{border-color:#45c8e8}.dungeon-level{align-items:center;gap:3px;display:flex}.dungeon-level .node{border:1px solid var(--border);background:#0a1020;width:28px;padding:3px 0}.dungeon-level .node.on{background:#ff5a5f55;border-color:#ff5a5f}.dungeon-stats{flex-direction:column;gap:2px;margin:4px 0;display:flex}.dungeon-bonus{grid-template-columns:repeat(auto-fill,52px);gap:4px;display:grid}.bonus-tile{border:1px solid;border-radius:4px;flex-direction:column;align-items:center;padding:2px;display:flex}.bonus-tile small.boosted{color:#8cc8ff}.dungeon-start{background:#b07a12;width:100%;margin-top:8px;font-weight:700}.dungeon-party li{background:#0a1020;border-radius:4px;align-items:center;gap:6px;padding:4px;display:flex}.dungeon-party li>div{flex-direction:column;flex:1;gap:2px;display:flex}.dungeon-loading{text-align:center;padding:8px 16px}.dungeon-loading .countdown{font-size:48px;font-weight:800}.dungeon-time{left:calc((100% - var(--side)) / 2);pointer-events:none;background:#000c;border:1px solid #45c8e855;border-radius:8px;gap:10px;width:270px;padding:6px 10px;display:flex;position:absolute;bottom:190px;transform:translate(-50%)}.dungeon-time>div{flex-direction:column;flex:1;gap:2px;font-size:10px;display:flex}.dungeon-time strong{font-size:18px}.dungeon-time .boss{color:#ff5a5f}.dungeon-time.urgent{animation:1s infinite alternate pulse;box-shadow:0 0 12px #ff5a5f}@keyframes pulse{to{opacity:.75}}.battle-kunai{left:calc((100% - var(--side)) / 2);z-index:5;background:0 0;flex-direction:column;align-items:center;gap:2px;padding:0;animation:.38s ease-out pop;display:flex;position:absolute;top:145px;transform:translate(-50%)}.battle-kunai>span{background:#3a1a1f;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:26px;display:flex;box-shadow:0 0 16px #ff5a5f}.battle-kunai small{color:#ffc9cb;background:#3a1a1f;border-radius:10px;padding:1px 8px;font-size:10px;font-weight:700}@keyframes pop{0%{opacity:0;transform:translate(-50%)scale(.55)}}.battle-results{width:min(470px,96vw)}.battle-boss{align-items:center;gap:10px;padding:6px 10px;display:flex}.battle-panel{padding:0 8px}.battle-panel h4 i{border-radius:50%;width:8px;height:8px;display:inline-block}.battle-panel ol{max-height:200px;margin:0;padding:0;list-style:none;overflow-y:auto}.battle-panel li{border-radius:4px;grid-template-columns:22px 1fr 70px 52px 60px;align-items:center;gap:6px;padding:3px 4px;display:grid}.battle-panel li.me{color:#8fdcf0;background:#1f2a36}.battle-panel .medal{text-align:center;color:#1c1f26;border-radius:50%;width:20px;height:20px;font-size:11px;font-weight:700;line-height:20px}.battle-panel .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.staff-broadcast{left:calc((100% - var(--side)) / 2);z-index:12;background:#13151df2;border:1px solid;border-radius:10px;gap:10px;width:min(500px,94%);padding:10px 12px 14px;animation:.42s ease-out drop;display:flex;position:absolute;top:8px;overflow:hidden;transform:translate(-50%)}.staff-broadcast .body{flex:1;min-width:0}.staff-broadcast header{align-items:baseline;gap:8px;display:flex}.staff-broadcast header small{color:#7d879b;flex:1}.staff-broadcast header .icon{background:0 0;padding:0 4px}.staff-broadcast p{white-space:pre-wrap;color:#e6e9f5;margin:6px 0 0;font-size:12px}.staff-broadcast a{color:#8fdcf0;word-break:break-all;margin-top:6px;font-size:11px;display:inline-block}.staff-broadcast .time{transform-origin:0;width:100%;height:4px;animation:linear forwards shrink;position:absolute;bottom:0;left:0}@keyframes shrink{to{transform:scaleX(0)}}@keyframes drop{0%{opacity:0;transform:translate(-50%,-16px)}}.boss-bar{pointer-events:none;z-index:3;background:#000a;border-radius:30px;align-items:center;gap:8px;width:min(300px,100% - 440px);padding:3px 12px 3px 3px;display:flex;position:absolute;top:72px;left:50%;transform:translate(-50%)}.game-ui.touch .boss-bar{display:none}.boss-bar.low{box-shadow:0 0 14px #ef4444}.boss-bar .portrait{background:#111;border:2px solid;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex;overflow:hidden}.boss-bar>div{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.boss-bar strong{text-shadow:1px 1px #000;font-size:12px}.boss-bar .track{background:#222;border-radius:6px;width:100%;height:12px;position:relative;overflow:hidden}.boss-bar .track>span{height:100%;transition:width .16s ease-out;display:block}.boss-bar .track em{text-align:center;text-shadow:0 1px 2px #000;font-size:9px;font-style:normal;font-weight:700;line-height:12px;position:absolute;inset:0}.saga-info{text-align:center;width:min(560px,96vw)}.saga-progress{align-items:center;gap:8px;padding:0 16px;display:flex}.saga-progress .hpbar{flex:1}.saga-mission{text-align:left;background:#0a1020;border-left:4px solid #45c8e8;margin:8px 12px;padding:8px 12px}.saga-mission p{white-space:pre-wrap;margin:0}.map-info{text-align:center;pointer-events:none;z-index:1;background:#0d1424dd;border:1px solid #c9a22788;border-radius:8px;width:220px;padding:8px 10px;position:fixed;top:8px;left:50%;transform:translate(-50%)}.map-info strong{color:#ffd36b;font-size:13px;display:block}.map-info p{margin:2px 0 0;font-size:11px}.npc-dialog{width:min(620px,96vw)}.npc-body{align-items:center;gap:10px;padding:8px;display:flex}.npc-portrait{flex:none}.npc-message{white-space:pre-wrap;background:#0a1020;border-radius:8px;flex:1;max-height:300px;margin:0;padding:10px;overflow-y:auto}.npc-amount{flex-wrap:wrap;align-items:center;gap:6px;padding:4px 8px;display:flex}.npc-amount input[type=range]{flex:1;min-width:100px;padding:0}.npc-exchange{flex-wrap:wrap;align-items:center;gap:8px;padding:4px 8px;display:flex}.npc-exchange>div{gap:4px;display:flex}.npc-exchange .slot{flex-direction:column;width:44px;height:48px;position:relative}.npc-options{grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:4px;padding:6px 8px;display:grid}.npc-options button{justify-content:center;align-items:center;gap:4px;display:flex}.house-info{text-align:center;width:min(360px,94vw)}.house-info .system-rows{text-align:left}.house-panel{width:min(440px,96vw)}.house-manage{flex-direction:column;gap:4px;padding:0 4px;display:flex}.house-list ul{max-height:120px;margin:0 8px;padding:0;list-style:none;overflow-y:auto}.house-list li{justify-content:space-between;align-items:center;display:flex}.house-list.danger h4{color:#ff8a8f}.house-list>button{margin:0 8px}.house-icon{left:calc((100% - var(--side)) / 2);z-index:5;background:#0d1424dd;border:1px solid #c9a227;padding:6px 14px;font-size:26px;position:absolute;bottom:230px;transform:translate(-50%)}.inspect{width:min(400px,96vw)}.inspect-header{align-items:center;gap:8px;padding:0 8px;display:flex}.inspect .bar{flex:none;margin:4px 8px}.inspect-slots{grid-template-columns:repeat(3,34px);justify-content:center;gap:4px;display:grid}.item-tooltip{z-index:40;pointer-events:none;text-align:center;background:#0d1018f2;border:1px solid;border-radius:8px;flex-direction:column;align-items:center;gap:1px;min-width:160px;max-width:260px;padding:8px 10px;font-size:11px;display:flex;position:fixed}.item-tooltip strong{color:#f0f080;font-size:12px}.item-tooltip .header{font-weight:700}.item-tooltip hr{border:0;border-top:1px solid #fff2;width:100%;margin:3px 0}.item-tooltip .rewards{flex-wrap:wrap;justify-content:center;gap:3px;display:flex}.ninjapedia{width:min(940px,96vw)}.np-columns{grid-template-columns:300px 1fr;gap:8px;padding:6px;display:grid}.np-list{flex-direction:column;gap:4px;min-width:0;display:flex}.np-list ul{max-height:50vh;margin:0;padding:0;list-style:none;overflow-y:auto}.np-list li button{text-align:left;background:0 0;align-items:center;gap:6px;width:100%;padding:3px 4px;display:flex}.np-list li button>span:first-of-type{flex-direction:column;flex:1;display:flex}.np-chips,.np-cats{flex-wrap:wrap;gap:3px;display:flex}.np-chips button,.np-cats button{border:1px solid var(--border);background:#0a1020;padding:2px 6px;font-size:10px}.np-chips button.active,.np-cats button.active{border-color:var(--accent)}.np-cats{grid-template-columns:repeat(5,1fr);display:grid}.np-cats button{flex-direction:column;align-items:center;display:flex}.np-page{min-width:0;max-height:70vh;overflow-y:auto}.np-detail header{align-items:center;gap:10px;display:flex}.np-stats{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:4px;margin:6px 0;display:grid}.np-stats>div{background:#0a1020;border-radius:6px;padding:4px 8px}.np-stats dt{color:var(--muted);font-size:10px}.np-stats dd{margin:0;font-size:14px;font-weight:700}.np-loot{grid-template-columns:repeat(auto-fill,54px);gap:4px;display:grid}.np-loot-tile{background:#0a1020;border:1px solid;flex-direction:column;align-items:center;padding:2px;display:flex}.np-cards{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:4px;display:grid}.np-cards button{border:1px solid var(--border);text-align:left;background:#0a1020;align-items:center;gap:6px;display:flex}.np-bonus{columns:2;margin:0;padding-left:16px}.np-locs{margin:0;padding-left:16px}.guild{width:min(900px,96vw)}.guild-columns{grid-template-columns:170px 1fr;gap:8px;padding:6px;display:grid}.guild-nav{flex-direction:column;gap:3px;display:flex}.guild-nav button{text-align:left;border:1px solid var(--border);background:0 0;position:relative}.guild-nav button.active{border-color:var(--accent);background:#3d8bff55}.guild-nav .badge{background:#ff5a5f;border-radius:8px;padding:0 5px;font-size:10px;position:absolute;right:6px}.guild-page{flex-direction:column;gap:4px;min-width:0;max-height:70vh;display:flex;overflow-y:auto}.guild-form{flex-direction:column;gap:6px;display:flex}.guild-form label{color:var(--muted);flex-direction:column;gap:2px;font-size:11px;display:flex}.guild-list,.guild-inbox,.guild-top{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.guild-list li{align-items:center;gap:6px;display:flex}.guild-inbox li{background:#0a1020;border-radius:6px;padding:6px 8px}.guild-inbox p{color:#c9cee0;margin:4px 0}.guild-top li{background:#0a1020;border-radius:6px;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 8px;display:flex}.guild-top li>div{flex-direction:column;flex:1;min-width:160px;display:flex}.guild-top .medal{text-align:center;background:#22364a;border-radius:50%;width:26px;height:26px;font-weight:700;line-height:26px}.guild-table{border-collapse:collapse;width:100%}.guild-table th{text-align:left;color:var(--muted);padding:2px 4px;font-size:10px}.guild-table td{border-top:1px solid #ffffff10;padding:3px 4px}.guild-table tr.active td{background:#3d8bff22}.guild-table td input[type=checkbox]{width:auto}.guild-table td input:not([type]){width:110px}.war-bars{flex-direction:column;gap:3px;display:flex}.guide{width:min(960px,96vw)}.guide-columns{grid-template-columns:280px 1fr;gap:8px;padding:6px;display:grid}.guide-index{max-height:62vh;margin:0;padding:0;list-style:none;overflow-y:auto}.guide-index ul{margin:0;padding-left:8px;list-style:none}.guide-index button{text-align:left;background:0 0;width:100%;padding:3px 6px}.guide-index button.active{background:#3d8bff44}.guide-index button.category{gap:4px;font-weight:700;display:flex}.guide-index button.category small{color:var(--muted);margin-left:auto}.guide-index button.gold{color:#ffd36b}.guide-entry{max-height:62vh;padding-right:4px;overflow-y:auto}.guide-entry header{align-items:center;gap:8px;display:flex}.guide-entry p,.guide-entry li{line-height:1.45}.guide-warning{background:#2a1215;border-left:3px solid #ff5a5f;padding:6px 10px}.guide-tip{background:#10222a;border-left:3px solid #45c8e8;padding:6px 10px}.guide-items{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.guide-items li{background:#0a1020;border-radius:6px;flex-wrap:wrap;align-items:center;gap:6px;padding:4px 8px;display:flex}.guide-table{border-collapse:collapse;width:100%;margin:4px 0}.guide-table th,.guide-table td{text-align:left;border:1px solid #ffffff1a;padding:3px 6px}.guide-onboard{animation:1.4s infinite alternate pulse}@media (width<=760px){.dungeon-columns,.np-columns,.guild-columns,.guide-columns{grid-template-columns:1fr}.guide-index,.np-list ul{max-height:30vh}.np-cats{grid-template-columns:repeat(5,1fr)}.battle-panel li{grid-template-columns:22px 1fr 52px 56px}.battle-panel li .hpbar{display:none}.dungeon-time,.battle-kunai,.staff-broadcast,.house-icon{left:50%}.dungeon-time{bottom:210px}}.shop-balance .shop-buy-points{color:#1b1405;background:#c9971f;font-weight:700}.pix-shop{--pix:#32bcad;flex-direction:column;width:min(720px,96vw);display:flex}.pix-header{background:#122826;border:1px solid #1f4b47;border-radius:8px;align-items:center;gap:12px;margin:8px 8px 0;padding:10px 12px;display:flex}.pix-header strong{color:#ffd36b;font-size:14px}.pix-header p{color:#c9dcd9;margin:3px 0 0}.pix-header p.note{color:#ffcf6b}.pix-badge{background:var(--pix);color:#fff;border-radius:8px;flex:none;padding:5px 12px;font-size:14px;font-weight:700}.pix-tabs{gap:6px;padding:8px 8px 0;display:flex}.pix-tabs button{color:#c9cee0;background:#262b3a;border:1px solid #4a5268;flex:1;padding:7px 4px}.pix-tabs button.active{color:#fff;border-color:var(--pix);background:#1f6b66}.pix-body{min-height:240px;padding:8px}.pix-status{text-align:center;color:#c9cee0;flex-direction:column;align-items:center;gap:12px;padding:60px 12px;display:flex}.pix-status p{max-width:520px;margin:0}.pix-points{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.pix-points button{color:#fff;background:#1d2029;border:1px solid #2c2e3a;flex-direction:column;align-items:center;gap:6px;width:100%;padding:14px 6px;display:flex}.pix-points button:hover{background:#262a38}.pix-points strong{font-size:16px}.pix-points .pts{color:#ffd36b}.pix-points .bonus{color:#5fe0a0;min-height:14px}.pix-points button.selected,.pix-package.selected{border-color:var(--pix);animation:1.1s ease-in-out infinite alternate pix-pulse}@keyframes pix-pulse{0%{background:#1b3a38}to{background:#245c56}}.pix-packages{flex-direction:column;gap:8px;display:flex}.pix-package-list{gap:12px;margin:0;padding:8px 4px;list-style:none;display:flex;overflow-x:auto}.pix-package{--pkg:#3fd37e;color:#fff;background:var(--pkg-base,color-mix(in srgb, var(--pkg) 22%, #14161e));border:1px solid color-mix(in srgb, var(--pkg) 55%, #14161e);width:190px;box-shadow:0 0 10px color-mix(in srgb, var(--pkg) 35%, transparent);flex-direction:column;flex:none;align-items:center;gap:4px;padding:24px 8px 10px;animation:1.8s ease-in-out infinite alternate pix-glow;display:flex;position:relative;overflow:hidden}.pix-package:after{content:"";width:50%;animation:3.2s linear infinite pix-sheen;animation-delay:inherit;pointer-events:none;background:linear-gradient(100deg,#0000,#fff3,#0000);position:absolute;inset:0 auto 0 -60%}.pix-package.best{background:var(--pkg-base,color-mix(in srgb, var(--pkg) 28%, #14161e));border-color:color-mix(in srgb, var(--pkg) 75%, #14161e)}.pix-package:hover{border-color:color-mix(in srgb, var(--pkg) 65%, #fff)}.pix-package .slot{background:radial-gradient(color-mix(in srgb, var(--pkg) 60%, transparent), #14161e 75%);border-radius:8px;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.pix-package .name{text-align:center;font-weight:600}.pix-package .price{color:var(--pkg-price,#5fe0a0);font-size:15px}.pix-package.best .price{color:var(--pkg-price,#ffd36b)}.pix-package .timer{color:#ffb35c;font-size:10px}.pix-best{white-space:nowrap;background:color-mix(in srgb, var(--pkg) 70%, #000);border-radius:9px;padding:1px 10px;font-size:10px;font-weight:700;position:absolute;top:4px;left:50%;transform:translate(-50%)}@keyframes pix-glow{0%{box-shadow:0 0 4px color-mix(in srgb, var(--pkg) 25%, transparent)}to{box-shadow:0 0 14px color-mix(in srgb, var(--pkg) 70%, transparent)}}@keyframes pix-sheen{0%{left:-60%}25%,to{left:120%}}.pix-contents{text-align:center;background:#16181f;border:1px solid #2c2e3a;border-radius:8px;padding:8px}.pix-contents>strong{color:#ffd36b;font-size:14px}.pix-contents>p{margin:4px 0 0}.pix-contents ul{text-align:left;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:4px;max-height:220px;margin:8px 0 0;padding:0;list-style:none;display:grid;overflow-y:auto}.pix-contents li{color:#e6e9f5;background:#1d2029;border-radius:8px;align-items:center;gap:8px;padding:2px 6px 2px 4px;display:flex}.pix-contents li:hover{background:#262a38}.pix-empty{text-align:center;margin:0;padding:18px 8px}.pix-custom{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:20px 4px;display:flex}.pix-custom p{color:#c9cee0;margin:0}.pix-custom label{align-items:center;gap:10px;font-size:16px;font-weight:700;display:flex}.system-window .pix-custom input{text-align:center;width:160px;padding:6px 8px;font-size:18px;font-weight:700}.pix-custom input:focus{border-color:var(--pix);outline:none}.pix-custom .preview{color:#ffe27a;font-size:15px}.pix-shop .bad,.pix-custom .preview.bad{color:#ff9b9b}.pix-custom .pix-hint{color:#b9eccf;background:#172a1f;border:1px solid #2c5a3c;border-radius:8px;max-width:540px;padding:10px 12px}.pix-footer{border-top:1px solid #2c2e3a;flex-direction:column;align-items:center;gap:8px;margin:0 8px;padding-top:8px;display:flex}.pix-summary{text-align:center;white-space:pre-wrap;min-height:18px;font-size:14px}.pix-footer>div{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.system-window .pix-generate{background:#1f8f86;min-width:220px;padding:9px 16px;font-weight:700}.system-window .pix-generate:not(:disabled):hover{background:#28aea2}.pix-modal{z-index:22}.pix-error{width:min(360px,92vw)}.pix-error p{margin:0;padding:12px}.pix-qr-window{flex-direction:column;align-items:stretch;gap:8px;width:min(400px,96vw);padding:0 0 8px;display:flex}.pix-qr-window>:not(header){margin-left:10px;margin-right:10px}.pix-qr-summary{text-align:center;color:#ffd36b;white-space:pre-wrap;min-height:16px;margin-top:6px;font-size:14px}.pix-qr-window .pix-qr-frame{aspect-ratio:1;box-sizing:border-box;background:#fff;border:2px solid #32bcad;border-radius:10px;justify-content:center;align-self:center;align-items:center;width:min(280px,100% - 20px);padding:12px;display:flex}.pix-qr-frame p{color:#1b2433;text-align:center;white-space:pre-wrap;margin:0}.pix-qr-frame.ok p{color:#1c9b4b;font-weight:700}.pix-qr-frame.bad p{color:#c0392b;font-weight:700}.pix-qr{max-width:100%;height:auto;image-rendering:pixelated;display:block}.pix-steps{color:#c9cee0;white-space:pre-line;background:#191b23;border:1px solid #2c2e3a;border-radius:8px;margin:0;padding:6px 10px}.pix-code{color:#8a93a3;flex-direction:column;gap:4px;display:flex}.pix-code span{gap:6px;display:flex}.system-window .pix-code input{flex:1;min-width:0;font-family:monospace;font-size:11px}.system-window .pix-code button{background:#1f8f86;flex:none;font-weight:700}.pix-qr-status{text-align:center;border-radius:8px;padding:8px 10px}.pix-qr-status p{color:#c9cee0;margin:4px 0 0}.pix-qr-status.wait{background:#1b2a44}.pix-qr-status.wait strong{color:#ffe27a}.pix-qr-status.ok{background:#1e4a2c}.pix-qr-status.ok strong{color:#8cff8c}.pix-qr-status.bad{background:#4a1e1e}.pix-qr-status.bad strong{color:#ff8c8c}.pix-note{text-align:center;margin:0}.pix-qr-window footer{justify-content:center}@media (width<=480px){.pix-header{flex-direction:column;align-items:flex-start;gap:6px}.pix-tabs button{font-size:11px}.pix-points{grid-template-columns:repeat(2,1fr)}.pix-package{width:160px}.pix-contents ul{grid-template-columns:1fr}.system-window .pix-generate{flex:1;min-width:0}.pix-footer>div{width:100%}}@media (prefers-reduced-motion:reduce){.pix-package,.pix-package:after,.pix-points button.selected,.pix-package.selected{animation:none}}.sheet-footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.sheet-footer .lang-switch{width:auto;color:var(--text);border:1px solid var(--border);font:inherit;background:#0a1020;border-radius:8px;padding:8px}