:root{--bg: #efe0bd;--bg2: #f6ead0;--panel: #fdf4de;--panel2: #f3e2b8;--line: #d9b579;--line-dark: #b98a4e;--text: #4a2c12;--muted: #9b7c52;--gold: #f0b429;--gold2: #c07f08;--good: #2e9e4f;--bad: #d64541;--info: #2f6fd0;--wood: #a05f2c;--iron: #5f7d99;--stone: #8d8377;--diamond: #1e9edb;--wood-panel: #8a5a33;--wood-panel-dark: #6b4426;--copper-lite: #fcb45d;--copper: #f9a953;--copper-dark: #e08a3c;--copper-ink: #4a2410;--glass-bg: rgba(20, 10, 2, .52);--glass-bg-strong: rgba(20, 10, 2, .72);--glass-line: rgba(255, 244, 214, .14);--glass-text: #ffe9b8;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px);--fs-xs: 11px;--fs-sm: 12px;--fs-md: 13px;--fs-lg: 15px;--fs-xl: 17px;--ctl: 34px;--tap: 44px;--world-toggle-w: 158px;--z-hud: 20;--z-menu: 30;--z-chat: 35;--z-sheet: 40;--z-window: 45;--z-pop: 55;--z-reveal: 58;--z-toast: 60;--z-gate: 100;font-size:13.5px}@font-face{font-family:Nunito;src:url(/fonts/nunito-var.woff2) format("woff2");font-weight:200 1000;font-display:swap}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;scrollbar-width:none}*::-webkit-scrollbar{display:none}html,body,#root{height:100%;overflow:hidden}@supports (height: 100dvh){html,body,#root{height:100dvh}}body{background:var(--bg);color:var(--text);font-family:Nunito,Segoe UI,system-ui,-apple-system,Roboto,sans-serif;-webkit-user-select:none;user-select:none;touch-action:manipulation}.stage-htitle,.pop-title,.reveal-ribbon,.vs-ribbon,.sb-title,.list-title,.intro-caption,.th-name,.hs-name,.vic-ribbon,.member-ribbon,.hall-head .hall-name,h1{font-weight:900;letter-spacing:.5px;text-transform:uppercase}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;min-height:var(--ctl);min-width:var(--ctl)}input{font:inherit}input:not([type=range]):not([type=checkbox]){min-height:var(--ctl)}.fs-xs{font-size:var(--fs-xs)}.fs-sm{font-size:var(--fs-sm)}.fs-md{font-size:var(--fs-md)}.fs-lg{font-size:var(--fs-lg)}.app{position:relative;height:100%;overflow:hidden}.world{position:absolute;top:0;right:0;bottom:0;left:0}.gico{width:16px;height:16px;object-fit:contain;vertical-align:-3.5px;display:inline-block}.gico.lg{width:22px;height:22px;vertical-align:-6px}.login{height:100%;overflow-y:auto;display:flex;background:#180d03}.login-scene{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0;pointer-events:none}.login-scene-fit{position:absolute;left:50%;top:50%;min-width:100%;min-height:100%;transform:translate(-50%,-50%);will-change:transform;animation:login-kenburns 55s ease-in-out infinite alternate}.login-land .login-scene-fit{aspect-ratio:3 / 2}.login-port .login-scene-fit{aspect-ratio:2 / 3}@keyframes login-kenburns{0%{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-50%,-50%) scale(1.055)}}.login-bg-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.login-cloud{position:absolute;will-change:transform;animation:login-drift linear infinite}.login-port .login-cloud{filter:saturate(.35) brightness(1.12)}@keyframes login-drift{0%{transform:translate(0)}to{transform:translate(var(--drift))}}.login-sun{position:absolute;left:13%;top:26%;width:30%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#ffe29680,#ffbe5a42 38%,#ffaa4600 68%);mix-blend-mode:screen;animation:login-sun-breathe 9s ease-in-out infinite alternate}@keyframes login-sun-breathe{0%{opacity:.55;transform:translate(-50%,-50%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1.05)}}.login-glow{position:absolute;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#ffd882e6,#ffac4073 45%,#ff962800 72%);mix-blend-mode:screen;animation:login-flicker 3.2s ease-in-out infinite alternate}@keyframes login-flicker{0%{opacity:.3;transform:translate(-50%,-50%) scale(.82)}to{opacity:1;transform:translate(-50%,-50%) scale(1.12)}}.login-fly{position:absolute;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#ffe9a8,#ffd25acc 40%,#ffc85000 75%);mix-blend-mode:screen;opacity:0;animation:login-fly-float 11s ease-in-out infinite,login-fly-blink 5s ease-in-out infinite}@keyframes login-fly-float{0%{transform:translate(0)}25%{transform:translate(9px,-14px)}50%{transform:translate(-6px,-26px)}75%{transform:translate(7px,-12px)}to{transform:translate(0)}}@keyframes login-fly-blink{0%,18%,82%,to{opacity:0}42%,58%{opacity:.9}}.login-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(115% 115% at 50% 42%,#14080000 58%,#14080066),linear-gradient(180deg,#14080024,#14080000 22%)}.login-inner{position:relative;z-index:1;margin:auto;display:flex;flex-direction:column;align-items:center;gap:16px;padding:calc(16px + var(--safe-t)) calc(16px + var(--safe-r)) calc(16px + var(--safe-b)) calc(16px + var(--safe-l))}.login .logo{width:min(78vw,340px);filter:drop-shadow(0 6px 14px rgba(30,12,0,.55));animation:logo-drop .85s cubic-bezier(.2,1.35,.4,1) both}@keyframes logo-drop{0%{opacity:0;transform:translateY(-26px) scale(.82)}to{opacity:1;transform:translateY(0) scale(1)}}.login-brand .sub,.login form{animation:intro-fade-in .7s ease-out .3s both}.boot-splash{align-items:center;justify-content:center}.boot-inner{margin:auto;display:flex;flex-direction:column;align-items:center;gap:18px;padding:20px}.boot-logo{width:min(60vw,320px);filter:drop-shadow(0 6px 14px rgba(30,12,0,.55));animation:logo-drop .85s cubic-bezier(.2,1.35,.4,1) both}.boot-bar{width:min(62vw,300px);height:12px;border-radius:999px;border:2px solid rgba(240,180,41,.55);background:#2b1808b8;overflow:hidden;box-shadow:inset 0 1px 3px #00000080}.boot-bar-fill{display:block;height:100%;width:42%;border-radius:999px;background:linear-gradient(90deg,#c07f08,#f0b429 50%,#ffd75e);animation:boot-slide 1.15s ease-in-out infinite}@keyframes boot-slide{0%{transform:translate(-110%)}to{transform:translate(340%)}}.boot-tip{max-width:min(78vw,460px);min-height:2.6em;text-align:center;color:#ffe9b8;font-size:12px;font-weight:700;text-shadow:0 2px 6px rgba(20,8,0,.85),0 0 22px rgba(0,0,0,.5)}.boot-error{max-width:min(80vw,420px);text-align:center;color:#ffd9d1;font-size:13px;font-weight:800;line-height:1.4;text-shadow:0 2px 6px rgba(40,0,0,.9),0 0 22px rgba(0,0,0,.5)}.login-brand{display:flex;flex-direction:column;align-items:center;gap:14px;min-width:0}.login .sub{color:#ffe9b8;text-align:center;font-weight:700;text-shadow:0 2px 6px rgba(20,8,0,.85),0 0 22px rgba(0,0,0,.5)}.login form{width:100%;max-width:340px;min-width:0;display:flex;flex-direction:column;gap:10px;margin-top:12px;background:#2b1808a8;border:2px solid rgba(240,180,41,.45);border-radius:18px;padding:18px 16px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.login input{background:#140a028c;border:2px solid rgba(240,180,41,.45);border-radius:12px;padding:10px 12px;color:#ffe9b8;outline:none;font-weight:600}.login input::placeholder{color:#b99b6d}.login .btn.ghost{color:#ecd9ae;text-shadow:0 1px 2px rgba(20,8,0,.6)}@media (orientation: landscape) and (max-height: 620px){.login-inner{flex-direction:row;gap:min(5vw,48px)}.login .logo{width:clamp(150px,28vw,280px)}.login .sub{font-size:13px}.login form{margin-top:0;width:min(340px,46vw);padding:12px 14px;gap:8px}.login input{padding:10px 12px}}@media (orientation: landscape) and (max-height: 370px){.login .sub{display:none}.login .logo{width:auto;max-width:28vw;max-height:24vh}.login form{gap:6px;padding:10px 12px}.login .notice{margin:2px 0;padding:4px 8px;font-size:12px}}.login input:focus{border-color:var(--gold)}.login .notice{background:#280e068c;border-color:#d645418c;color:#ffb4a8;justify-content:center}.login .btn.primary{position:relative;overflow:hidden}.login .btn.primary:after{content:"";position:absolute;top:-20%;bottom:-20%;left:-30%;width:24%;background:linear-gradient(90deg,#fff0,#ffffff8c,#fff0);transform:skew(-22deg);animation:login-shine 4.2s ease-in-out 1.5s infinite;pointer-events:none}@keyframes login-shine{0%{transform:translate(0) skew(-22deg)}32%{transform:translate(700%) skew(-22deg)}to{transform:translate(700%) skew(-22deg)}}@media (prefers-reduced-motion: reduce){.login-scene-fit,.login-cloud,.login-sun,.login-glow,.login-fly,.login .logo,.login .btn.primary:after,.login-brand .sub,.login form{animation:none}.login-fly{opacity:0}.login-glow{opacity:.75}}.btn{background:linear-gradient(180deg,#fdf2d4,#ecd5a4);border:2px solid var(--line-dark);border-radius:11px;padding:7px 12px;font-weight:800;color:#5b3a16;box-shadow:0 3px #a4763e,inset 0 2px #ffffffa6;transition:transform .05s,box-shadow .05s}.btn:active{transform:translateY(2px);box-shadow:0 1px #a4763e,inset 0 2px #ffffff80}.btn.primary{background:linear-gradient(180deg,#ffd75e,#f0a71b);color:#4a2c04;border-color:#c07f08;box-shadow:0 3px #9c6606,inset 0 2px #ffffff8c}.btn.primary:active{box-shadow:0 1px #9c6606,inset 0 2px #ffffff73}.btn.ghost{background:transparent;border-color:transparent;box-shadow:none;color:var(--muted)}.btn.ghost:active{transform:scale(.96)}.btn.danger{background:linear-gradient(180deg,#f2705c,#d64541);border-color:#a5352c;color:#fff;text-shadow:0 1px 2px rgba(90,10,0,.4);box-shadow:0 3px #8c2b23,inset 0 2px #ffffff47}.btn.danger:active{box-shadow:0 1px #8c2b23,inset 0 2px #ffffff38}.btn.info{background:linear-gradient(180deg,#63a4ff,#2f6fd0);border-color:#1d4e9e;color:#fff;text-shadow:0 1px 2px rgba(10,30,70,.45);box-shadow:0 3px #173e80,inset 0 2px #ffffff4d}.btn.info:active{box-shadow:0 1px #173e80,inset 0 2px #ffffff3d}.btn.success{background:linear-gradient(180deg,#7cc96b,#2e9e4f);border-color:#237a3c;color:#fff;text-shadow:0 1px 2px rgba(10,60,25,.45);box-shadow:0 3px #1c6231,inset 0 2px #ffffff4d}.btn.success:active{box-shadow:0 1px #1c6231,inset 0 2px #ffffff3d}.btn:disabled{opacity:.45;pointer-events:none}.btn.small{padding:5px 10px;font-size:12px;border-radius:10px}.btn.cta{display:flex;align-items:center;justify-content:center;gap:6px;width:fit-content;min-width:min(128px,100%);max-width:min(240px,100%);min-height:42px;margin-inline:auto;padding:9px 18px;font-size:13px;border-radius:12px}.pop-actions .btn.cta,.tc-actions .btn.cta,.row .btn.cta{margin-inline:0}.scroll{flex:1;overflow-y:auto;padding:14px 14px 18px;-webkit-overflow-scrolling:touch;background:radial-gradient(ellipse at 50% 0%,rgba(255,250,232,.85) 0%,transparent 55%),var(--bg)}.canvas-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.canvas-wrap canvas{display:block;width:100%;height:100%;touch-action:none;animation:world-fade .35s ease-out}@keyframes world-fade{0%{opacity:0}to{opacity:1}}.hud-tl{position:absolute;top:calc(8px + var(--safe-t));left:calc(10px + var(--safe-l));z-index:var(--z-hud)}.plate{display:flex;align-items:center;gap:7px;background:var(--glass-bg);border:1px solid var(--glass-line);border-radius:12px;padding:3px 10px 3px 3px;box-shadow:0 3px 10px #14080047;transition:transform .08s}.plate:active{transform:scale(.97)}.plate-avatar{position:relative;width:40px;height:40px}.plate-avatar img{width:100%;height:100%;object-fit:contain;border-radius:10px;border:2px solid #c89a58;box-shadow:0 2px 5px #14080080;display:block;background:radial-gradient(circle at 50% 35%,#4a3826,#3a2c1c 75%)}.plate-level{position:absolute;bottom:-4px;left:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:linear-gradient(180deg,#ffd75e,#f0a71b);border:1.5px solid #8f5d06;color:#4a2c04;font-size:10.5px;font-weight:900;display:flex;align-items:center;justify-content:center}.plate-info{display:flex;flex-direction:column;align-items:flex-start;gap:1px}.plate-name{color:#fff;font-size:11px;font-weight:800;text-shadow:0 1px 2px rgba(0,0,0,.6);max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plate-power{color:var(--gold);font-size:12px;font-weight:900;text-shadow:0 1px 2px rgba(0,0,0,.6)}.plate-vip{display:flex;align-items:center;gap:3px;color:#ffe9b8;font-size:11px;font-weight:800}.plate-vip img{width:12px;height:12px}.hud-tr{position:absolute;top:calc(8px + var(--safe-t));right:calc(10px + var(--safe-r));z-index:var(--z-hud);display:flex;flex-direction:column;align-items:flex-end;gap:5px;pointer-events:none}.hud-tr>*{pointer-events:auto}.res-row{display:flex;align-items:center;gap:6px}.res-capsule{position:relative;display:flex;align-items:center;gap:3px;height:24px;min-height:0;min-width:0;padding:0 8px 0 3px;background:var(--glass-bg);border:1px solid var(--glass-line);border-radius:999px;color:var(--glass-text);font-size:11.5px;font-weight:800;text-shadow:0 1px 2px rgba(20,8,0,.7);box-shadow:0 2px 6px #14080038;transition:transform .08s}.res-capsule:before{content:"";position:absolute;left:0;right:0;top:50%;height:var(--tap);transform:translateY(-50%);border-radius:999px}.res-capsule:active{transform:scale(.95)}.res-capsule .gico{width:18px;height:18px;vertical-align:0}.res-capsule.diamond .rc-val{color:#7dd3fc}.rc-ico{display:flex;align-items:center}.rc-val{min-width:28px;text-align:center}.res-plus{position:relative;width:28px;height:28px;min-width:0;min-height:0;border-radius:50%;background:linear-gradient(180deg,#63c76a,#2e9e4f);border:2px solid #1c6e33;color:#fff;font-size:17px;font-weight:900;line-height:1;box-shadow:0 2px 4px #14080066,inset 0 2px #ffffff59;display:flex;align-items:center;justify-content:center}.res-plus:active{transform:scale(.92)}.fs-btn{position:relative;width:34px;height:34px;border-radius:10px;background:var(--glass-bg);border:1px solid var(--glass-line);color:var(--glass-text);font-size:16px;display:flex;align-items:center;justify-content:center}.fs-btn img{width:20px;height:20px;object-fit:contain}.res-plus:before,.fs-btn:before,.queue-fab:before,.map-icon-btn:before,.co-send:before,.co-close:before,.tap-strip-btn:before,.tap-card .tc-close:before,.pop-close:before,.pop-back:before,.stage-back:before,.stage-close:before,.hall-leave:before{content:"";position:absolute;left:50%;top:50%;width:max(100%,var(--tap));height:max(100%,var(--tap));transform:translate(-50%,-50%);border-radius:50%}.bell-btn{position:relative}.bell-badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:radial-gradient(circle at 35% 30%,#ff9d66,#e0452b 75%);border:1.5px solid #fff6dd;color:#fff;font-size:10px;font-weight:900;line-height:13px;text-align:center;box-shadow:0 1px 3px #5a1e0580}.status-row{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.status-pill{display:flex;align-items:center;gap:4px;background:var(--glass-bg);border:1px solid var(--glass-line);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:800;color:var(--glass-text);text-shadow:0 1px 2px rgba(20,8,0,.7)}.status-pill.info{color:#bfdbfe}.status-pill.bad{color:#fecaca}.status-pill.good{color:#bbf7d0}.status-pill .gico{width:12px;height:12px}.hud-left{position:absolute;top:calc(66px + var(--safe-t));left:calc(10px + var(--safe-l));z-index:var(--z-hud);display:flex;flex-direction:column;align-items:flex-start;gap:14px}.queue-panel{width:clamp(150px,26vw,190px);max-height:min(35vh,200px);display:flex;flex-direction:column;background:linear-gradient(180deg,#1e100594,#100802a3);border:1px solid var(--glass-line);border-radius:12px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);box-shadow:0 4px 14px #14080066;overflow:hidden;animation:qp-in .15s ease-out}@keyframes qp-in{0%{transform:translate(-12px);opacity:.4}to{transform:none;opacity:1}}.qp-head{display:flex;align-items:center;gap:5px;width:100%;padding:4px 7px 4px 8px;color:#ffe9b8;font-size:11px;font-weight:800;letter-spacing:.3px;text-align:left;text-shadow:0 1px 2px rgba(0,0,0,.6);border-bottom:1px solid rgba(240,180,41,.25);flex-shrink:0}.qp-head:active{background:#ffffff0f}.qp-head img{width:16px;height:16px;object-fit:contain}.qp-collapse{margin-left:auto;width:22px;height:22px;min-width:0;min-height:0;border-radius:8px;background:#ffffff14;border:1.5px solid rgba(240,180,41,.35);color:#ffe9b8;font-size:11px;display:flex;align-items:center;justify-content:center;pointer-events:none}.qp-rows{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:4px;display:flex;flex-direction:column;gap:3px}.qp-row{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:6px;padding:4px 6px 4px 4px;border-radius:8px;background:#ffffff0f;border:1px solid rgba(240,180,41,.18);color:#f3e3bd;font-size:11px;font-weight:700;text-align:left;transition:transform .08s}.qp-row:active{transform:scale(.97)}.qp-ico{width:24px;height:24px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.qp-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qp-time{color:#ffd75e;font-weight:800;font-size:11px;white-space:nowrap}.qp-bar{grid-column:2 / 4;height:5px;border-radius:3px;background:#140a028c;border:1px solid rgba(240,180,41,.25);overflow:hidden;margin-top:1px}.qp-bar>span{display:block;height:100%;border-radius:3px;background:linear-gradient(180deg,#ffd75e,#f0a71b);transition:width 1s linear}.qp-row.enemy .qp-bar>span{background:linear-gradient(180deg,#f2705c,#d64541)}.qp-time.soon{color:#7cfc9b}.qp-row.enemy{border-color:#d6454180;background:#d6454124;color:#ffd2cc}.qp-row.enemy .qp-time{color:#ff9a8f}.qp-item{display:flex;align-items:stretch;gap:3px;min-width:0}.qp-item>.qp-row{flex:1;min-width:0}.qp-recall{flex:none;width:28px;min-width:0;min-height:0;border-radius:8px;background:#ffffff14;border:1px solid rgba(240,180,41,.35);display:flex;align-items:center;justify-content:center;transition:transform .08s}.qp-recall:active{transform:scale(.92)}.qp-recall:disabled{opacity:.5}.qp-recall img{width:16px;height:16px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.queue-fab{position:relative;width:40px;height:40px;border-radius:50%;background:radial-gradient(circle at 50% 32%,#5f3c1ef0,#261406f0);border:2px solid rgba(240,180,41,.65);box-shadow:0 3px 8px #14080073,inset 0 2px #ffffff1f;display:flex;align-items:center;justify-content:center;transition:transform .08s}.queue-fab:active{transform:scale(.94)}.queue-fab img{width:28px;height:28px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.queue-fab .dot{position:absolute;top:-4px;right:-4px;min-width:17px;height:17px;border-radius:9px;background:var(--bad);border:1.5px solid #fff;color:#fff;font-size:10.5px;font-weight:800;display:flex;align-items:center;justify-content:center;padding:0 4px}.queue-fab-time{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);background:var(--glass-bg-strong);border:1px solid var(--glass-line);border-radius:999px;padding:1px 6px;font-size:10.5px;font-weight:800;color:#ffe9b8;white-space:nowrap}.queue-fab.alert{border-color:#d64541e6;box-shadow:0 0 12px #d645418c,0 3px 8px #14080073,inset 0 2px #ffffff1f}.queue-fab.offer-fab{border-color:#f0b429f2;box-shadow:0 0 12px #f0b4298c,0 3px 8px #14080073,inset 0 2px #ffffff1f;animation:glow-pulse 1.6s ease-in-out infinite;margin-bottom:8px}.offer-fab .offer-fab-time{border-color:#d64541bf;color:#ffd0c4}.queue-fab.claimable{border-color:#f0b429f2;box-shadow:0 0 12px #f0b4298c,0 3px 8px #14080073,inset 0 2px #ffffff1f;animation:glow-pulse 1.6s ease-in-out infinite}.queue-panel.quest{border-left-width:3px;border-left-color:#f0b429d9;max-height:min(46vh,240px)}.queue-panel.quest.claimable{border-color:#f0b429bf;border-left-color:#f0b429;box-shadow:0 0 12px #f0b42959,0 4px 14px #14080066}.queue-panel.quest .qt-body{overflow-y:auto}.qt-body{padding:6px 8px 8px;display:flex;flex-direction:column;gap:4px;color:#f3e3bd;font-size:11.5px;line-height:1.25}.qt-active{cursor:pointer;border-radius:9px;padding:2px 4px;transition:background .08s}.qt-active:hover{background:#ffffff0a}.qt-active:active{background:#ffffff14}.qt-active-top{display:flex;align-items:center;gap:8px}.qt-active-top .qt-name{flex:1;min-width:0}.qt-name{font-weight:800;color:#ffe9b8;text-shadow:0 1px 2px rgba(0,0,0,.6);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.qt-bar-row{display:flex;align-items:center;gap:7px}.qt-bar-row .bar.thin{flex:1;min-width:0}.qt-progress{font-size:11px;font-weight:800;color:#ffd75e;white-space:nowrap}.qt-claim{flex-shrink:0;padding:4px 10px;font-size:11.5px;min-height:26px}.qt-upcoming{margin-top:4px;padding-top:5px;border-top:1px solid rgba(240,180,41,.2);display:flex;flex-direction:column;gap:2px}.qt-up-row{display:flex;flex-direction:column;font-size:11px;line-height:1.2;color:#f3e3bd99}.qt-up-name{font-weight:700;color:#ffe9b8bf}.qt-up-target{font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.round-btn{display:flex;flex-direction:column;align-items:center;gap:2px}.round-btn:active .rb-circle{transform:scale(.92)}.rb-circle{position:relative;width:40px;height:40px;border-radius:50%;background:radial-gradient(circle at 50% 30%,#a9743d,#6b4426 72%);border:2px solid #f0b429;outline:2px solid #55351a;box-shadow:0 4px 9px #14080080,inset 0 3px 4px #ffffff38,inset 0 -4px 6px #1e0e0280;display:flex;align-items:center;justify-content:center;transition:transform .08s}.rb-circle img{width:26px;height:26px;object-fit:contain;filter:drop-shadow(0 2px 2px rgba(30,14,2,.55))}.rb-circle.big{width:50px;height:50px}.rb-circle.big img{width:36px;height:36px}.rb-label{font-size:10.5px;font-weight:800;color:#ffe9b8;text-shadow:0 1px 3px rgba(20,8,0,.9),0 0 6px rgba(20,8,0,.6);letter-spacing:.2px;white-space:nowrap}.rb-circle .dot{position:absolute;top:-4px;right:-4px;min-width:17px;height:17px;border-radius:9px;background:var(--bad);border:1.5px solid #fff;color:#fff;font-size:10.5px;font-weight:800;display:flex;align-items:center;justify-content:center;padding:0 4px;z-index:2}.hud-br{position:absolute;bottom:calc(8px + var(--safe-b));right:calc(10px + var(--safe-r));z-index:var(--z-hud);display:flex;align-items:flex-end;gap:7px}.hud-bl{position:absolute;bottom:calc(8px + var(--safe-b));left:calc(10px + var(--safe-l));z-index:var(--z-hud)}.hud-bl-cluster{display:flex;align-items:flex-end;gap:10px}@media (max-width: 640px){.plate-name{display:none}.res-row{gap:4px;flex-wrap:wrap;justify-content:flex-end;max-width:calc(100vw - 140px - var(--safe-l) - var(--safe-r))}.res-capsule{padding:0 7px 0 3px}.rc-val{min-width:0}}@media (max-width: 560px){.res-row{gap:3px}.res-capsule{height:22px;padding:0 6px 0 2px;font-size:10.5px}.res-capsule .gico{width:15px;height:15px}.res-plus{width:24px;height:24px;font-size:15px}.fs-btn{width:28px;height:28px}.fs-btn img{width:17px;height:17px}}@media (max-height: 370px){.hud-left{top:calc(58px + var(--safe-t));gap:6px}.queue-panel{max-height:30vh}.queue-panel.quest{max-height:min(40vh,200px)}.queue-fab{width:36px;height:36px}.queue-fab img{width:25px;height:25px}.rb-circle{width:36px;height:36px}.rb-circle img{width:24px;height:24px}.rb-circle.big{width:44px;height:44px}.rb-circle.big img{width:31px;height:31px}.hud-br{gap:6px}}.chat-ticker{position:absolute;bottom:calc(10px + var(--safe-b));left:calc(10px + var(--safe-l) + var(--world-toggle-w, 66px));z-index:var(--z-hud);display:flex;align-items:center;gap:5px;max-width:min(300px,30vw);height:30px;min-height:0;padding:0 11px;border-radius:999px;background:var(--glass-bg);border:1px solid var(--glass-line);color:var(--glass-text);font-size:11.5px;font-weight:600;transition:transform .08s}.chat-ticker:after{content:"";position:absolute;top:-8px;right:0;bottom:-8px;left:0}.chat-ticker:active{transform:scale(.97)}.ct-ico{width:16px;height:16px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.ct-ch{color:var(--gold);font-weight:800;flex-shrink:0}.ct-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ct-text b{color:#ffd75e;margin-right:4px}@media (max-width: 640px){.chat-ticker{max-width:24vw}}.ct-unread{position:absolute;top:-7px;left:8px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:radial-gradient(circle at 35% 30%,#ff9d66,#e0452b 75%);border:1.5px solid #fff6dd;color:#fff;font-size:10px;font-weight:900;line-height:13px;text-align:center;box-shadow:0 1px 3px #5a1e0580}.chat-shell{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:6px;padding:calc(48px + var(--safe-t)) calc(8px + var(--safe-r)) var(--safe-b) calc(8px + var(--safe-l))}.chat-chips{flex:none;display:flex;justify-content:center;gap:6px}.chat-chip{position:relative;display:inline-flex;align-items:center;gap:5px;min-width:0;min-height:0;padding:4px 12px;border-radius:999px;background:var(--glass-bg);border:1px solid var(--glass-line);color:var(--glass-text);font-size:11.5px;font-weight:800;text-shadow:0 1px 2px rgba(20,8,0,.7);white-space:nowrap}.chat-chip img{width:15px;height:15px;object-fit:contain}.chat-chip.on{background:linear-gradient(180deg,#ffd75e,#f0a71b);border-color:#8a5a1a;color:#3a2408;text-shadow:none}.chat-chip .dot{position:absolute;top:-6px;right:-2px;min-width:15px;height:15px;border-radius:8px;background:var(--bad);border:1.5px solid #fff;color:#fff;font-size:9.5px;font-weight:900;display:flex;align-items:center;justify-content:center;padding:0 3px}.chat-chip .dot.live{background:#2e9e4f}.chat-main{position:relative;flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;background:linear-gradient(180deg,#fbf0d5,#f3e3bd);border:3px solid #8a5a33;outline:3px solid #55351a;border-radius:16px;overflow:hidden;color:var(--text);box-shadow:0 14px 44px #14080080,inset 0 2px #fff9}.chat-band{flex:none;display:flex;align-items:center;justify-content:center;gap:6px;min-height:30px;padding:2px 10px;background:linear-gradient(180deg,#f9edcd,#eedbae);border-bottom:2px solid var(--line-dark);box-shadow:0 2px 4px #5a370f1f}.chat-band b{font-size:12.5px;color:#6b4a1e;letter-spacing:.4px}.cb-back{position:absolute;left:6px;width:30px;height:26px;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center}.cb-back img{width:16px;height:16px;object-fit:contain}.cb-back:after{content:"";position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px}.chat-feed{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:8px 10px;display:flex;flex-direction:column;gap:7px}.chat-sep{align-self:center;font-size:10.5px;font-weight:700;color:var(--muted);padding:1px 8px}.chat-empty{margin-top:24px;text-align:center;color:var(--muted);font-size:12px;font-weight:600}.chat-msg{display:flex;align-items:flex-start;gap:7px}.cm-avatar{flex:none;position:relative;width:40px;height:40px;min-width:0;min-height:0;padding:0;border-radius:10px;background:radial-gradient(circle at 50% 30%,#4a3a24,#2c2114 80%);border:2px solid var(--line-dark);box-shadow:0 2px 3px #5a370f4d,inset 0 0 0 1.5px #f0b4298c;overflow:hidden}.cm-avatar img{width:100%;height:100%;object-fit:contain}.cm-avatar:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px}.cm-body{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:3px}.cm-meta{display:flex;align-items:center;gap:4px;min-width:0;font-size:11px}.cm-lv{flex:none;padding:0 5px;border-radius:7px;background:linear-gradient(180deg,#ffd75e,#f0a71b);border:1px solid #8f5d06;color:#4a2c04;font-size:10px;font-weight:900;line-height:14px;text-shadow:0 1px 0 rgba(255,255,255,.45)}.cm-vip{flex:none;display:inline-flex;align-items:center;gap:2px;padding:0 5px;border-radius:7px;background:linear-gradient(180deg,#f2705c,#d64541);border:1px solid #9c2420;color:#fff;font-size:10px;font-weight:900;line-height:14px}.cm-vip img{width:11px;height:11px;object-fit:contain}.cm-tag{flex:none;color:var(--good);font-weight:800}.cm-name{min-width:0;min-height:0;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7a5427;font-size:11px;font-weight:800}.cm-bubble{min-height:0;max-width:min(420px,82%);padding:6px 10px;border-radius:3px 12px 12px;background:var(--panel);border:2px solid var(--line-dark);box-shadow:0 2px #a4763e59,inset 0 1px #fffc;color:var(--text);font-size:12.5px;font-weight:600;line-height:1.4;text-align:left;word-break:break-word;white-space:pre-wrap}.chat-msg.mine .cm-bubble{background:linear-gradient(180deg,#fdf0c8,#f7e2a8)}.chat-msg.mine .cm-name{color:var(--info)}.cm-reacts{display:flex;flex-wrap:wrap;gap:4px}.cm-react{display:inline-flex;align-items:center;gap:3px;min-width:0;min-height:0;padding:2px 7px;border-radius:999px;background:var(--panel2);border:1.5px solid var(--line);color:#6b4a1e;font-size:10.5px;font-weight:800;box-shadow:inset 0 1px 2px #5a370f26}.cm-react img{width:13px;height:13px;object-fit:contain}.cm-react.add{border-style:dashed;opacity:.85}.cm-react:active{transform:scale(.94)}.chat-invite{width:min(280px,82%);padding:7px 9px;border-radius:3px 12px 12px;background:linear-gradient(180deg,#f6effe,#e9dcfa);border:2px solid #8b5cf6;box-shadow:0 2px #6d28d94d,inset 0 1px #fffc;display:flex;flex-direction:column;gap:6px}.ci-head{font-size:12px;font-weight:900;color:#6d28d9;text-align:center}.ci-row{display:flex;align-items:center;gap:7px}.ci-crest{flex:none;display:flex}.ci-pitch{min-width:0;font-size:11.5px;font-weight:600;color:#4a2c12;line-height:1.35}.ci-foot{display:flex;align-items:center;justify-content:space-between;gap:8px}.ci-count{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:800;color:#6b4a1e}.chat-newpill{position:absolute;right:12px;bottom:56px;z-index:2;min-height:0;padding:4px 12px;border-radius:999px;background:linear-gradient(180deg,#7cc96b,#2e9e4f);border:2px solid #237a3c;color:#fff;font-size:11px;font-weight:900;text-shadow:0 1px 1px rgba(20,60,25,.5);box-shadow:0 3px #1d6331,inset 0 2px #ffffff59;animation:toast-in .15s ease-out}.chat-newpill:active{transform:translateY(2px);box-shadow:0 1px #1d6331}.chat-inputwrap{flex:none;background:linear-gradient(180deg,#f0dcae,#e2c88f);border-top:2px solid var(--line-dark);padding:6px 8px calc(6px + var(--safe-b))}.chat-phrases{display:flex;flex-wrap:wrap;gap:5px;padding:0 2px 6px}.chat-phrases button{min-height:0;padding:4px 10px;border-radius:999px;background:var(--panel);border:1.5px solid var(--line-dark);color:var(--text);font-size:11.5px;font-weight:700;box-shadow:0 2px #a4763e59}.chat-phrases button:active{transform:translateY(1px);box-shadow:none}.chat-input{display:flex;align-items:center;gap:6px}.chat-input input{flex:1;min-width:0;background:#fff8e6f5;border:2px solid var(--line-dark);border-radius:999px;padding:6px 12px;font-size:12.5px;font-weight:600;color:var(--text);outline:none;box-shadow:inset 0 1px 3px #5a370f2e}.chat-input input:focus{border-color:var(--gold)}.ci-btn{flex:none;position:relative;width:34px;height:34px;min-width:0;min-height:0;border-radius:50%;background:var(--panel);border:2px solid var(--line-dark);display:flex;align-items:center;justify-content:center;box-shadow:0 2px #a4763e66,inset 0 1px #ffffffb3}.ci-btn img{width:17px;height:17px;object-fit:contain}.ci-btn.on{background:linear-gradient(180deg,#ffe9a8,#f5d879);border-color:#a8752b}.ci-btn:active{transform:translateY(1px);box-shadow:0 1px #a4763e66}.ci-send{flex:none;position:relative;width:36px;height:36px;min-width:0;min-height:0;border-radius:50%;background:linear-gradient(180deg,#ffd75e,#f0a71b);border:2px solid #8f5d06;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #14080059,inset 0 2px #ffffff73}.ci-send img{width:18px;height:18px;object-fit:contain}.ci-send:active{transform:scale(.92)}.chat-dmlist{flex:1;min-height:0;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:7px}.dm-row{display:flex;align-items:center;gap:8px;min-height:0;padding:7px 9px;border-radius:12px;background:var(--panel);border:2px solid var(--line-dark);box-shadow:0 2px #a4763e59,inset 0 1px #fffc;text-align:left}.dm-row:active{transform:translateY(1px);box-shadow:0 1px #a4763e59}.dm-avatar{flex:none;width:38px;height:38px;border-radius:10px;background:radial-gradient(circle at 50% 30%,#4a3a24,#2c2114 80%);border:2px solid var(--line-dark);overflow:hidden;display:flex}.dm-avatar img{width:100%;height:100%;object-fit:contain}.dm-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.dm-info b{font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-last{font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-side{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:3px}.dm-when{font-size:10px;color:var(--muted);font-weight:700}.dm-unread{min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:radial-gradient(circle at 35% 30%,#ff9d66,#e0452b 75%);border:1.5px solid #fff6dd;color:#fff;font-size:10px;font-weight:900;line-height:13px;text-align:center}.dm-new{align-self:center;margin-top:4px}.chat-locked{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:16px}.map-controls{position:absolute;bottom:calc(68px + var(--safe-b));left:50%;transform:translate(-50%);z-index:15;display:flex;align-items:center;gap:6px}.map-coords{position:absolute;bottom:calc(80px + var(--safe-b));left:calc(10px + var(--safe-l));z-index:15;padding:2px 8px;background:var(--glass-bg);border:1px solid var(--glass-line);border-radius:999px;color:var(--glass-text);font-size:11px;font-weight:800;letter-spacing:.3px;font-family:inherit;cursor:pointer;text-shadow:0 1px 2px rgba(20,8,0,.7);pointer-events:none}.map-icon-btn{position:relative;width:36px;height:36px;border-radius:50%;background:#140a02c7;border:1.5px solid rgba(240,180,41,.55);box-shadow:0 3px 8px #14080073;display:flex;align-items:center;justify-content:center;flex:none;transition:transform .08s,box-shadow .12s,border-color .12s}.map-icon-btn img{width:21px;height:21px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(30,14,2,.6))}.map-icon-btn:active{transform:scale(.92)}.map-icon-btn.danger{border-color:#dc463cd9;box-shadow:0 3px 8px #500c0880}.map-icon-btn.active{border-color:#f0b429;box-shadow:0 0 0 2px #f0b42959,0 3px 8px #14080073;background:#3c2206eb}.teleport-banner{position:absolute;top:calc(8px + var(--safe-t));left:50%;transform:translate(-50%);z-index:var(--z-menu);display:flex;align-items:center;gap:10px;padding:6px 10px 6px 14px;background:var(--glass-bg-strong);border:1px solid var(--glass-line);border-radius:999px;box-shadow:0 4px 12px #14080059;color:var(--glass-text);text-shadow:0 1px 2px rgba(20,8,0,.5);font-size:12px;font-weight:800;white-space:nowrap;animation:menu-pop .14s ease-out}.teleport-confirm{position:fixed;z-index:var(--z-menu);transform:translate(-50%);display:flex;flex-direction:column;gap:8px;padding:10px 12px;background:linear-gradient(180deg,#fdf4de,#f0dcae);border:2px solid var(--line-dark);border-radius:14px;box-shadow:0 12px 28px #14080061,0 3px #a4763e66,inset 0 1px #fffc;animation:menu-pop .14s ease-out}.teleport-confirm .tc-title{color:var(--text);font-size:12px;font-weight:800;white-space:nowrap;text-align:center}.teleport-confirm .tc-actions{display:flex;gap:8px;justify-content:center}.tap-card{position:fixed;z-index:var(--z-menu);width:min(200px,74vw);padding:5px 5px 6px;transform:translate(-50%);transform-origin:50% 100%;background:linear-gradient(180deg,#fdf4de,#f0dcae);border:2px solid var(--line-dark);border-radius:16px;box-shadow:0 12px 28px #14080061,0 3px #a4763e66,inset 0 1px #fffc;animation:menu-pop .14s ease-out}.tap-card.below{transform-origin:50% 0}.tap-card .tc-close{position:absolute;top:-10px;right:-6px;width:28px;height:28px;min-width:0;min-height:0;border-radius:50%;background:linear-gradient(180deg,#f2705c,#d64541);border:2px solid #8c2b23;color:#fff;font-weight:800;font-size:14px;box-shadow:0 3px 6px #28140473,inset 0 2px #ffffff4d;z-index:3;display:flex;align-items:center;justify-content:center}.tap-card .tc-close:active{transform:scale(.92)}.tap-card .tc-head{display:flex;align-items:center;gap:8px}.tap-card .tc-portrait{position:relative;flex:none;width:40px;height:40px;border-radius:10px;border:2px solid var(--line-dark);background:radial-gradient(circle at 50% 32%,#4a3826,#2c2114 78%);box-shadow:inset 0 2px 8px #0006;overflow:hidden;display:flex;align-items:center;justify-content:center}.tap-card .tc-portrait img{width:86%;height:86%;object-fit:contain;filter:drop-shadow(0 3px 3px rgba(20,8,0,.45))}.tap-card .tc-portrait img.cover{width:100%;height:100%;object-fit:cover;filter:none}.tap-card .tc-level{position:absolute;left:0;right:0;bottom:0;padding:1px 0 2px;background:linear-gradient(180deg,#ffd75e,#f0a71b);border-top:1.5px solid #8f5d06;color:#4a2c04;font-size:10.5px;font-weight:900;text-align:center;line-height:1.1}.tap-card .tc-id{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;padding-right:18px}.tap-card .tc-coords{display:inline-flex;align-items:center;gap:4px;padding:1px 8px;border-radius:999px;background:var(--panel2);border:1.5px solid var(--line);box-shadow:inset 0 1px 2px #5a370f26;color:#7c5a2e;font-size:11px;font-weight:800;white-space:nowrap}.tap-card .tc-kicker{display:inline-flex;align-items:center;gap:4px;color:var(--text);font-size:12px;font-weight:900;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tap-card .tc-name{margin-top:4px;padding:3px 7px;background:linear-gradient(180deg,#f6e8c4,#eed9ab);border:1.5px solid var(--line);border-radius:9px;box-shadow:inset 0 1px 3px #5a370f2e;display:flex;align-items:center;justify-content:center;gap:5px;text-align:center;color:var(--text);font-size:12px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tap-card .tc-stats{margin-top:4px;padding:3px 7px;background:#faeecd;border:1.5px solid var(--line);border-radius:9px;box-shadow:inset 0 1px 3px #5a370f26;display:flex;flex-direction:column;gap:2px}.tap-card .tc-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11.5px}.tap-card .tc-lab{display:inline-flex;align-items:center;gap:4px;color:var(--muted);font-weight:700;white-space:nowrap}.tap-card .tc-val{display:inline-flex;align-items:center;gap:4px;color:var(--text);font-weight:900;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tap-card .tc-hint{margin-top:4px;color:#8a6b40;font-size:10.5px;font-weight:700;line-height:1.3;text-align:center}.tap-card .tc-actions{margin-top:5px;display:flex;justify-content:center;gap:6px}.btn.tc-act{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:5px;border-radius:10px;font-size:11.5px;white-space:nowrap}.tap-card .tc-tail{position:absolute;bottom:-9px;width:16px;height:16px;margin-left:-8px;background:#f0dcae;border-right:2px solid var(--line-dark);border-bottom:2px solid var(--line-dark);border-radius:0 0 4px;transform:rotate(45deg);z-index:-1}.tap-card.below .tc-tail{bottom:auto;top:-9px;background:#fdf4de;border-right:none;border-bottom:none;border-left:2px solid var(--line-dark);border-top:2px solid var(--line-dark);border-radius:4px 0 0}@keyframes menu-pop{0%{transform:translate(-50%) scale(.8);opacity:.6}to{transform:translate(-50%) scale(1);opacity:1}}.pop-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e10048c;z-index:var(--z-pop);display:flex;align-items:center;justify-content:center;padding:32px 16px 16px;animation:fade-in .15s ease-out}.pop-frame{position:relative;width:min(480px,100%);max-height:100%;display:flex;flex-direction:column;padding:16px 9px 9px;background:linear-gradient(180deg,var(--copper-lite),var(--copper) 55%,#ef9a44 100%);border:2.5px solid var(--copper-ink);border-radius:22px;box-shadow:inset 0 2px #fff0cd8c,inset 0 -3px #8c461447;filter:drop-shadow(0 12px 26px rgba(20,8,0,.45));animation:win-in .18s ease-out}.pop-frame.sm{width:min(340px,100%)}.pop-frame.lg{width:min(680px,100%)}.pop-title{position:absolute;top:-20px;left:50%;transform:translate(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:58%;max-width:calc(100% - 104px);min-height:40px;padding:5px 28px 6px;text-align:center;background:linear-gradient(180deg,var(--copper-lite),var(--copper) 60%,var(--copper-dark));border:2px solid var(--copper-ink);border-radius:13px;box-shadow:0 3px 6px #28100259,inset 0 2px #ffe4b980,inset 0 -3px #6e351259;color:#fff7e2;font-weight:900;font-size:15px;line-height:1.18;letter-spacing:.6px;text-shadow:0 2px 0 rgba(90,40,8,.55);white-space:nowrap}.pop-title>span{max-width:100%;overflow:hidden;text-overflow:ellipsis}.pop-title small{font-size:10.5px;font-weight:800;opacity:.95}.pop-close{position:absolute;top:-16px;right:-14px;z-index:3;width:36px;height:36px;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center}.pop-corner{position:absolute;top:-16px;left:-14px;z-index:3;display:flex;align-items:center;justify-content:center}.pop-back{position:relative;width:36px;height:36px;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;background:none;border:none}.pop-back img{width:26px;height:26px;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(40,20,4,.5))}.pop-back:active{transform:scale(.92)}.pop-plate{position:relative;isolation:isolate;flex:1;min-height:0;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 22%,#fdf7e7,#f8ecd0 62%,#f0dfba);border:1.5px solid rgba(74,36,16,.8);border-radius:15px;box-shadow:0 0 0 2.5px #fee9bf,inset 0 3px 9px #6e351233,inset 0 -2px 6px #6e35121f,inset 0 1px #ffffff8c;overflow:hidden}.pop-plate:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:url(/art/ui/pop_crest.png) center 44% / min(52%,230px) no-repeat;opacity:.07}.pop-body{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:14px}.pop-footer{flex:none;display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 12px 12px}.pop-caption{color:var(--muted);font-size:11.5px;font-weight:700;text-align:center}.pop-frame.glass-skin .pop-plate{background:linear-gradient(180deg,#2b1909ed,#1a0e04f2);border-color:#f0b42966;color:#f3e3bd;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.pop-frame.glass-skin :is(h3,h4){color:#ffe9b8}.pop-frame.glass-skin .pop-plate:before{display:none}.pop-actions{display:flex;align-items:center;justify-content:center;gap:10px;width:100%}.pop-plate .seg{background:none;border:none;box-shadow:none;padding:0;gap:8px;justify-content:center}.pop-plate .seg button{flex:0 1 138px;min-height:34px;padding:6px 12px;border:2px solid var(--copper-ink);border-radius:10px;background:linear-gradient(180deg,var(--copper-lite),var(--copper));color:#fff4dd;font-size:12.5px;font-weight:800;text-shadow:0 1px 0 rgba(90,40,8,.45);box-shadow:0 2px #6e351280,inset 0 1px #ffe4b966}.pop-plate .seg button.active{background:linear-gradient(180deg,#fffaef,#f7ebcd);color:#a05619;text-shadow:none;box-shadow:0 2px #6e351259,inset 0 1px #ffffffe6}.bp-split{display:flex;gap:10px;align-items:flex-start}.bp-side{flex:none;width:236px;min-width:0}.bp-side .bp-hero{margin-bottom:8px}.bp-side .bp-hero .sb-title{font-size:13px;white-space:nowrap}.bp-main{flex:1;min-width:0}.bp-desc{margin:0 2px 8px;font-size:11.5px;font-weight:600;color:var(--muted);line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.bp-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}.bp-stat{min-width:0;border:1.5px solid var(--line-dark);border-radius:10px;background:#f7ecd2;overflow:hidden;box-shadow:0 1.5px #a4763e59}.bp-stat .bs-label{display:block;padding:3px 8px;background:linear-gradient(180deg,#eedcae,#e4cd98);border-bottom:1.5px solid rgba(164,118,62,.55);font-size:10.5px;font-weight:800;color:#7c5a2e;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bp-stat .bs-value{display:flex;align-items:center;gap:5px;padding:5px 8px;font-size:12.5px;font-weight:800}@media (max-width: 620px){.bp-split{flex-direction:column}.bp-side{width:100%}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes win-in{0%{transform:scale(.94);opacity:.5}to{transform:none;opacity:1}}.rotate-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-gate);background:radial-gradient(ellipse at center,#4e3018,#2b1808 78%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#ffe9b8}.rotate-gate b{font-size:20px}.rotate-gate span{color:#d8b98a;font-size:13.5px;font-weight:600}.rotate-phone{width:46px;height:78px;border:4px solid #f0b429;border-radius:10px;margin-bottom:14px;display:flex;align-items:flex-end;justify-content:center;animation:rotate-hint 2s ease-in-out infinite;box-shadow:0 0 24px #f0b42940}.rotate-phone-dot{width:8px;height:8px;border-radius:50%;background:#f0b429;margin-bottom:5px}@keyframes rotate-hint{0%,18%{transform:rotate(0)}55%,85%{transform:rotate(90deg)}to{transform:rotate(90deg)}}.building-art{display:grid;grid-template-columns:72px 1fr;gap:10px;align-items:center;padding:6px 8px;margin-bottom:8px;border:2px solid var(--line);border-radius:14px;background:radial-gradient(circle at 22% 45%,rgba(240,180,41,.3) 0%,transparent 58%),linear-gradient(180deg,#f7ecd2,#eedbb2);box-shadow:inset 0 1px #ffffffb3}.building-art .sprite{width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 6px 8px rgba(90,55,15,.35))}.building-art .ba-info{display:flex;flex-direction:column;gap:3px;min-width:0}.building-art .ba-info b{font-size:14px}.march-target{display:flex;flex-direction:column;gap:8px}.mt-banner{position:relative;width:100%;aspect-ratio:7 / 3;border-radius:14px;border:2px solid var(--line-dark);background:radial-gradient(circle at 50% 32%,#4a3826,#2c2114 80%);box-shadow:inset 0 2px 10px #0006,0 2px #a4763e59;overflow:hidden}.mt-banner .mt-art{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;max-width:58%;max-height:86%;object-fit:contain;filter:drop-shadow(0 5px 5px rgba(20,8,0,.5))}.mt-banner .mt-art.cover{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:cover;filter:none}.mt-banner .mt-scrim{position:absolute;left:0;right:0;bottom:0;height:38%;background:linear-gradient(180deg,transparent,rgba(20,10,2,.66))}.mt-banner .mt-level{position:absolute;top:7px;left:7px;padding:1px 9px;border-radius:999px;background:linear-gradient(180deg,#ffd75e,#f0a71b);border:1.5px solid #8f5d06;color:#4a2c04;font-size:11px;font-weight:900;box-shadow:0 2px 4px #14080059}.mt-banner .mt-coords{position:absolute;top:7px;right:7px;display:inline-flex;align-items:center;gap:4px;padding:1px 8px;border-radius:999px;background:#1e10049e;border:1px solid rgba(255,233,184,.28);color:#ffe9b8;font-size:11px;font-weight:800;white-space:nowrap}.mt-banner .mt-kicker{position:absolute;left:10px;right:10px;bottom:7px;display:flex;align-items:center;justify-content:center;gap:5px;color:#ffe9b8;font-size:12px;font-weight:900;text-shadow:0 1px 2px rgba(20,8,0,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mt-stats{padding:5px 8px;background:#faeecd;border:1.5px solid var(--line);border-radius:9px;box-shadow:inset 0 1px 3px #5a370f26;display:flex;flex-direction:column;gap:2px}.mt-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px}.mt-lab{display:inline-flex;align-items:center;gap:4px;color:var(--muted);font-weight:700;white-space:nowrap}.mt-val{display:inline-flex;align-items:center;gap:4px;color:var(--text);font-weight:900;min-width:0}.mt-garrison{padding:5px 8px;background:#faeecd;border:1.5px solid var(--line);border-radius:9px;box-shadow:inset 0 1px 3px #5a370f26;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mt-chips{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0}.mt-chip{display:inline-flex;align-items:center;gap:4px;padding:1px 8px;border-radius:999px;background:var(--panel2);border:1.5px solid var(--line);font-size:11.5px;font-weight:800;white-space:nowrap}.mt-hint{display:flex;align-items:center;justify-content:center;gap:4px;color:#8a6b40;font-size:11.5px;font-weight:700;text-align:center;line-height:1.3}.mt-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:7px;margin-top:2px}.report-vs{margin-bottom:10px}.report-vs .vs-ribbon{width:fit-content;margin:0 auto 6px;padding:2px 16px;border-radius:999px;font-weight:900;font-size:12.5px;letter-spacing:.4px}.report-vs .vs-ribbon.win{background:linear-gradient(180deg,#ffd75e,#f0a71b);border:2px solid #b98a4e;color:#4a2c04;text-shadow:0 1px 0 rgba(255,255,255,.4)}.report-vs .vs-ribbon.loss{background:linear-gradient(180deg,#9a9a9a,#616161);border:2px solid #454545;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.4)}.report-vs .vs-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:stretch}.report-vs .vs-side{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 6px;min-width:0;background:var(--panel);border:2px solid var(--line-dark);border-radius:12px;box-shadow:0 2px #a4763e59,inset 0 1px #fffc}.report-vs .vs-ico{font-size:18px;line-height:1}.report-vs .vs-name{font-size:12px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.report-vs .vs-power{font-size:11px;font-weight:700;color:var(--muted)}.report-vs .vs-mark{align-self:center;font-weight:900;font-size:14px;color:#d64541;text-shadow:0 1px 0 rgba(255,255,255,.6)}.report-vs .rvs-grid .vs-mark{align-self:start;padding-top:24px}.report-vs .rvs-side{align-items:stretch}.report-vs .rvs-side .vs-ico,.report-vs .rvs-side .vs-power{align-self:center}.rvs-name-row{align-self:center;display:inline-flex;align-items:center;justify-content:center;min-width:0;max-width:100%}.rvs-table{margin-top:6px;padding:4px 6px;background:var(--panel2);border:1.5px solid var(--line);border-radius:9px;box-shadow:inset 0 1px 3px #5a370f26;display:flex;flex-direction:column;gap:2px}.rvs-row{display:grid;grid-template-columns:minmax(30px,.7fr) repeat(4,minmax(0,1fr));align-items:center;gap:4px;font-size:12px}.rvs-thead{padding-bottom:2px;border-bottom:1px solid rgba(164,118,62,.28);margin-bottom:1px}.rvs-thead .rvs-cell{opacity:.8}.rvs-unit{display:flex;align-items:center;justify-content:center}.rvs-unit .gico{width:22px;height:22px;vertical-align:0}.rvs-cell{text-align:right;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rvs-cell.bad{color:var(--bad)}.rvs-cell.hurt{color:var(--info)}.rvs-cell.zero,.rvs-cell.na{color:var(--muted);font-weight:700}.rvs-cell.left{font-weight:900}.rvs-row.none .rvs-cell{color:var(--muted);font-weight:700}.rvs-row.none .rvs-unit .gico{opacity:.45;filter:grayscale(.5)}.rvs-total{padding-top:2px;border-top:1px solid rgba(164,118,62,.28);margin-top:1px}.rvs-unit-lab{font-size:10.5px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.3px}.rvs-none{text-align:center;font-size:11.5px;font-weight:700;color:var(--muted);padding:4px 0}.rvs-foot{align-self:center;margin-top:auto;padding-top:4px;font-size:11px;font-weight:700;color:var(--muted);text-align:center}@media (max-width: 560px){.report-vs .rvs-grid{grid-template-columns:1fr}.report-vs .rvs-grid .vs-mark{display:none}}.wstats{padding:5px 8px;background:#faeecd;border:1.5px solid var(--line);border-radius:9px;box-shadow:inset 0 1px 3px #5a370f26;display:flex;flex-direction:column;gap:2px}.wstats-row{display:grid;grid-template-columns:minmax(0,1fr) 76px 76px;align-items:center;gap:8px;font-size:12px}.wstats-row.one-col{grid-template-columns:minmax(0,1fr) 76px}.wstats-lab{display:inline-flex;align-items:center;gap:4px;color:var(--muted);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wstats-val{justify-self:end;text-align:right;font-weight:900;font-variant-numeric:tabular-nums;color:var(--text);white-space:nowrap}.wstats-val.good{color:var(--good)}.wstats-val.bad{color:var(--bad)}.wstats-val.na{color:var(--muted);font-weight:700}.wstats-head{padding-bottom:2px;border-bottom:1px solid rgba(164,118,62,.28);margin-bottom:2px}.wstats-head .wstats-val{font-size:11px;font-weight:800;color:var(--muted);max-width:76px;overflow:hidden;text-overflow:ellipsis}.card{background:var(--panel);border:2px solid var(--line);border-radius:13px;padding:9px;margin-bottom:8px;box-shadow:0 2px #a4763e59,inset 0 1px #fffc}.card h4{font-size:13px;margin-bottom:5px;display:flex;justify-content:space-between;align-items:center;font-weight:800}.row{display:flex;align-items:center;gap:8px}.row.between{justify-content:space-between}.row.wrap{flex-wrap:wrap}.muted{color:var(--muted);font-size:12px}.gold{color:var(--gold2);font-weight:800}.good{color:var(--good)}.bad{color:var(--bad)}.notice{display:flex;align-items:center;gap:7px;margin:6px 0;padding:6px 10px;border-radius:8px;background:#d6454114;border:1px solid rgba(214,69,65,.3);border-left:3px solid var(--bad);color:var(--bad);font-size:11.5px;font-weight:600;line-height:1.35;text-align:left}.notice .ico-inl{flex:none}.cost{display:flex;gap:8px;flex-wrap:wrap;font-size:12px;margin:5px 0;font-weight:700}.cost .no{color:var(--bad)}.pill{background:linear-gradient(180deg,#fdf4de,#f0dcae);border:2px solid var(--line-dark);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:800;color:#5b3a16;box-shadow:0 2px #a4763e66}.ico-inl{width:14px;height:14px;object-fit:contain;vertical-align:-2px;filter:drop-shadow(0 1px 1px rgba(20,10,2,.35))}.ico-14{width:14px;height:14px;object-fit:contain;vertical-align:-2px}.ico-18{width:18px;height:18px;object-fit:contain;vertical-align:-4px}.queue-pip .pip-ico{width:15px;height:15px;object-fit:contain;vertical-align:-3px}.bar{height:10px;border-radius:6px;background:#e2cd9c;overflow:hidden;border:2px solid var(--line-dark);box-shadow:inset 0 1px 2px #5a370f4d}.bar>div{height:100%;background:linear-gradient(180deg,#ffd75e,#f0a71b);border-radius:5px;transition:width 1s linear;box-shadow:inset 0 1px #fff9}.toasts{position:absolute;top:calc(72px + var(--safe-t));left:50%;transform:translate(-50%);width:min(560px,92vw);z-index:var(--z-toast);display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}.toast{position:relative;width:100%;display:flex;align-items:center;justify-content:center;padding:9px 18px;background:linear-gradient(180deg,#140a0257,#140a023d);font-size:13px;font-weight:700;color:var(--glass-text);text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.75),0 0 8px rgba(240,180,41,.35);white-space:nowrap;animation:toast-in .18s ease-out,toast-out .3s ease-in 2s forwards;pointer-events:auto}.toast>span{max-width:100%;overflow:hidden;text-overflow:ellipsis}.toast:before,.toast:after{content:"";position:absolute;left:0;right:0;height:2px;background:var(--gold);box-shadow:0 0 8px #f0b429bf,0 0 16px #f0b42959}.toast:before{top:0}.toast:after{bottom:0}.toast.tappable{cursor:pointer}.toast.tappable:active{transform:scale(.97)}@keyframes toast-in{0%{transform:translateY(-6px);opacity:0}to{transform:none;opacity:1}}@keyframes toast-out{to{opacity:0}}.seg{display:flex;background:#e6d1a0;border:2px solid var(--line-dark);border-radius:11px;padding:3px;margin-bottom:10px;box-shadow:inset 0 1px 3px #5a370f40}.seg.seg-scroll{overflow-x:auto}.seg.seg-scroll button{flex:none;min-width:56px;padding-left:9px;padding-right:9px}.seg button{flex:1;padding:6px 4px;border-radius:8px;font-size:12px;font-weight:800;color:#8a6b40}.seg button.active{background:linear-gradient(180deg,#fdf4de,#f5e6c0);color:#4a2c12;box-shadow:0 2px 3px #5a370f40,inset 0 1px #fffc}.chatlog{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding:4px 0 10px}.chatmsg{font-size:12px;line-height:1.35}.chatmsg .who{color:var(--gold2);font-weight:800;margin-right:6px}.chatbox{display:flex;gap:8px;padding-bottom:4px}.chatbox input{flex:1;background:#fdf4de;border:2px solid var(--line-dark);border-radius:11px;padding:7px 10px;color:var(--text);outline:none;font-weight:600}.stars{color:#f0a71b;letter-spacing:1.2px;font-size:12px;text-shadow:0 1px 1px rgba(120,70,0,.35)}.stars .off{color:#cdb488;text-shadow:none}.list-title{margin:12px 0 7px;font-size:12px;color:#7c5a2e;text-transform:uppercase;letter-spacing:1.2px;font-weight:800}.trooprow{display:grid;grid-template-columns:36px 1fr auto;gap:8px;align-items:center;padding:6px 0;border-bottom:2px solid #ecd9ab}.trooprow:last-child{border-bottom:none}.tico{width:36px;height:36px;border-radius:10px;background:linear-gradient(180deg,#fff8e6,#f0dcae);border:2px solid var(--line-dark);display:flex;align-items:center;justify-content:center;font-size:16px;box-shadow:inset 0 1px #fffc}.tico img{width:27px;height:27px;object-fit:contain}.stepper{display:flex;align-items:center;gap:7px}.stepper input{width:60px;text-align:center;background:#fdf4de;border:2px solid var(--line-dark);border-radius:9px;padding:6px 4px;color:var(--text);outline:none;font-weight:700}.empty{text-align:center;color:var(--muted);padding:22px 10px;font-size:12.5px;font-weight:600}.empty-state{display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center;padding:20px 14px 24px}.empty-state>img{width:68px;height:68px;object-fit:contain;opacity:.85;filter:saturate(.9) drop-shadow(0 4px 8px rgba(40,20,4,.22));margin-bottom:4px}.empty-state>b{font-size:13px;color:#7a5a30}.empty-state>span{font-size:11.5px;color:var(--muted);max-width:320px}.skeleton-card{border-radius:14px;border:2px solid var(--line);background:linear-gradient(100deg,#f0e2bf 38%,#faf1da,#f0e2bf 62%);background-size:200% 100%;animation:skeleton-sheen 1.1s linear infinite;margin-bottom:8px}@keyframes skeleton-sheen{0%{background-position:130% 0}to{background-position:-70% 0}}.fab-hint{position:absolute;bottom:calc(68px + var(--safe-b));left:50%;transform:translate(-50%);background:var(--glass-bg-strong);border:1px solid var(--glass-line);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700;color:var(--glass-text);z-index:15;white-space:nowrap;pointer-events:none}.tap-strip-wrap{position:fixed;left:0;top:0;z-index:15;display:flex;flex-direction:column;align-items:center;gap:5px;visibility:hidden}@keyframes strip-pop{0%{transform:scale(.8);opacity:.5}to{transform:scale(1);opacity:1}}.tap-strip{display:flex;gap:5px;padding:5px;transform-origin:50% 100%;animation:strip-pop .14s ease-out;background:linear-gradient(180deg,#fdf4de,#f0dcae);border:2px solid var(--line-dark);border-radius:14px;box-shadow:0 8px 18px #14080059,0 3px #a4763e66,inset 0 1px #fffc}.tap-strip-btn{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;padding:0;background:linear-gradient(180deg,#fff8e6,#f3e2b8);border:2px solid var(--line);border-radius:10px;box-shadow:0 2px #a4763e73,inset 0 1px #ffffffd9;transition:transform .08s}.tap-strip-btn:active{transform:translateY(2px);box-shadow:0 0 #a4763e73}.tap-strip-btn img{width:28px;height:28px;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(20,10,2,.3))}.tap-strip-btn.danger{background:linear-gradient(180deg,#f2705c,#d64541);border-color:#a5352c;box-shadow:0 2px #8c2b23,inset 0 1px #ffffff59}.tap-strip-btn.success{background:linear-gradient(180deg,#7cc96b,#2e9e4f);border-color:#237a3c;box-shadow:0 2px #1c6231,inset 0 1px #ffffff59}.tap-strip-btn.info{background:linear-gradient(180deg,#63a4ff,#2f6fd0);border-color:#1d4e9e;box-shadow:0 2px #173e80,inset 0 1px #ffffff59}.tap-strip-btn.danger:active,.tap-strip-btn.success:active,.tap-strip-btn.info:active{box-shadow:0 0 0 transparent}.notif-dot{position:absolute;top:-5px;right:-5px;width:13px;height:13px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ff7a5c,#e23c30 70%);border:2px solid #fff;box-shadow:0 1px 2px #14080066;pointer-events:none}.tap-strip-label{background:var(--glass-bg-strong);border:1px solid var(--glass-line);border-radius:999px;padding:3px 11px;font-size:12px;font-weight:800;color:var(--glass-text);text-shadow:0 1px 2px rgba(20,8,0,.5);white-space:nowrap;pointer-events:none}.build-pill{position:fixed;left:0;top:0;z-index:14;display:flex;align-items:center;gap:5px;padding:4px 11px;background:var(--glass-bg-strong);border:1px solid var(--glass-line);border-radius:999px;font-size:12px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--glass-text);text-shadow:0 1px 2px rgba(20,8,0,.5);white-space:nowrap;visibility:hidden;box-shadow:0 3px 8px #14080059}.hero-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:8px}@media (max-width: 359px){.hero-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 560px){.hero-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr))}}.hero-grid-card{position:relative;aspect-ratio:3 / 4;padding:0;border:3px solid var(--line-dark);border-radius:12px;overflow:hidden;background:radial-gradient(circle at 50% 26%,#4a3826,#2c2114 78%);box-shadow:0 3px 6px #2814044d,inset 0 1px #ffffff26;transition:transform .08s ease-out}.hero-grid-card:active{transform:scale(.96)}.hero-grid-card .portrait{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.hero-grid-card .card-scrim{position:absolute;left:0;right:0;bottom:0;height:42%;background:linear-gradient(180deg,transparent,rgba(20,10,2,.82));pointer-events:none}.hero-grid-card .faction-shield{position:absolute;top:3px;left:3px;width:18px;height:20px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(20,10,2,.7));pointer-events:none}.hero-grid-card .hero-name{position:absolute;left:4px;right:4px;bottom:26px;font-size:11px;font-weight:900;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(20,10,2,.95),0 0 5px rgba(20,10,2,.7);pointer-events:none}.hero-grid-card .level-tag{position:absolute;left:6px;bottom:15px;color:#ffe9b8;font-size:12px;font-weight:900;letter-spacing:.2px;text-shadow:0 1px 2px rgba(20,10,2,.95),0 0 5px rgba(20,10,2,.6)}.hero-grid-card .mini-stars{position:absolute;left:0;right:0;bottom:2px;text-align:center}.mini-stars{font-size:11px;line-height:1;letter-spacing:.5px}.mini-stars .on{color:#ffc93d;text-shadow:0 1px 1px rgba(90,40,0,.7)}.mini-stars .off{color:#ffffff61;text-shadow:0 1px 1px rgba(20,10,2,.5)}.mini-stars .awk{color:#ff5d4d;text-shadow:0 1px 1px rgba(120,20,0,.6)}.hero-grid-card.locked .portrait{filter:grayscale(.92) brightness(.66)}.hero-grid-card .lock-mark{position:absolute;top:38%;left:50%;transform:translate(-50%,-50%);width:22px;height:22px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.hero-grid-card .shard-chip{position:absolute;left:50%;transform:translate(-50%);bottom:18px;background:#1e1004ad;color:#ffe9b8;font-size:11px;font-weight:800;padding:1px 7px;border-radius:999px;white-space:nowrap}.hero-grid-card .shard-bar{position:absolute;left:8px;right:8px;bottom:8px;height:6px;border-radius:3px;background:#1e100499;border:1px solid rgba(255,233,184,.25);overflow:hidden}.hero-grid-card .shard-bar>span{display:block;height:100%;border-radius:3px;background:linear-gradient(180deg,#ffd75e,#f0a71b)}.stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-window);overflow:hidden;background:#2b1a09;animation:fade-in .15s ease-out}.stage.hero-stage,.stage.stack{z-index:var(--z-pop)}.stage-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%;pointer-events:none;animation:stage-kenburns 44s ease-in-out infinite alternate}@keyframes stage-kenburns{0%{transform:scale(1.03) translate(.6%,.4%)}to{transform:scale(1.1) translate(-.9%,-.6%)}}.stage-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#180c028c,#180c022e 26%,#180c024d 70%,#180c029e);pointer-events:none}.stage-rays{position:absolute;top:-12%;right:-4%;bottom:-12%;left:-4%;background:linear-gradient(112deg,transparent 22%,rgba(255,214,130,.16) 30%,transparent 39%),linear-gradient(104deg,transparent 46%,rgba(255,224,150,.1) 53%,transparent 61%),linear-gradient(118deg,transparent 68%,rgba(255,200,110,.12) 76%,transparent 85%);mix-blend-mode:screen;pointer-events:none;animation:rays-breathe 9s ease-in-out infinite}@keyframes rays-breathe{0%,to{opacity:.5;transform:translate(-.6%)}50%{opacity:1;transform:translate(.6%)}}.stage-motes{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.stage-motes i{position:absolute;bottom:-12px;width:5px;height:5px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe9a8,rgba(240,180,41,.75) 60%,transparent);box-shadow:0 0 6px 1px #f0b42973;opacity:0;animation:mote-rise 11s linear infinite}@keyframes mote-rise{0%{transform:translate(0) scale(1);opacity:0}10%{opacity:.85}60%{opacity:.5}to{transform:translate(26px,-105vh) scale(.55);opacity:0}}.stage-htitle{position:absolute;top:calc(6px + var(--safe-t));left:50%;transform:translate(-50%);z-index:6;min-height:34px;max-width:min(52vw,360px,calc(100% - 116px));padding:4px 18px 5px;display:flex;align-items:center;background:linear-gradient(180deg,var(--copper-lite),var(--copper) 60%,var(--copper-dark));border:2px solid var(--copper-ink);border-radius:12px;box-shadow:0 3px 6px #14080066,inset 0 2px #ffe4b980,inset 0 -3px #6e351259;color:#fff7e2;font-weight:900;font-size:13.5px;text-shadow:0 2px 0 rgba(90,40,8,.55)}.stage:has(.with-tabs) .stage-htitle{left:calc(50% + 44px)}.stage-htitle span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stage-back,.stage-close{width:40px;height:40px;min-width:0;min-height:0;flex:none;display:flex;align-items:center;justify-content:center;background:none;border:none}.stage-back{position:absolute;top:calc(2px + var(--safe-t));left:calc(4px + var(--safe-l));z-index:6}.stage-close{position:absolute;top:calc(2px + var(--safe-t));right:calc(6px + var(--safe-r));z-index:6}.stage-back:active,.stage-close:active{transform:scale(.92)}.stage-back img,.stage-close img{width:28px;height:28px;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(40,20,4,.5))}.stage-split{position:absolute;top:0;right:0;bottom:0;left:0;display:flex}.stage-split.with-tabs{left:calc(96px + var(--safe-l))}.deploy-split{gap:10px;padding:calc(50px + var(--safe-t)) calc(10px + var(--safe-r)) calc(10px + var(--safe-b)) calc(10px + var(--safe-l))}.deploy-side{flex:0 0 clamp(170px,30%,250px);min-width:0;overflow-y:auto}.deploy-main{flex:1;min-width:0;overflow-y:auto;background:linear-gradient(180deg,#fbf0d5,#f3e3bd);border:3px solid #8a5a33;outline:3px solid #55351a;border-radius:16px;padding:10px;color:var(--text);box-shadow:0 14px 44px #14080080,inset 0 2px #fff9}.train-hero{position:relative;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px;padding-bottom:4px}.th-glow{position:absolute;left:50%;bottom:22%;width:84%;aspect-ratio:1;transform:translate(-50%);border-radius:50%;filter:blur(4px);pointer-events:none;animation:glow-breathe 4.2s ease-in-out infinite}.th-art{position:relative;width:min(72%,220px);aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 12px 16px rgba(20,10,2,.55))}.th-name{position:relative;display:flex;align-items:center;gap:6px;font-size:16px;font-weight:900;color:#ffe9b8;text-shadow:0 2px 4px rgba(20,10,2,.9)}.th-chips{position:relative;display:flex;gap:4px;flex-wrap:wrap;justify-content:center}.hero-stage-art{position:relative;flex:0 0 44%;min-width:0}.hs-glow{position:absolute;left:50%;bottom:2%;width:82%;aspect-ratio:1;transform:translate(-50%);border-radius:50%;filter:blur(4px);pointer-events:none;animation:glow-breathe 4.2s ease-in-out infinite}@keyframes glow-breathe{0%,to{opacity:.72;transform:translate(-50%) scale(1)}50%{opacity:1;transform:translate(-50%) scale(1.05)}}.hero-stage-art .art{position:absolute;left:50%;bottom:0;transform:translate(-50%);height:min(92%,560px);aspect-ratio:1;object-fit:contain;object-position:50% 100%;filter:drop-shadow(0 16px 20px rgba(20,10,2,.55));pointer-events:none;transform-origin:50% 100%;animation:hero-idle 4.2s ease-in-out infinite}@keyframes hero-idle{0%,to{transform:translate(-50%) scaleY(1) rotate(-.35deg)}50%{transform:translate(-50%) scaleY(1.014) rotate(.35deg)}}.hero-stage-art.locked .art{filter:grayscale(.9) brightness(.7) drop-shadow(0 16px 20px rgba(20,10,2,.55))}.hero-stage-art .hero-nav{top:46%;transform:translateY(-50%)}.hero-stage-art .hero-nav.prev{left:calc(4px + var(--safe-l))}.hero-stage-art .hero-nav.next{right:4px}.hero-stage-art .hero-nav:active{transform:translateY(-50%) scale(.92)}.hs-power{position:absolute;left:calc(10px + var(--safe-l));bottom:calc(10px + var(--safe-b));display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:999px;background:var(--glass-bg-strong);border:1px solid rgba(240,180,41,.5);color:#ffd76e;font-size:13px;font-weight:900;text-shadow:0 1px 2px rgba(20,8,0,.7);white-space:nowrap}.hs-power img{width:16px;height:16px;object-fit:contain}.hs-flag{position:absolute;top:calc(44px + var(--safe-t));left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:999px;background:var(--glass-bg-strong);border:1px solid var(--glass-line);color:#ffe9b8;font-size:11px;font-weight:800;white-space:nowrap}.hero-stage-panel{position:relative;z-index:1;flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden;padding:calc(46px + var(--safe-t)) calc(10px + var(--safe-r)) calc(8px + var(--safe-b)) 0}.hs-head{flex:none;margin-bottom:6px}.hs-name-row{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.hs-name{font-size:19px;font-weight:900;line-height:1.05;letter-spacing:.5px;text-shadow:0 2px 4px rgba(20,10,2,.9),0 0 12px rgba(20,10,2,.55)}.hs-title{font-size:11px;font-weight:700;letter-spacing:.3px;color:#ffe9b8;opacity:.85}.hs-head .mini-stars{margin-left:auto;font-size:17px;letter-spacing:2px}.hs-chips{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin-top:4px}.hs-ico-chip{width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 50% 32%,#5f3c1eeb,#1e1005eb);border:1.5px solid rgba(240,180,41,.45);display:inline-flex;align-items:center;justify-content:center;flex:none}.hs-ico-chip img{width:16px;height:16px;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(20,10,2,.6))}.hs-stats{flex:none;display:flex;flex-direction:column;gap:5px;padding:7px 10px;margin-bottom:6px;border-radius:12px;background:linear-gradient(180deg,#2e1a08c7,#1c0f04d6);border:1.5px solid rgba(240,180,41,.4);box-shadow:0 4px 12px #14080059,inset 0 1px #ffe9b81f}.hs-stats-row{display:flex;align-items:center;gap:6px}.hs-stat{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;color:#ffe9b8;font-size:12px;font-weight:900;text-shadow:0 1px 2px rgba(20,8,0,.7);white-space:nowrap}.hs-stat img{width:17px;height:17px;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(20,10,2,.5))}.hs-stat small{font-size:9.5px;font-weight:700;color:#d8bd8f;letter-spacing:.3px}.hs-xp-row{display:flex;align-items:center;gap:7px;color:#d8bd8f;font-size:10.5px;font-weight:800;white-space:nowrap}.hs-xp-row .bar{flex:1;min-width:0;height:8px;border-color:#f0b42980;background:#140a0299}.hs-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-right:2px}.hs-trait-row{padding:5px 0;border-top:1px solid rgba(240,180,41,.28)}.hs-trait-row:first-child{border-top:none}.stage-tabs{position:absolute;left:0;top:calc(48px + var(--safe-t));z-index:7;display:flex;max-height:calc(100% - 60px - var(--safe-t) - var(--safe-b))}.stage-tabs-in{display:flex;flex-direction:column;gap:4px;padding:6px 6px 6px calc(5px + var(--safe-l));background:linear-gradient(180deg,#e9d3a4,#dfc48e);border:2px solid var(--line-dark);border-left:none;border-radius:0 14px 14px 0;box-shadow:4px 0 16px #14080073,inset 0 1px #ffffff8c;overflow-y:auto;scrollbar-width:none}.stage-tabs-in::-webkit-scrollbar{display:none}.stage-tab{position:relative;min-width:76px;min-height:0;flex:none;display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 10px 3px;border-radius:9px;border:2px solid transparent}.stage-tab:active{transform:translateY(1px)}.stage-tab .ico{width:20px;height:20px;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(40,20,4,.3))}.stage-tab .lbl{font-size:11px;font-weight:800;letter-spacing:.2px;color:#6b4426;white-space:nowrap}.stage-tab.on{background:linear-gradient(180deg,#fdf4de,#f3e3bd);border-color:var(--line-dark);box-shadow:0 2px 5px #5a370f4d,inset 0 0 0 2px #f0b42966}.stage-tab.on .lbl{color:#4a2c04}.stage-tab .dot{position:absolute;top:-2px;right:6px;min-width:15px;height:15px;border-radius:8px;background:var(--bad);border:1.5px solid #fff;color:#fff;font-size:9.5px;font-weight:900;display:flex;align-items:center;justify-content:center;padding:0 3px}.stage-tab .dot.live{background:#2e9e4f}.roster-scroll{position:absolute;inset:calc(46px + var(--safe-t)) 0 0 0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:0 calc(12px + var(--safe-r)) calc(10px + var(--safe-b)) calc(12px + var(--safe-l))}.roster-scroll.with-tabs{padding-left:calc(100px + var(--safe-l))}.roster-inner{max-width:940px;margin:0 auto}.roster-bar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:8px}.roster-bar .rb-spacer{flex:1}.glass-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;background:var(--glass-bg);border:1px solid var(--glass-line);color:var(--glass-text);font-size:11.5px;font-weight:800;text-shadow:0 1px 2px rgba(20,8,0,.7);white-space:nowrap}.crest-chip{position:relative;width:34px;height:34px;min-width:0;min-height:0;border-radius:50%;background:radial-gradient(circle at 50% 32%,#5f3c1eeb,#1e1005eb);border:2px solid rgba(240,180,41,.4);display:inline-flex;align-items:center;justify-content:center;flex:none;transition:transform .08s}.crest-chip:active{transform:scale(.92)}.crest-chip img{width:21px;height:23px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(20,10,2,.7))}.crest-chip span{color:#ffe9b8;font-size:10.5px;font-weight:900;letter-spacing:.3px}.crest-chip.on{border-color:var(--gold);box-shadow:0 0 8px #f0b4298c,inset 0 1px #ffffff26}.roster-scroll .hero-grid{grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:9px}.roster-scroll .hero-grid-card .hero-name{font-size:12px;bottom:30px}.roster-scroll .hero-grid-card .level-tag{font-size:12px;bottom:15px}.roster-scroll .hero-grid-card .mini-stars{font-size:12.5px}.roster-scroll .hero-grid-card .faction-shield{width:22px;height:24px}.roster-scroll .list-title{color:#ffe9b8;text-shadow:0 1px 3px rgba(20,8,0,.8)}.roster-scroll .empty,.roster-scroll .on-scene,.roster-scroll .empty-state>b,.roster-scroll .empty-state>span{color:#ecd9ae;text-shadow:0 1px 2px rgba(20,8,0,.6)}:is(.stage,.glass-skin) .card{background:linear-gradient(180deg,#2e1a08cc,#1c0f04db);border:1.5px solid rgba(240,180,41,.42);border-radius:13px;box-shadow:0 4px 14px #14080066,inset 0 1px #ffe9b81f;color:#f3e3bd;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}:is(.stage,.glass-skin) .card h4,:is(.stage,.glass-skin) .card b{color:#ffe9b8}:is(.stage,.glass-skin) .muted,:is(.stage,.glass-skin) .mt-hint{color:#cfab77}:is(.stage,.glass-skin) .pill,.stage .hs-chips .pill,:is(.stage,.glass-skin) .mt-chip{background:#140a028c;border-color:#f0b42973;color:#ffe9b8;box-shadow:none}:is(.stage,.glass-skin) .bar{border-color:#f0b42980;background:#140a0299}.stage .skill-icons{flex-wrap:wrap;gap:7px}.stage .skill-desc{background:#140a0273;border:1px solid rgba(240,180,41,.3);color:#f3e3bd}.stage .skill-desc b{color:#ffe9b8}.stage .skill-desc .muted{color:#cfab77}:is(.stage,.glass-skin) .btn.ghost{color:#d8bd8f}:is(.stage,.glass-skin) .stage-board:not(.glass-skin) .btn.ghost{color:var(--muted)}.stage .card [style*=border-top]{border-top-color:#f0b42947!important}:is(.stage,.glass-skin) .picker-btn,:is(.stage,.glass-skin) .search-input{background:#140a028c;border-color:#f0b42973;color:#ffe9b8}:is(.stage,.glass-skin) .search-input::placeholder{color:#b99b6d}.roster-bar .picker-btn{padding:5px 10px;font-size:11.5px}:is(.stage,.glass-skin) .picker-btn .chev{color:#d8bd8f}.roster-scroll{color:#f3e3bd}:is(.stage,.glass-skin) .gold{color:var(--gold)}:is(.stage,.glass-skin) .list-title{color:#ffe9b8;text-shadow:0 1px 3px rgba(20,8,0,.8)}:is(.stage,.glass-skin) .empty,:is(.stage,.glass-skin) .empty-state>b,:is(.stage,.glass-skin) .empty-state>span{color:#ecd9ae;text-shadow:0 1px 2px rgba(20,8,0,.6)}:is(.stage,.glass-skin) .seg{background:#140a028c;border-color:#f0b42966;box-shadow:inset 0 1px 3px #00000059}:is(.stage,.glass-skin) .seg button{color:#cfab77}:is(.stage,.glass-skin) .seg button.active{background:linear-gradient(180deg,#ffd75e,#f0a71b);color:#3a2408;box-shadow:0 2px 3px #00000059,inset 0 1px #fff6}:is(.stage,.glass-skin) .item-tile .tile{background:radial-gradient(circle at 50% 30%,#5a381ae6,#201206eb);border-color:#f0b4296b;box-shadow:0 2px 6px #14080066,inset 0 1px #ffe9b824}:is(.stage,.glass-skin) .item-tile .lbl{color:#f3e3bd;text-shadow:0 1px 2px rgba(20,8,0,.7)}:is(.stage,.glass-skin) .section-banner{background:linear-gradient(180deg,#2e1a08bf,#1c0f04cc);border-color:#f0b4296b;color:#ffe9b8;text-shadow:0 1px 2px rgba(20,8,0,.7);box-shadow:0 3px 10px #1408004d,inset 0 1px #ffe9b81f}:is(.stage,.glass-skin) .rank-row.top{background:linear-gradient(90deg,rgba(240,180,41,.28),rgba(240,180,41,.08) 55%,transparent),linear-gradient(180deg,#2e1a08cc,#1c0f04db);box-shadow:0 2px 8px #c88c194d,inset 0 1px #ffe9b824}:is(.stage,.glass-skin) .settings-row{border-top-color:#f0b42947}:is(.stage,.glass-skin) .troop-chips .tchip{background:#140a028c;border-color:#f0b42966;color:#ffe9b8}:is(.stage,.glass-skin) .chest-btn:not(.ready){background:radial-gradient(circle at 50% 30%,#5f3c1ee6,#201206eb);border-color:#f0b42966;color:#ecd9ae;box-shadow:0 2px #14080080,inset 0 1px #ffe9b824}.glass-skin :is(.up-stat,.up-cond){background:#140a0280;border-color:#f0b4294d;box-shadow:inset 0 1px 3px #0006}.glass-skin :is(.up-stat-label,.up-cond-head){color:#cfab77}.glass-skin .up-stat-val{color:#ffe9b8}.glass-skin .building-art{background:radial-gradient(circle at 22% 45%,rgba(240,180,41,.28) 0%,transparent 58%),linear-gradient(180deg,#3c240ed9,#221306e6);border-color:#f0b42959;box-shadow:inset 0 1px #ffe9b81f}.glass-skin .side-tabs{background:#140a028c;border-color:#f0b42966;box-shadow:inset 0 1px 3px #00000059}.glass-skin .side-tabs button{color:#cfab77}.glass-skin .side-tabs button.active{background:linear-gradient(180deg,#ffd75e,#f0a71b);color:#3a2408;box-shadow:0 2px 3px #00000059,inset 0 1px #fff6}.glass-skin :is(.mt-stats,.mt-garrison){background:#140a0280;border-color:#f0b4294d;box-shadow:inset 0 1px 3px #0006}.glass-skin .mt-lab{color:#cfab77}.glass-skin .mt-val{color:#ffe9b8}.glass-skin .squad-slot{background:#140a0280;border-color:#f0b42973;color:#ecd9ae}.glass-skin .trooprow2{border-bottom-color:#f0b42940}.glass-skin :is(.stepper2,.stepper input){background:#140a028c;border-color:#f0b42973}.glass-skin .stepper input{color:#ffe9b8}.glass-skin .stepper2 button{background:linear-gradient(180deg,#694421e6,#3c240ee6);color:#ffe9b8}.glass-skin .stepper2 button:active{background:#281808e6}.glass-skin .stepper2 input{color:#ffe9b8;border-left-color:#f0b4294d;border-right-color:#f0b4294d}.glass-skin .ov-item{background:linear-gradient(180deg,#2e1a08cc,#1c0f04db);border-color:#f0b4296b;box-shadow:0 2px 8px #14080059,inset 0 1px #ffe9b81f}.glass-skin .ov-main{color:#f3e3bd}.glass-skin .ov-ico{border-color:#f0b42973}.glass-skin .ov-stat{color:#cfab77}.stage .chatmsg{color:#f3e3bd;text-shadow:0 1px 2px rgba(20,8,0,.6)}.stage .chatmsg .who{color:var(--gold)}.stage .chatbox input{background:#140a028c;border-color:#f0b42973;color:#ffe9b8}.stage .chatbox input::placeholder{color:#b99b6d}:is(.stage,.glass-skin) .skeleton-card{background:linear-gradient(100deg,#2e1a08b3 30%,#543414cc,#2e1a08b3 70%);background-size:200% 100%;border-color:#f0b42938}.stage.stage-menu .stage-bg{animation:none;transform:scale(1.02)}.stage.stage-menu .stage-scrim{background:radial-gradient(ellipse at 50% 40%,#180c0270,#180c0299 58%,#180c02c7)}:is(.stage,.glass-skin) .stage-board:not(.glass-skin){color:var(--text)}:is(.stage,.glass-skin) .stage-board:not(.glass-skin) .muted{color:var(--muted)}:is(.stage,.glass-skin) .stage-board:not(.glass-skin) .mt-hint{color:#8a6b40}:is(.stage,.glass-skin) .stage-board:not(.glass-skin) .gold{color:var(--gold2)}:is(.stage,.glass-skin) .stage-board:not(.glass-skin) .list-title{color:#7c5a2e;text-shadow:none}:is(.stage,.glass-skin) .stage-board:not(.glass-skin) .empty,:is(.stage,.glass-skin) .stage-board:not(.glass-skin) .empty-state>b,:is(.stage,.glass-skin) .stage-board:not(.glass-skin) .empty-state>span{color:var(--muted);text-shadow:none}:is(.stage,.glass-skin) .stage-board:not(.glass-skin) .pill{background:linear-gradient(180deg,#fdf4de,#f0dcae);border-color:var(--line-dark);color:#5b3a16;box-shadow:0 2px #a4763e66}:is(.stage,.glass-skin) .stage-board:not(.glass-skin) .mt-chip{background:var(--panel2);border-color:var(--line);color:var(--text)}:is(.stage,.glass-skin) .stage-board:not(.glass-skin) .bar{background:#e2cd9c;border-color:var(--line-dark);box-shadow:inset 0 1px 2px #5a370f4d}:is(.stage,.glass-skin) .stage-board:not(.glass-skin) .seg{background:#e6d1a0;border-color:var(--line-dark);box-shadow:inset 0 1px 3px #5a370f40}:is(.stage,.glass-skin) .stage-board:not(.glass-skin) .seg button{color:#8a6b40}:is(.stage,.glass-skin) .stage-board:not(.glass-skin) .seg button.active{background:linear-gradient(180deg,#fdf4de,#f5e6c0);color:#4a2c12;box-shadow:0 2px 3px #5a370f40,inset 0 1px #fffc}:is(.stage,.glass-skin) .stage-board:not(.glass-skin) .picker-btn,:is(.stage,.glass-skin) .stage-board:not(.glass-skin) .search-input{background:#fdf4de;border-color:var(--line-dark);color:var(--text)}:is(.stage,.glass-skin) .stage-board:not(.glass-skin) .search-input::placeholder{color:var(--muted)}:is(.stage,.glass-skin) .stage-board:not(.glass-skin) .picker-btn .chev{color:#8a6b40}:is(.stage,.glass-skin) .stage-board:not(.glass-skin) .item-tile .tile{background:linear-gradient(180deg,#fdf4de,#f0dcae);border-color:var(--line-dark);box-shadow:0 2px #a4763e66,inset 0 1px #ffffffb3}:is(.stage,.glass-skin) .stage-board:not(.glass-skin) .item-tile .lbl{color:var(--text);text-shadow:none}:is(.stage,.glass-skin) .stage-board:not(.glass-skin) .troop-chips .tchip{background:linear-gradient(180deg,#fdf4de,#f0dcae);border-color:var(--line-dark);color:var(--text)}:is(.stage,.glass-skin) .stage-board:not(.glass-skin) .section-banner{background:linear-gradient(180deg,#f9edcd,#eedbae);border-color:var(--line);color:#6b4a1e;text-shadow:none;box-shadow:inset 0 1px #ffffffbf,0 2px #a4763e40}:is(.stage,.glass-skin) .stage-board:not(.glass-skin) .card{background:var(--panel);border:2px solid var(--line);box-shadow:0 2px #a4763e59,inset 0 1px #fffc;color:var(--text);backdrop-filter:none;-webkit-backdrop-filter:none}:is(.stage,.glass-skin) .stage-board:not(.glass-skin) .card h4,:is(.stage,.glass-skin) .stage-board:not(.glass-skin) .card b{color:var(--text)}:is(.stage,.glass-skin) .stage-board:not(.glass-skin) .chatmsg{color:var(--text);text-shadow:none}:is(.stage,.glass-skin) .stage-board:not(.glass-skin) .chatmsg .who{color:var(--gold2)}:is(.stage,.glass-skin) .stage-board:not(.glass-skin) .chatbox input{background:#fdf4de;border-color:var(--line-dark);color:var(--text)}:is(.stage,.glass-skin) .stage-board:not(.glass-skin) .chatbox input::placeholder{color:var(--muted)}:is(.stage,.glass-skin) .stage-board:not(.glass-skin) .chest-btn:not(.ready){background:linear-gradient(180deg,#fdf4de,#f0dcae);border-color:var(--line-dark);color:#5b3a16;box-shadow:0 2px #a4763e66,inset 0 1px #ffffffb3}:is(.stage,.glass-skin) .stage-board:not(.glass-skin) .rank-row.top{background:linear-gradient(90deg,rgba(240,180,41,.2),rgba(240,180,41,.04) 55%,transparent),var(--panel);box-shadow:0 2px 6px #c88c1938,inset 0 1px #ffffffa6}:is(.stage,.glass-skin) .stage-board:not(.glass-skin) .settings-row{border-top-color:var(--line)}:is(.stage,.glass-skin) .stage-board:not(.glass-skin) .skeleton-card{background:linear-gradient(100deg,#f0e2bf 38%,#faf1da,#f0e2bf 62%);background-size:200% 100%;border-color:var(--line)}.roster-inner.stage-board{max-width:620px;background:linear-gradient(180deg,#fbf0d5,#f3e3bd);border:3px solid #8a5a33;outline:3px solid #55351a;border-radius:16px;padding:12px;color:var(--text);height:calc(100vh - 56px - var(--safe-t) - var(--safe-b));height:calc(100dvh - 56px - var(--safe-t) - var(--safe-b));overflow-y:auto;overscroll-behavior:contain;box-shadow:0 14px 44px #14080080,inset 0 2px #fff9}.roster-inner.stage-board.wide{max-width:860px}.menu-hub{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}.menu-hub.settings-hub{grid-template-columns:repeat(3,minmax(120px,1fr));max-width:460px;margin:8px auto 0}.menu-tile{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;align-items:center;gap:6px;padding:11px 4px 9px;border-radius:13px;background:linear-gradient(180deg,#fdf4de,#f0dcae);border:2px solid var(--line-dark);box-shadow:0 2px #a4763e66,inset 0 1px #ffffffb3;transition:transform .08s ease-out}.menu-tile:active{transform:scale(.95)}.menu-tile .disc{width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at 50% 30%,#a9743d,#6b4426 72%);border:2px solid #55351a;box-shadow:0 2px 5px #28140459,inset 0 2px 3px #fff3;display:flex;align-items:center;justify-content:center}.menu-tile .disc img{width:27px;height:27px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(20,10,2,.65))}.menu-tile .lbl{max-width:100%;font-size:12px;font-weight:800;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-tile .dot{position:absolute;top:4px;right:8px;min-width:16px;height:16px;border-radius:8px;background:var(--bad);border:1.5px solid #fff;color:#fff;font-size:10px;font-weight:900;display:flex;align-items:center;justify-content:center;padding:0 4px}.menu-tile .dot.live{background:#2e9e4f}.hero-nav{position:absolute;top:clamp(52px,14vh,88px);width:36px;height:36px;min-width:0;min-height:0;border-radius:50%;background:#140a028c;border:1.5px solid rgba(240,180,41,.55);color:#ffe9b8;font-size:20px;font-weight:900;line-height:1;display:flex;align-items:center;justify-content:center;z-index:2;padding-bottom:4px}.hero-nav.prev{left:6px}.hero-nav.next{right:6px}.hero-nav:active{transform:scale(.92)}.hero-tabbar{flex:none;display:flex;gap:4px;padding:6px 8px calc(6px + var(--safe-b, 0px));background:linear-gradient(180deg,#e9d3a4,#dfc48e);border-top:2px solid var(--line-dark)}.hero-tabbar button{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 2px;border-radius:9px;border:2px solid transparent;font-size:11px;font-weight:800;color:#6b4426}.hero-tabbar button .ico{width:18px;height:18px;object-fit:contain}.hero-tabbar button.active{background:linear-gradient(180deg,#fbf0d5,#f3e3bd);border-color:var(--line-dark);color:#4a2c04;box-shadow:0 2px 5px #5a370f4d}.hero-tabbar button:active{transform:translateY(1px)}.skill-icon.awaken{border-color:#f43f5e}.skill-icon.locked{opacity:.55;filter:grayscale(.6)}.skill-icons{display:flex;gap:8px;margin:4px 0 7px}.skill-icon{position:relative;width:46px;height:46px;flex:none;border-radius:50%;background:radial-gradient(circle at 50% 32%,#fdf4de,#ecd6a2 78%);border:2px solid var(--line-dark);box-shadow:0 2px #a4763e66;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;transition:transform .08s ease-out}.skill-icon:active{transform:scale(.94)}.skill-icon.sel{border-color:var(--gold);box-shadow:0 0 0 2px #f0b42973,0 2px #a4763e66}.skill-icon .glyph{width:20px;height:20px;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(40,20,4,.35))}.skill-icon .art{position:absolute;top:4px;right:4px;bottom:4px;left:4px;width:calc(100% - 8px);height:calc(100% - 8px);object-fit:contain;filter:drop-shadow(0 1px 1px rgba(40,20,4,.3))}.skill-icon .lvl{font-size:11px;font-weight:800;color:#5b3a16}.skill-icon .art+.lvl{position:absolute;left:50%;bottom:0;transform:translate(-50%);font-size:10px;line-height:14px;padding:0 6px;border-radius:7px 7px 0 0;background:#2b1a08d1;color:#ffe9b8;white-space:nowrap}.skill-desc{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:8px}.reveal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-reveal);background:#140a02b8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:20px;cursor:pointer;animation:fade-in .15s ease-out;overflow-y:auto;justify-content:safe center}.reveal-backdrop>*{flex-shrink:0}.reveal-ribbon{background:linear-gradient(180deg,#ffd75e,#f0a71b);border:2px solid #b98a4e;color:#4a2c04;border-radius:999px;padding:4px 22px;font-size:15px;font-weight:900;letter-spacing:.5px;text-shadow:0 1px 0 rgba(255,255,255,.4);box-shadow:0 4px 12px #14080080,inset 0 2px #ffffff80;animation:reveal-pop .25s ease-out}.reveal-hero{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px}.reveal-hero .glow{position:absolute;top:-16px;width:220px;height:220px;border-radius:50%;pointer-events:none;animation:glow-pulse 1.6s ease-in-out infinite}.reveal-hero .art{position:relative;width:min(40vh,200px);height:min(40vh,200px);object-fit:contain;filter:drop-shadow(0 12px 16px rgba(0,0,0,.5));animation:reveal-pop .3s ease-out}.reveal-name{font-size:16px;font-weight:900;text-shadow:0 2px 3px rgba(20,10,2,.8)}.reveal-items{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:400px}.reveal-item{display:flex;flex-direction:column;align-items:center;gap:3px}.reveal-item .tile{position:relative;width:48px;height:48px;border-radius:12px;background:linear-gradient(180deg,#fdf4de,#f0dcae);border:2px solid var(--gold);box-shadow:0 3px 8px #14080066,inset 0 1px #ffffffb3;display:flex;align-items:center;justify-content:center;animation:reveal-pop .3s ease-out}.reveal-item .tile .gico.lg{width:28px;height:28px;vertical-align:0}.reveal-item .cnt{position:absolute;top:0;right:0;padding:1px 5px 1px 8px;font-size:10.5px;font-weight:900;color:#4a2c04;background:linear-gradient(135deg,#ffd75e,#f0a71b);border:1.5px solid #8f5d06;border-radius:0 10px 0 100%;box-shadow:0 1px 2px #5a370f66;text-shadow:0 1px 0 rgba(255,255,255,.6)}.reveal-outcome{color:#ffe9b8;font-size:12.5px;font-weight:800;text-shadow:0 1px 2px rgba(20,10,2,.8)}.reveal-continue{margin-top:4px;color:#ffe9b8bf;font-size:11.5px;font-weight:700;animation:continue-blink 1.4s ease-in-out infinite}@keyframes reveal-pop{0%{transform:scale(.6);opacity:0}to{transform:none;opacity:1}}@keyframes glow-pulse{0%,to{opacity:.65}50%{opacity:1}}@keyframes continue-blink{0%,to{opacity:.55}50%{opacity:1}}.reveal-engine{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-reveal);overflow:hidden;cursor:pointer;user-select:none;-webkit-user-select:none;animation:fade-in .15s ease-out}.reveal-engine.re-dim{background:#140a0273}.re-showcase{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;--re-art: clamp(170px, calc(72vh - 100px) , 500px);gap:calc(var(--re-art) * .025);padding:calc(var(--re-art) * .05)}.re-flash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;animation:re-flash-fade .7s ease-out both}@keyframes re-flash-fade{0%{opacity:.85}to{opacity:0}}.re-rays{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;-webkit-mask-image:radial-gradient(circle at 50% 46%,#000 0%,transparent 62%);mask-image:radial-gradient(circle at 50% 46%,#000 0%,transparent 62%)}.re-rays-disc{flex:none;width:165vmax;height:165vmax;border-radius:50%;animation:god-rays-rotate 26s linear infinite}@keyframes god-rays-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.re-confetti{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.re-confetti i{position:absolute;top:-12px;border-radius:1.5px;opacity:0;animation:confetti-fall 3s linear infinite}@keyframes confetti-fall{0%{transform:translateY(-4vh) rotate(0);opacity:0}8%{opacity:.9}78%{opacity:.72}to{transform:translate(var(--dx, 30px),106vh) rotate(var(--rot, 300deg));opacity:0}}.re-subject{position:relative;display:flex;align-items:center;justify-content:center;margin:calc(var(--re-art) * -.058) 0 calc(var(--re-art) * -.125)}.re-spotlight{position:absolute;bottom:calc(var(--re-art) * -.04);width:calc(var(--re-art) * 1.25);height:calc(var(--re-art) * .29);pointer-events:none;animation:glow-pulse 1.8s ease-in-out infinite}.re-art{position:relative;width:var(--re-art);height:var(--re-art);object-fit:contain;filter:drop-shadow(0 14px 18px rgba(0,0,0,.55));animation:re-pop-in .45s cubic-bezier(.2,1.45,.4,1) .12s both,hero-breathe 4.2s ease-in-out 1.6s infinite}@keyframes re-pop-in{0%{transform:scale(.35);opacity:0}to{transform:none;opacity:1}}@keyframes hero-breathe{0%,to{transform:none}50%{transform:translateY(-4px) scale(1.015)}}.re-new-tag{position:absolute;top:calc(var(--re-art) * .017);right:calc(var(--re-art) * -.125);transform:rotate(-8deg);color:#5dff3a;font-size:calc(var(--re-art) * .117);font-weight:900;font-style:italic;letter-spacing:1px;text-shadow:0 0 14px rgba(93,255,58,.55),0 2px 0 rgba(10,40,4,.8);animation:re-pop-in .35s cubic-bezier(.2,1.6,.4,1) .5s both;pointer-events:none}.re-in{animation:re-slide-up .4s ease-out both;animation-delay:calc(.42s + var(--i, 0) * .09s)}@keyframes re-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.re-name{display:flex;align-items:center;justify-content:center;gap:8px;font-size:calc(16px + var(--re-art) * .021);font-weight:900;text-shadow:0 2px 6px rgba(0,0,0,.7)}.re-name img{width:calc(18px + var(--re-art) * .025);height:calc(18px + var(--re-art) * .025);object-fit:contain}.re-name .re-title{font-size:13px;font-weight:700;color:#ffe9b8d9}.re-chips{display:flex;justify-content:center;gap:8px}.re-chip{width:calc(26px + var(--re-art) * .033);height:calc(26px + var(--re-art) * .033);border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 32%,#ffffff29,#140a028c);border:2px solid rgba(255,215,94,.55);box-shadow:0 3px 8px #0006}.re-chip img{width:calc(17px + var(--re-art) * .021);height:calc(17px + var(--re-art) * .021);object-fit:contain}.re-stars{display:flex;justify-content:center;gap:4px;font-size:calc(20px + var(--re-art) * .025);line-height:1}.re-stars span{color:#ffffff38;text-shadow:0 2px 4px rgba(0,0,0,.6)}.re-stars span.on{color:#ffd75e;text-shadow:0 0 12px rgba(240,180,41,.75),0 2px 3px rgba(0,0,0,.5)}.re-stars span.awk{color:#ff5a76;text-shadow:0 0 12px rgba(244,63,94,.75),0 2px 3px rgba(0,0,0,.5)}.re-stars span.pop{animation:re-star-pop .55s cubic-bezier(.2,1.6,.4,1) .75s both}@keyframes re-star-pop{0%{transform:scale(2.6);opacity:0}to{transform:none;opacity:1}}.re-skills{display:flex;justify-content:center;gap:8px}.re-skill{width:calc(34px + var(--re-art) * .042);height:calc(34px + var(--re-art) * .042);border-radius:10px;border:2px solid var(--gold);background:radial-gradient(circle at 50% 30%,#4a3413,#241708 80%);box-shadow:0 3px 8px #00000080,inset 0 1px #ffffff40;overflow:hidden;display:flex;align-items:center;justify-content:center}.re-skill img{width:100%;height:100%;object-fit:cover}.re-outcome{color:#ffe9b8;font-size:calc(11px + var(--re-art) * .00625);font-weight:800;text-align:center;text-shadow:0 1px 2px rgba(20,10,2,.8)}.re-banner-wrap{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.re-banner{position:relative;width:100%;padding:12px 20px 30px;display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;background:linear-gradient(180deg,#f0b42900,#f0b42938 16%,#f0b42952,#f0b42938 84%,#f0b42900);border-top:2px solid rgba(255,215,94,.9);border-bottom:2px solid rgba(255,215,94,.9);box-shadow:0 0 34px #f0b42959;animation:re-banner-in .45s cubic-bezier(.2,1.3,.4,1) both}@keyframes re-banner-in{0%{transform:scaleY(.12);opacity:0}to{transform:none;opacity:1}}.re-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.5) 50%,transparent 70%);background-size:220% 100%;mix-blend-mode:screen;animation:re-banner-sheen 1.3s ease-out .3s both;pointer-events:none}@keyframes re-banner-sheen{0%{background-position:130% 0;opacity:1}to{background-position:-60% 0;opacity:0}}.re-banner-burst{position:absolute;left:50%;top:50%;width:420px;height:420px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,224,150,.5) 0%,rgba(255,224,150,.12) 42%,transparent 68%);pointer-events:none}.re-banner-title{position:relative;font-size:24px;font-weight:900;letter-spacing:.6px;background:linear-gradient(180deg,#fff6d8 8%,#ffd75e 45%,#f0a71b 92%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 rgba(74,44,4,.55)) drop-shadow(0 3px 8px rgba(20,8,0,.5))}.re-banner-sub{position:relative;color:#fff;font-size:12.5px;font-weight:700;text-shadow:0 1px 3px rgba(20,10,2,.8)}.re-plaques{position:relative;display:flex;justify-content:center;gap:34px;margin-top:5px}.re-plaque{position:relative;width:56px;height:56px;border-radius:12px;background:linear-gradient(180deg,#8f8577,#6b6154);border:2px solid #4c443a;box-shadow:0 3px #1e18108c,inset 0 2px #ffffff4d;display:flex;align-items:center;justify-content:center;animation:re-pop-in .4s cubic-bezier(.2,1.5,.4,1) both;animation-delay:calc(.35s + var(--i, 0) * .12s)}.re-plaque img{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(0,0,0,.4))}.re-plaque-tier{position:absolute;left:4px;bottom:2px;font-size:11px;font-weight:900;color:#fff6d8;text-shadow:0 1px 0 rgba(30,24,16,.8)}.re-plaque-lbl{position:absolute;top:calc(100% + 3px);left:50%;transform:translate(-50%);max-width:86px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700;color:#ffe9b8;text-shadow:0 1px 2px rgba(20,10,2,.85)}.item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:7px;margin-bottom:8px}.item-tile{display:flex;flex-direction:column;align-items:center;gap:3px;padding:0;transition:transform .08s ease-out}.item-tile:active{transform:scale(.95)}.item-tile:disabled{opacity:.55}.item-tile .tile{position:relative;width:100%;aspect-ratio:1;border-radius:12px;background:linear-gradient(180deg,#fdf4de,#f0dcae);border:2px solid var(--line-dark);box-shadow:0 2px #a4763e66,inset 0 1px #ffffffb3;display:flex;align-items:center;justify-content:center}.item-tile .tile .gico.lg{width:56%;height:56%;vertical-align:0}.item-tile .cnt{position:absolute;top:0;right:0;padding:2px 6px 2px 10px;font-size:11px;font-weight:900;color:#4a2c04;background:linear-gradient(135deg,#ffd75e,#f0a71b);border:1.5px solid #8f5d06;border-radius:0 10px 0 100%;box-shadow:0 1px 2px #5a370f66;text-shadow:0 1px 0 rgba(255,255,255,.6)}.item-tile .price{font-size:11px;font-weight:800;color:#4a2c04;background:linear-gradient(180deg,#ffd75e,#f0a71b);border:1.5px solid #b98a4e;border-radius:999px;padding:1px 8px;white-space:nowrap}.item-tile:disabled .price{filter:grayscale(.6)}.item-pop-art .sprite.icon{width:76px;height:76px;display:flex;align-items:center;justify-content:center}.item-pop-art .sprite.icon .gico.lg{width:52px;height:52px;vertical-align:0}.shop-head{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:40px;margin:-12px -12px 8px;padding:4px 9px 4px 14px;background:linear-gradient(180deg,#f9edcd,#eedbae);border-bottom:2px solid var(--line);border-radius:13px 13px 0 0;box-shadow:0 2px 8px #5a370f38,inset 0 1px #ffffffbf}.shop-head .sh-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:900;letter-spacing:.4px;color:#6b4a1e}.shop-wallet{position:relative;z-index:1;flex:none;display:inline-flex;align-items:center;gap:5px;height:28px;min-height:0;min-width:0;padding:0 4px 0 9px;border-radius:999px;background:#140a029e;border:1px solid rgba(255,244,214,.28);color:#fff;font-size:12.5px;font-weight:900;text-shadow:0 1px 2px rgba(20,8,0,.7)}.shop-wallet:before{content:"";position:absolute;left:0;right:0;top:50%;height:var(--tap);transform:translateY(-50%);border-radius:999px}.shop-wallet .gico{width:16px;height:16px}.shop-wallet-plus{width:21px;height:21px;min-width:0;min-height:0;border-radius:50%;background:linear-gradient(180deg,#ffd75e,#f0a71b);border:1.5px solid #8f5d06;color:#4a2c04;font-size:14px;font-weight:900;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px #ffffff73}.section-banner{margin:2px 0 8px;padding:5px 10px;text-align:center;font-size:12.5px;font-weight:900;letter-spacing:.4px;color:#6b4a1e;background:linear-gradient(180deg,#f9edcd,#eedbae);border:2px solid var(--line);border-radius:999px;box-shadow:inset 0 1px #ffffffbf,0 2px #a4763e40}.shop-subrow{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 10px;margin:0 2px 8px;font-size:11.5px}.store-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(112px,100%),1fr));gap:8px;margin-bottom:8px}.store-card{min-width:0;display:flex;flex-direction:column;align-items:center;gap:5px;padding:7px 7px 8px;background:linear-gradient(180deg,#fdf4de,#f0dcae);border:2px solid var(--line);border-radius:12px;box-shadow:0 2px #a4763e59,inset 0 1px #ffffffb3}.store-card.claimed{opacity:.72}.store-card.sel{border-color:var(--gold);box-shadow:0 0 0 2px #f0b42966,0 2px #a4763e59,inset 0 1px #ffffffb3}.store-card.locked :is(.sc-tile,.sc-name,.sc-stock){opacity:.62}.sc-name{width:100%;min-height:2.3em;font-size:12px;font-weight:800;color:var(--text);line-height:1.15;text-align:center;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sc-tile{position:relative;width:100%;aspect-ratio:1;border-radius:10px;border:2px solid var(--line-dark);background:radial-gradient(circle at 50% 38%,#fff6dd,#ecd6a6 88%);box-shadow:inset 0 1px 3px #5a370f33;display:flex;align-items:center;justify-content:center}.sc-tile .gico.lg{width:58%;height:58%;vertical-align:0}.sc-tile .cnt{position:absolute;top:0;right:0;padding:2px 6px 2px 10px;font-size:11px;font-weight:900;color:#4a2c04;background:linear-gradient(135deg,#ffd75e,#f0a71b);border:1.5px solid #8f5d06;border-radius:0 8px 0 100%;box-shadow:0 1px 2px #5a370f66;text-shadow:0 1px 0 rgba(255,255,255,.6)}.sc-swatch{width:62%;aspect-ratio:1;border-radius:10px;border:2px solid var(--line-dark);box-shadow:inset 0 1px 3px #5a370f40}.skinp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(126px,1fr));gap:10px;margin-bottom:6px}.skinp-item{display:flex;flex-direction:column;gap:6px;min-width:0}.skinp-item .skinp-cta{width:100%}.skinp-tag{position:absolute;top:6px;left:6px;z-index:2}.skin-card .rcard-well:before{content:"";position:absolute;top:6%;right:4%;bottom:12%;left:4%;background:radial-gradient(circle at 50% 60%,var(--sg, #ffd75e) 0%,transparent 62%);opacity:.34;animation:skin-aura 2.6s ease-in-out infinite alternate;pointer-events:none}.skin-card .rcard-art{filter:drop-shadow(0 3px 6px rgba(15,8,2,.55))}@keyframes skin-aura{0%{opacity:.16;transform:scale(.94)}to{opacity:.5;transform:scale(1.05)}}.sc-stock{margin-top:auto;max-width:100%;font-size:11px;font-weight:700;color:#6b4a1e;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.store-card>:is(.btn,.sr-lock){width:100%;min-width:0;margin-top:auto}.store-card>.sc-stock~:is(.btn,.sr-lock){margin-top:0}.sr-tag{display:inline-block;padding:0 7px;border-radius:999px;font-size:10.5px;font-weight:900;white-space:nowrap}.sc-tile .sr-tag{position:absolute;top:-6px;left:-6px;box-shadow:0 1px 2px #5a370f66}@media (max-width: 640px){.store-grid{grid-template-columns:repeat(auto-fill,minmax(min(96px,100%),1fr));gap:6px}.store-card{gap:4px;padding:6px 6px 7px}.store-card .btn{padding-left:6px;padding-right:6px}}.sr-tag.free{background:linear-gradient(180deg,#7cc96b,#2e9e4f);border:1.5px solid #1c6e33;color:#fff;text-shadow:0 1px 2px rgba(10,60,25,.45)}.sr-tag.off{background:linear-gradient(180deg,#ef6b52,#d64541);border:1.5px solid #7f2018;color:#fff;text-shadow:0 1px 0 rgba(90,20,10,.45)}.sr-btn{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:86px;white-space:nowrap}.sr-btn .base{opacity:.65;margin-right:2px;font-size:11px;font-weight:700}.btn.need:disabled{opacity:1;pointer-events:auto;cursor:not-allowed;color:var(--bad);border-color:#c25349;background:linear-gradient(180deg,#fdf2d4,#ecd5a4);box-shadow:0 3px #a4763e,inset 0 2px #ffffffa6}.sr-lock{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:86px;min-height:34px;padding:0 10px;border-radius:10px;background:#1e10049e;border:1.5px solid rgba(122,84,40,.55);color:#ffe9b8;font-size:11px;font-weight:900;text-shadow:0 1px 2px rgba(20,10,2,.8)}.sr-lock img{width:14px;height:14px;filter:drop-shadow(0 1px 2px rgba(20,10,2,.6))}.vip-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.vip-crest{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(60,30,5,.35))}.vip-head-txt{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.15}.vip-head-txt b{font-size:17px;font-weight:900}.vip-head-txt span{font-size:11.5px;font-weight:700;color:var(--muted)}.vip-pager{display:flex;align-items:center;gap:5px}.vip-arrow{flex:none;width:30px;height:30px;min-width:0;min-height:0;border-radius:50%;background:#140a028c;border:1.5px solid rgba(240,180,41,.55);color:#ffe9b8;font-size:17px;font-weight:900;line-height:1;display:flex;align-items:center;justify-content:center;padding-bottom:3px}.vip-arrow:active{transform:scale(.92)}.vip-arrow:disabled{opacity:.35}.vip-strip{position:relative;flex:1;min-width:0;display:flex;gap:6px;padding:4px 2px 6px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}.vip-strip::-webkit-scrollbar{display:none}.vip-chip-slot{flex:0 0 54px;scroll-snap-align:center}.vip-chip{display:block;width:100%}.vip-chip .vip-chip-lv{position:absolute;top:0;right:0;bottom:22%;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ffe9b8;font-size:21px;font-weight:900;line-height:1;text-shadow:0 2px 3px rgba(20,10,2,.85);pointer-events:none}.vip-chip .vip-chip-lv small{font-size:8px;font-weight:900;letter-spacing:1px;opacity:.85}.vip-chip .vip-chip-lv.dim{opacity:.55}.vip-chip .vip-chip-state{position:absolute;top:3px;right:3px;z-index:1;width:14px;height:14px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(20,10,2,.7));pointer-events:none}.vip-chip .vip-chip-you{position:absolute;top:2px;left:50%;transform:translate(-50%);z-index:1;padding:1px 5px;border-radius:999px;background:linear-gradient(180deg,#ffd75e,#f0a71b);border:1px solid #a86f06;color:#4a2c12;font-size:7.5px;font-weight:900;letter-spacing:.5px;white-space:nowrap;pointer-events:none}.vip-perk-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:6px 0}.vip-perk-head b{font-size:13px;font-weight:900}.vip-perk-state{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:10.5px;font-weight:900;white-space:nowrap}.vip-perk-state.now{background:linear-gradient(180deg,#ffd75e,#f0a71b);border:1px solid #a86f06;color:#4a2c12}.vip-perk-state.got{background:#2e9e4f24;border:1px solid rgba(46,158,79,.55);color:#256e3c}.vip-perk-state.locked{background:#1e10049e;border:1px solid rgba(122,84,40,.55);color:#ffe9b8}.vip-tile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.vip-tile{position:relative;display:flex;align-items:center;gap:7px;min-width:0;padding:6px 8px;border-radius:11px;background:var(--panel2);border:1.5px solid var(--line);box-shadow:inset 0 1px 3px #5a370f33}.vip-tile-disc{position:relative;flex:none;width:34px;height:34px;border-radius:50%;border:2.5px solid var(--line-dark);background:radial-gradient(circle at 50% 30%,#fff7e2,#ecd8ab 82%);box-shadow:0 2px 4px #3c1e054d,inset 0 1px #ffffffbf}.vip-tile-disc>img:first-child{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;padding:12%;border-radius:50%;filter:drop-shadow(0 1px 1px rgba(60,30,5,.3));pointer-events:none}.vip-tile-lock{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:15px;height:15px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(20,10,2,.6))}.vip-tile.locked .vip-tile-disc{border-color:#a8926d}.vip-tile.locked .vip-tile-disc>img:first-child{filter:grayscale(.9) brightness(.78)}.vip-tile.locked .vip-tile-txt{opacity:.6}.vip-tile-txt{display:flex;flex-direction:column;min-width:0;line-height:1.15}.vip-tile-val{display:inline-flex;align-items:center;gap:3px;font-size:13px;font-weight:900;color:var(--text);white-space:nowrap}.vip-tile-lab{font-size:10px;font-weight:800;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vip-tile-new{position:absolute;top:-6px;right:-4px;z-index:1;padding:1px 6px;border-radius:999px;background:linear-gradient(180deg,#ffd75e,#f0a71b);border:1px solid #a86f06;color:#4a2c12;font-size:8.5px;font-weight:900;letter-spacing:.4px;box-shadow:0 1px 3px #3c1e0566;transform:rotate(6deg)}.ocol-row{display:flex;gap:8px;margin-bottom:8px;padding:8px 2px 4px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:rgba(122,84,40,.5) transparent}.ocol{position:relative;flex:0 0 200px;scroll-snap-align:start;display:flex;flex-direction:column;max-height:max(236px,calc(100dvh - 134px - var(--safe-t) - var(--safe-b)));background:linear-gradient(180deg,#fdf4de,#f0dcae);border:2px solid var(--line-dark);border-radius:13px;box-shadow:0 3px #a4763e66,inset 0 1px #ffffffb3}.ocol.claimed{opacity:.78}.ocol-art{position:relative;height:88px;border-radius:11px 11px 0 0;border-bottom:2px solid var(--line-dark);display:flex;align-items:center;justify-content:center;overflow:hidden}.ocol-art img{width:58px;height:58px;object-fit:contain;margin-bottom:14px;filter:drop-shadow(0 5px 7px rgba(20,10,2,.5))}.ocol-art:after{content:"";position:absolute;left:0;right:0;bottom:0;height:42%;background:linear-gradient(180deg,transparent,rgba(20,10,2,.62));pointer-events:none}.ocol-headline{position:absolute;left:0;right:0;bottom:3px;z-index:1;display:flex;align-items:center;justify-content:center;gap:4px;font-size:12.5px;font-weight:900;letter-spacing:.4px;text-transform:uppercase;color:#ffd75e;text-shadow:0 1px 0 rgba(74,44,4,.9),0 1px 4px rgba(20,8,0,.6)}.ocol-headline .gico{width:15px;height:15px;vertical-align:-2px}.ocol-title{display:block;padding:4px 8px;background:linear-gradient(180deg,#f3e2b8,#ecd9a9);border-bottom:1.5px solid var(--line);font-size:12px;font-weight:900;text-align:center;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ocol-goods{flex:1;display:flex;flex-direction:column;min-height:62px;padding:2px 9px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(122,84,40,.5) transparent}.goods-row{display:flex;align-items:center;gap:7px;min-height:31px;padding:3px 0}.goods-row+.goods-row{border-top:1px solid rgba(122,84,40,.22)}.gr-tile{flex:none;width:26px;height:26px;border-radius:7px;border:1.5px solid var(--line);background:radial-gradient(circle at 50% 38%,#fff6dd,#ecd6a6 88%);box-shadow:inset 0 1px 2px #5a370f2e;display:flex;align-items:center;justify-content:center}.gr-tile :is(.gico,.ico-inl){width:17px;height:17px;vertical-align:0}.gr-tile:has(.gr-vip){border-color:#8a5a12}.gr-tile .gr-vip{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:5px;font-size:10.5px;font-weight:900;color:#fff6dc;background:linear-gradient(180deg,#eaa93c,#b56f14);text-shadow:0 1px 1px rgba(96,54,8,.45);box-shadow:inset 0 1px #fff6}.gr-name{flex:1;min-width:0;font-size:11.5px;font-weight:700;color:var(--text);line-height:1.15;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.gr-count{flex:none;font-size:11.5px;font-weight:900;color:#6b4a1e}.ocol-meta{display:flex;flex-direction:column;align-items:center;gap:1px;padding:3px 8px 0;font-size:11px;font-weight:700;color:#6b4a1e;text-align:center}.ocol-timer{display:inline-flex;align-items:center;gap:3px;font-weight:800;color:#b23c31}.ocol-cta{display:flex;justify-content:center;padding:6px 8px 9px}.ocol-ribbon{position:absolute;top:-7px;left:-6px;z-index:4;padding:1px 8px;border-radius:999px;background:linear-gradient(180deg,#ffd75e,#f0a71b);border:1.5px solid #8f5d06;color:#4a2c04;font-size:10.5px;font-weight:900;transform:rotate(-6deg);box-shadow:0 2px 4px #28140459}.ocol-burst{position:absolute;top:-7px;right:9px;z-index:4;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.03em;color:#fff;background:linear-gradient(180deg,#ef6b52,#d64541);border:1.5px solid #7f2018;border-radius:999px;padding:2px 9px;box-shadow:0 2px #5a140a59;text-shadow:0 1px 0 rgba(90,20,10,.45)}@media (max-width: 640px){.ocol-row{flex-wrap:wrap;overflow-x:visible;scroll-snap-type:none}.ocol{flex:1 1 240px;min-width:0;max-width:100%}}.army-card{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:linear-gradient(180deg,#fdf4de,#f3e2ba);border:2px solid var(--line-dark);border-radius:12px;padding:8px 10px;margin-bottom:8px;box-shadow:0 2px #3e2c1838;cursor:pointer;font:inherit;color:inherit}.army-card.sel{border-color:#f0b429;box-shadow:0 0 0 2px #f0b42959,0 2px #3e2c1838}.army-card.dim{opacity:.55}.army-card.empty{border-style:dashed;background:var(--panel2)}.army-card .ac-lead{flex:none;width:34px;height:34px;border-radius:9px;border:2px dashed var(--line-dark);display:inline-flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;color:var(--muted)}.army-card .ac-main{flex:1;min-width:0}.army-card .ac-name{display:flex;align-items:center;gap:6px;font-weight:800;font-size:12.5px}.army-card .ac-chips{display:flex;flex-wrap:wrap;gap:3px 10px;margin-top:3px;font-size:11.5px;font-weight:700}.army-card .ac-edit{flex:none;align-self:center}.squad-slot{position:relative;width:48px;height:62px;min-width:0;min-height:0;padding:0;border-radius:9px;border:2px dashed var(--line-dark);background:var(--panel2);overflow:hidden;color:var(--muted)}.squad-slot.filled{border-style:solid}.squad-slot .pic{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.squad-slot .plus{font-size:17px;font-weight:800}.squad-slot .crown{position:absolute;top:1px;left:2px;width:15px;height:15px;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(0,0,0,.6))}.squad-slot .lv-tag{position:absolute;bottom:0;left:0;right:0;padding:5px 0 1px;font-size:11px;font-weight:800;color:#ffe9b8;text-align:center;background:linear-gradient(180deg,transparent,rgba(20,10,2,.8) 40%);pointer-events:none}.hero-tile-row{display:flex;flex-wrap:wrap;gap:6px}.hero-tile-sm{position:relative;width:56px;height:74px;min-width:0;min-height:0;padding:0;border-radius:9px;border:2px solid var(--line-dark);overflow:hidden;transition:transform .08s ease-out}.hero-tile-sm:active{transform:scale(.94)}.hero-tile-sm.sel{box-shadow:0 0 0 2px #f0b42980}.hero-tile-sm .pic{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hero-tile-sm .scrim{position:absolute;left:0;right:0;bottom:0;height:46%;background:linear-gradient(180deg,transparent,rgba(20,10,2,.8));pointer-events:none}.hero-tile-sm .role-tag{position:absolute;top:2px;left:2px;width:16px;height:16px;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(0,0,0,.6))}.hero-tile-sm .lv-tag{position:absolute;bottom:12px;left:0;right:0;font-size:11px;font-weight:800;color:#ffe9b8;text-align:center;text-shadow:0 1px 2px rgba(20,10,2,.9);pointer-events:none}.hero-tile-sm .tile-stars{position:absolute;left:0;right:0;bottom:1px;font-size:11px;line-height:1;letter-spacing:0;color:#ffc93d;text-align:center;text-shadow:0 1px 1px rgba(90,40,0,.7);pointer-events:none}.hero-tile-sm .sel-mark{position:absolute;top:1px;right:1px;width:16px;height:16px;border-radius:50%;background:var(--gold);color:#4a2c04;font-size:10.5px;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px #140a0280}.queue-pip{flex:1;text-align:center;padding:4px 0;border-radius:8px;font-size:12px;border:1.5px solid var(--line-dark)}.queue-pip.used{background:linear-gradient(180deg,#ffd75e,#f0a71b);color:#4a2c04}.queue-pip.open{background:var(--panel2);color:var(--muted)}.queue-pip.locked{background:#e6d6b4;color:#b09b76;border-color:var(--line);opacity:.85}.rank-row{padding:7px 10px}.rank-row.top{border-color:var(--gold);background:linear-gradient(90deg,rgba(240,180,41,.2),rgba(240,180,41,.04) 55%,transparent),var(--panel);box-shadow:0 2px 6px #c88c1938,inset 0 1px #ffffffa6}.rank-row.top .rank-medal{width:26px;height:26px}.rank-row.me{border-color:var(--info)}.rank-medal{width:21px;height:21px;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(40,20,4,.3))}.rank-n{color:var(--muted);min-width:22px;display:inline-block}.event-banner{position:relative;display:flex;align-items:center;gap:10px;padding:10px;min-height:92px;margin-bottom:8px;border-radius:13px;border:2px solid var(--line-dark);background:linear-gradient(180deg,#6b4426,#4a2c12);color:#ffe9b8;box-shadow:0 3px 10px #28140459,inset 0 1px #ffffff26;overflow:hidden}.event-banner.live{border-color:var(--gold);box-shadow:0 0 0 1px #f0b42980,0 3px 12px #f0b42959}.event-banner .eb-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:65% 30%}.event-banner:not(.live) .eb-bg{filter:saturate(.55) brightness(.82)}.event-banner .eb-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(30,14,2,.88) 0%,rgba(30,14,2,.62) 42%,rgba(30,14,2,.08) 78%,transparent 100%)}.event-banner .eb-body{position:relative;z-index:1;flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;max-width:62%}.event-banner .eb-go{position:relative;z-index:1}.event-banner .eb-state{font-size:11px;font-weight:900;letter-spacing:1px;color:#d8b98a}.event-banner .eb-state.on{color:#7cfc9b}.event-banner .eb-name{font-size:14.5px;font-weight:900;text-shadow:0 1px 2px rgba(20,8,0,.6)}.event-banner .eb-desc{font-size:11.5px;font-weight:600;color:#e8d3a8}.event-banner .eb-timer{font-size:12px;font-weight:800;color:var(--gold);text-shadow:0 1px 2px rgba(20,8,0,.7)}.splash-banner{position:relative;display:flex;align-items:flex-end;min-height:104px;margin-bottom:8px;border-radius:13px;border:2px solid var(--line-dark);overflow:hidden;color:#ffe9b8;background:linear-gradient(180deg,#6b4426,#4a2c12);box-shadow:0 3px 10px #28140459,inset 0 1px #ffffff26}.splash-banner .sb-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%}.splash-banner .sb-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#1e0e0205 34%,#1e0e0280 70%,#1e0e02e6)}.splash-banner .sb-body{position:relative;z-index:1;width:100%;display:flex;align-items:center;gap:8px;padding:7px 10px}.splash-banner .sb-title,.bp-hero .sb-title{font-size:15px;font-weight:900;line-height:1.15;text-shadow:0 1px 3px rgba(20,8,0,.85)}.splash-banner .sb-sub,.bp-hero .sb-sub{font-size:11px;font-weight:700;color:#e8d3a8;text-shadow:0 1px 2px rgba(20,8,0,.75);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.splash-banner .sb-level,.bp-hero .sb-level{flex:none;min-width:38px;height:38px;padding:0 5px;border-radius:999px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 30%,#ffd76a,#f0b429 62%,#b97b0e);border:2px solid #7a4d08;box-shadow:0 2px 6px #14080080,inset 0 1px #ffffff8c;color:#3c2405;font-weight:900;line-height:1}.splash-banner .sb-level small,.bp-hero .sb-level small{font-size:9px;font-weight:900;letter-spacing:.4px}.splash-banner .sb-level b,.bp-hero .sb-level b{font-size:14px}.sb-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:5px}.sb-chips .pill{background:#1e1004a8;border-color:#ffe9b859;color:#ffe9b8}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:36px;background:transparent;margin:0}input[type=range]::-webkit-slider-runnable-track{height:10px;border-radius:6px;background:#e2cd9c;border:2px solid var(--line-dark);box-shadow:inset 0 1px 2px #5a370f4d}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;margin-top:-9px;border-radius:50%;background:linear-gradient(180deg,#ffd75e,#f0a71b);border:2px solid #8f5d06;box-shadow:0 2px 4px #14080066,inset 0 2px #ffffff73}input[type=range]::-moz-range-track{height:10px;border-radius:6px;background:#e2cd9c;border:2px solid var(--line-dark);box-shadow:inset 0 1px 2px #5a370f4d}input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:linear-gradient(180deg,#ffd75e,#f0a71b);border:2px solid #8f5d06;box-shadow:0 2px 4px #14080066,inset 0 2px #ffffff73}.stepper2{display:flex;align-items:stretch;gap:0;border:2px solid var(--line-dark);border-radius:11px;background:#fdf4de;overflow:hidden}.stepper2 button{width:34px;min-width:34px;font-size:17px;font-weight:900;color:#5b3a16;background:linear-gradient(180deg,#fdf2d4,#ecd5a4);flex:none}.stepper2 button:active{background:#e6d1a0}.stepper2 button:disabled{opacity:.4}.stepper2 input{width:58px;min-width:0;text-align:center;background:transparent;border:none;border-left:2px solid var(--line);border-right:2px solid var(--line);border-radius:0;color:var(--text);outline:none;font-weight:800}.stepper2 .max-btn{width:auto;padding:0 10px;font-size:12px;font-weight:800}.picker-option{display:flex;align-items:center;gap:8px;width:100%;padding:9px 10px;margin-bottom:7px;background:var(--panel);border:2px solid var(--line);border-radius:12px;font-weight:700;text-align:left;box-shadow:0 2px #a4763e59,inset 0 1px #fffc;transition:transform .08s}.picker-option:active{transform:translateY(1px)}.picker-option.sel{border-color:var(--gold);box-shadow:0 0 0 2px #f0b42966,0 2px #a4763e59}.picker-option .sub{display:block;color:var(--muted);font-size:11.5px;font-weight:600;margin:0}.picker-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:7px;background:var(--panel2);border:2px solid var(--line-dark);border-radius:10px;padding:6px 10px;font-weight:700;color:var(--text);text-align:left}.picker-btn .chev{color:var(--muted);font-size:12px;flex:none}.confirm-body{font-size:12.5px;font-weight:600;line-height:1.45}.info-tip{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;min-width:34px;vertical-align:middle}.info-tip .i-circle{width:19px;height:19px;border-radius:50%;background:var(--panel2);border:2px solid var(--line-dark);color:#7c5a2e;font-size:11.5px;font-weight:900;display:flex;align-items:center;justify-content:center}.tip-pop-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-pop);background:#1e10044d;animation:fade-in .12s ease-out}.tip-pop{position:fixed;z-index:calc(var(--z-pop) + 1);max-width:min(300px,82vw);background:#140a02f0;border:1.5px solid rgba(240,180,41,.6);border-radius:11px;padding:8px 11px;color:#ffe9b8;font-size:12px;font-weight:600;line-height:1.4;box-shadow:0 6px 18px #14080080;animation:menu-pop .12s ease-out}.res-pop{position:absolute;z-index:var(--z-menu);right:calc(10px + var(--safe-r));top:calc(42px + var(--safe-t));width:min(270px,72vw);background:#140a02f0;border:1.5px solid rgba(240,180,41,.6);border-radius:12px;padding:9px 11px;color:#ffe9b8;box-shadow:0 8px 22px #1408008c;animation:menu-pop .12s ease-out}.res-pop .rp-row{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;font-weight:700;padding:3px 0}.res-pop .rp-row .lbl{color:#d8b98a;font-weight:600}.res-pop .btn{margin-top:8px}.prompt-input{width:100%;background:#fdf4de;border:2px solid var(--line-dark);border-radius:11px;padding:8px 11px;color:var(--text);outline:none;font-weight:600}.prompt-input:focus{border-color:var(--gold)}.trooprow2{padding:7px 0;border-bottom:2px solid #ecd9ab}.trooprow2:last-child{border-bottom:none}.tr2-head{display:flex;align-items:center;gap:8px}.tr2-head .tico{width:34px;height:34px;flex:none}.tr2-head .tico img{width:26px;height:26px}.tr2-name{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.2}.tr2-name b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.tr2-slide{display:flex;align-items:center;gap:8px;margin-top:2px}.tr2-slide input[type=range]{flex:1;min-width:0}.tr2-slide .btn.small{flex:none;padding:6px 10px}.overview-btn{position:absolute;right:calc(10px + var(--safe-r));top:calc(78px + var(--safe-t));z-index:15;display:flex;align-items:center;justify-content:center;padding:0;background:none;border:none;box-shadow:none;transition:transform .08s}.overview-btn img{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(20,8,0,.55))}.overview-btn:active{transform:scale(.92)}.ov-item{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:7px 9px;margin-bottom:7px;background:linear-gradient(180deg,#fdf4de,#f5e6c2);border:2px solid var(--line);border-radius:12px;box-shadow:0 2px #a4763e4d,inset 0 1px #ffffffb3}.ov-main{display:flex;align-items:center;gap:9px;background:none;border:none;padding:0;color:var(--text);cursor:pointer;text-align:left;flex:1;min-width:0;border-radius:10px;transition:transform .08s}.ov-main:active{transform:scale(.98)}.ov-ico{position:relative;flex:none;width:38px;height:38px;border-radius:9px;border:1.5px solid var(--line-dark);background:radial-gradient(circle at 50% 32%,#5a4530,#33261a 78%);box-shadow:inset 0 2px 6px #00000059;display:flex;align-items:center;justify-content:center}.ov-ico img{width:88%;height:88%;object-fit:contain;filter:drop-shadow(0 2px 2px rgba(20,8,0,.4))}.ov-ico .ov-lv{position:absolute;right:-4px;bottom:-4px;min-width:16px;height:16px;padding:0 3px;border-radius:999px;background:linear-gradient(180deg,#ffd75e,#f0a71b);border:1.5px solid #8f5d06;color:#4a2c04;font-size:10px;font-weight:900;display:flex;align-items:center;justify-content:center}.ov-info{min-width:0;display:flex;flex-direction:column}.ov-name{font-size:12px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ov-info .notice{white-space:nowrap}.ov-info .notice>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ov-stat{color:var(--muted);font-size:11px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ov-max{flex:none;padding:2px 9px;border-radius:999px;background:linear-gradient(180deg,#ffd75e,#f0a71b);border:1.5px solid #8f5d06;color:#4a2c04;font-size:10.5px;font-weight:900}.ov-costs{display:grid;grid-template-columns:auto auto;gap:1px 7px;font-size:11px;font-weight:700;text-align:right;line-height:1.35}.search-input{background:var(--panel2);border:2px solid var(--line);border-radius:10px;padding:6px 10px;color:var(--text);outline:none;font-size:12px;font-weight:600;box-shadow:inset 0 1px 3px #5a370f26}.search-input:focus{border-color:var(--gold)}.search-input::placeholder{color:var(--muted)}.summon-ctas{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.btn.summon-btn{display:flex;flex-direction:column;gap:2px;padding:9px 7px;border-radius:12px;font-size:13px}.summon-btn .summon-sub{font-size:10.5px;font-weight:800;opacity:.85}.cat-disc{flex:none;width:26px;height:26px;border-radius:50%;border:1.5px solid var(--line-dark);background:radial-gradient(circle at 50% 32%,#5a4530,#33261a 78%);display:inline-flex;align-items:center;justify-content:center}.cat-disc.lg{width:46px;height:46px;border-width:2px;box-shadow:inset 0 2px 6px #00000059}.dskill-ico{flex:none;width:40px;height:40px;border-radius:10px;border:1.5px solid var(--line-dark);background:radial-gradient(circle at 50% 32%,#5a4530,#33261a 78%);box-shadow:inset 0 2px 5px #00000059;overflow:hidden;display:inline-flex;align-items:center;justify-content:center}.dskill-ico img{width:100%;height:100%;object-fit:cover}.dskill-ico.off img{filter:grayscale(.85);opacity:.6}.bond-hero{flex:none;width:38px;height:38px;border-radius:9px;border:2px solid var(--line-dark);background:radial-gradient(circle at 50% 32%,#5a4530,#33261a 78%);overflow:hidden;display:inline-flex;align-items:flex-start;justify-content:center}.bond-hero img{width:135%;height:135%;object-fit:cover;object-position:top center}.bond-hero.locked{border-color:var(--line-dark)!important}.bond-hero.locked img{filter:grayscale(1);opacity:.45}.gear-tile{flex:none;width:36px;height:36px;border-radius:9px;border:2px solid var(--line-dark);box-shadow:inset 0 2px 5px #0000004d;display:inline-flex;align-items:center;justify-content:center}.gear-tile img{width:62%;height:62%;object-fit:contain;filter:drop-shadow(0 2px 2px rgba(20,8,0,.4))}.gear-tile.off{filter:grayscale(.7);opacity:.6}.bar.vsbar{background:linear-gradient(180deg,#f2705c,#d64541)}.bar.vsbar>div{background:linear-gradient(180deg,#63a4ff,#2f6fd0);border-right:2.5px solid rgba(255,255,255,.65);clip-path:polygon(0 0,100% 0,calc(100% - 5px) 100%,0 100%)}.toggle{flex:none;position:relative;width:44px;height:24px;min-width:0;min-height:0;border-radius:999px;border:2px solid var(--line-dark);background:linear-gradient(180deg,#d9c290,#c7ab72);box-shadow:inset 0 2px 4px #5a370f59;padding:0;cursor:pointer;transition:background .15s}.toggle:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px}.toggle .knob{position:absolute;top:1px;left:1px;width:18px;height:18px;border-radius:50%;background:linear-gradient(180deg,#fdf4de,#ecd9ae);border:1.5px solid var(--line-dark);box-shadow:0 2px 3px #28140459,inset 0 1px #fffc;transition:left .15s}.toggle.on{background:linear-gradient(180deg,#7cc96b,#2e9e4f);border-color:#237a3c}.toggle.on .knob{left:21px}.seg.sticky-tabs{position:sticky;top:0;z-index:2;box-shadow:0 3px 8px #2814042e,inset 0 1px 3px #5a370f40}.sticky-send{position:sticky;bottom:0;z-index:2;background:linear-gradient(180deg,#fbf0d5,#f0dcae);border:2px solid var(--line-dark);border-radius:12px;padding:7px 10px;margin-top:8px;box-shadow:0 -4px 14px #28140438,inset 0 1px #ffffffb3}.queue-job{padding:8px 0;border-top:1px solid var(--line)}.queue-job:first-of-type{border-top:none}.bar.thin{height:8px;border-width:1.5px}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.rcard{position:relative;padding:0;min-width:0;min-height:0;border:none;background:none;filter:drop-shadow(0 3px 5px rgba(40,20,4,.35));transition:transform .08s ease-out}.rcard:active{transform:scale(.96)}.rcard:disabled{filter:drop-shadow(0 3px 5px rgba(40,20,4,.35)) grayscale(.35);opacity:.8}.rcard.sel{transform:translateY(-2px)}.rcard.sel .rcard-well{box-shadow:0 0 0 3px #f0b429d9,0 0 14px 3px #f0b42980}.rcard-well{position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:9px;overflow:hidden;background:radial-gradient(circle at 50% 28%,#4a3826,#2c2114 78%)}.rcard-well.lite{background:radial-gradient(circle at 50% 30%,#fdf4de,#ecd8ab 82%)}.rcard-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.rcard-art.cover{object-fit:cover}.rcard-art.contain{object-fit:contain;padding:9%}.rcard-scrim{position:absolute;left:0;right:0;bottom:0;height:44%;background:linear-gradient(180deg,transparent,rgba(20,10,2,.85));pointer-events:none}.rcard-label{position:absolute;left:5%;right:5%;bottom:6%;z-index:1;color:#ffe9b8;font-size:11px;font-weight:900;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(20,10,2,.95),0 0 5px rgba(20,10,2,.7);pointer-events:none}.rcard-frame{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;border:var(--frame-w, 12px) solid transparent;border-image-slice:150;border-image-width:var(--frame-w, 12px);border-image-repeat:stretch}.bp-hero{display:block;width:100%;margin-bottom:10px;cursor:default}.bp-hero:active{transform:none}.bp-hero .bp-hero-body{position:absolute;left:0;right:0;bottom:0;z-index:1;display:flex;align-items:center;gap:10px;padding:9px 12px;text-align:left;color:#ffe9b8}.bp-hero .bp-hero-text{flex:1;min-width:0;display:flex;flex-direction:column}.card.up-card{border:2px solid var(--line-dark);border-radius:13px;background:linear-gradient(180deg,#fdf6e2,#f6e9cd);box-shadow:0 2px #a4763e59,inset 0 1px #ffffffbf}.up-actions{display:flex;gap:8px;margin-top:8px}.up-actions .btn{flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:0;padding:8px 10px;font-size:12.5px;border-radius:11px;white-space:nowrap}.bp-troop-card{flex:none;width:46px;--frame-w: 8px}.up-stats{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:6px 0 8px}.up-stat{background:var(--panel2);border:1.5px solid var(--line);border-radius:10px;padding:6px 9px;box-shadow:inset 0 1px 3px #5a370f33;display:flex;flex-direction:column;gap:2px;min-width:0}.up-stat:only-child{grid-column:1 / -1}.up-stat-label{display:flex;align-items:center;gap:4px;font-size:11.5px;font-weight:800;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.up-stat-val{font-size:13.5px;font-weight:800;color:var(--text);font-variant-numeric:tabular-nums}.up-stat-val .up-gain{color:var(--good)}.up-cond{background:var(--panel2);border:1.5px solid var(--line);border-radius:10px;padding:5px 9px 7px;box-shadow:inset 0 1px 3px #5a370f33}.up-cond-head{text-align:center;font-size:11.5px;font-weight:800;color:var(--muted);letter-spacing:.02em;margin-bottom:3px}.up-cond-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 0;font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}.up-cond-row>span{display:flex;align-items:center;gap:5px;min-width:0}.btn.small.ov-up{position:relative;flex:none;width:42px;height:38px;padding:0;display:inline-flex;align-items:center;justify-content:center}.btn.small.ov-up img{width:24px;height:24px;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(20,10,2,.3))}.btn.small.ov-up:disabled img{filter:grayscale(.75) brightness(.85);opacity:.75}.rcard .rcard-count{position:absolute;right:6%;bottom:6%;z-index:1;background:#1e1004b8;border:1px solid rgba(255,233,184,.3);border-radius:999px;padding:0 6px;color:#ffe9b8;font-size:11px;font-weight:800;pointer-events:none}.icon-node{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;width:calc(var(--disc, 50px) + 24px);min-width:0;padding:2px 0 0;transition:transform .08s ease-out}.icon-node:active{transform:scale(.94)}.icon-node .disc{position:relative;width:var(--disc, 50px);height:var(--disc, 50px);border-radius:50%;border:3px solid var(--line-dark);background:radial-gradient(circle at 50% 30%,#fff7e2,#ecd8ab 82%);box-shadow:0 2px 4px #3c1e0559,inset 0 1px #ffffffbf}.icon-node .disc>img:first-child{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;padding:11%;border-radius:50%;pointer-events:none;filter:drop-shadow(0 1px 1px rgba(60,30,5,.3))}.icon-node.active .disc{border-color:var(--ring, var(--gold));box-shadow:0 2px 5px #3c1e0566,0 0 8px 1px color-mix(in srgb,var(--ring, #f0b429) 45%,transparent),inset 0 1px #ffffffbf}.icon-node.maxed .disc{border-color:var(--gold);box-shadow:0 0 11px 2px #f0b42999,inset 0 1px #ffffffbf}.icon-node.sel .disc{outline:3px solid rgba(240,180,41,.85);outline-offset:2px}.icon-node.locked .disc>img:first-child{filter:grayscale(.9) brightness(.78)}.icon-node.locked .disc{border-color:#a8926d}.icon-node .node-lock{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:19px;height:19px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(20,10,2,.6));pointer-events:none}.icon-node .pts{position:absolute;left:50%;bottom:-9px;transform:translate(-50%);z-index:1;background:#1e1004d1;border:1px solid rgba(255,233,184,.35);border-radius:999px;padding:0 6px;color:#ffe9b8;font-size:11px;font-weight:800;white-space:nowrap;pointer-events:none}.icon-node .pts.full{background:linear-gradient(180deg,#ffd75e,#f0a71b);border-color:#a86f06;color:#4a2c12}.icon-node .node-name{font-size:10.5px;font-weight:800;line-height:1.15;text-align:center;color:var(--text);max-width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:2px}.icon-node.locked .node-name{color:var(--muted)}.tree-grid{display:flex;flex-direction:column;align-items:stretch;padding:8px 0 4px}.tree-grid .tree-row{display:flex;justify-content:space-evenly;align-items:flex-start;gap:8px}.tree-grid .tree-row.locked .icon-node{opacity:.66}.tree-grid .tree-conn{position:relative;height:34px;display:flex;align-items:center;justify-content:center;margin:4px 0}.tree-grid .tree-conn .line{position:absolute;left:50%;top:-8px;bottom:-8px;width:3px;transform:translate(-50%);border-radius:2px;background:var(--tree, var(--line-dark));opacity:.55}.tree-grid .tree-conn.locked .line{background:repeating-linear-gradient(180deg,var(--line-dark) 0 5px,transparent 5px 10px);opacity:.5}.tree-grid .tree-conn .gate{position:relative;z-index:1;display:inline-flex;align-items:center;gap:5px;background:linear-gradient(180deg,#fdf4de,#f0dcae);border:2px solid var(--line-dark);border-radius:999px;padding:1px 9px;font-size:11px;font-weight:800;color:#5b3a16;box-shadow:0 2px #a4763e66}.tree-grid .tree-conn.locked .gate{background:linear-gradient(180deg,#efe2c2,#e2cd9c);color:#8a6b40}.quest-card{display:flex;gap:8px;align-items:flex-start}.quest-card .quest-art{position:relative;width:46px;height:46px;flex:none;display:grid;place-items:center;border-radius:10px;border:2px solid var(--line-dark);background:radial-gradient(circle at 50% 32%,#fff6dd,#ecd6a6 82%);box-shadow:inset 0 1px #ffffffb3,0 2px 3px #5a370f38;overflow:hidden}.quest-card .quest-art img{width:86%;height:86%;object-fit:contain;filter:drop-shadow(0 2px 2px rgba(60,30,5,.25))}.quest-card .quest-art.gold-well{background:radial-gradient(circle at 50% 32%,#ffe9a8,#f0b429 88%);border-color:#a4763e}.quest-card .quest-body{flex:1;min-width:0}.quest-card.ready{border-color:#d99a1b;box-shadow:0 0 0 1px #f0b4298c,0 2px 9px #f0b4294d}.quest-card.ready .quest-art{border-color:#d99a1b}.quest-card.claimed{opacity:.66}.quest-card.claimed .quest-art img:first-child{filter:saturate(.35) brightness(.94)}.quest-card .quest-check{position:absolute;right:2px;bottom:2px;width:19px!important;height:19px!important;filter:drop-shadow(0 1px 2px rgba(40,20,4,.5))!important}.mail-card,.report-card{transition:transform .08s ease-out}.mail-card:active,.report-card:active{transform:scale(.97)}.mail-card{cursor:pointer}.mail-card:not(.unread){opacity:.74}.mail-card:not(.unread) .quest-art img{filter:saturate(.45) brightness(.95)}.mail-card.unread{border-color:#d99a1b;box-shadow:0 0 0 1px #f0b42973,0 2px 8px #f0b42938}.mail-card .mail-dot{position:absolute;top:3px;right:3px;width:11px;height:11px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ff9d66,#e0452b 75%);border:2px solid #fff6dd;box-shadow:0 1px 2px #5a1e0580}.report-card{cursor:pointer}.report-card.win .quest-art{border-color:#4f9e46;background:radial-gradient(circle at 50% 32%,#eaf7dd,#c9e6ad 82%)}.report-card.loss .quest-art{border-color:#b8433a;background:radial-gradient(circle at 50% 32%,#fbe3da,#efc0b2 82%)}.report-card .report-mark{position:absolute;right:2px;bottom:2px;width:18px;height:18px;display:grid;place-items:center;border-radius:6px;font-size:11px;font-weight:900;color:#fff;border:1.5px solid rgba(255,255,255,.75);box-shadow:0 1px 2px #28140466}.report-card .report-mark.win{background:linear-gradient(180deg,#66b34e,#3f7f33)}.march-card .quest-art{background:radial-gradient(circle at 50% 32%,#eef3fb,#cfdcec 82%)}.march-card.hostile{border-color:#b8433a;box-shadow:0 0 0 1px #d6454166,0 2px 8px #d6454133}.march-card.hostile .quest-art{border-color:#b8433a;background:radial-gradient(circle at 50% 32%,#fbe3da,#efc0b2 82%)}.troop-chips{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0 2px}.troop-chips .tchip{display:inline-flex;align-items:center;gap:4px;padding:1px 7px 1px 3px;border-radius:999px;border:1.5px solid var(--line-dark);background:linear-gradient(180deg,#fdf4de,#f0dcae);font-size:11px;font-weight:800}.troop-chips .tchip img{width:17px;height:17px;object-fit:contain}.trade-card .quest-art{background:radial-gradient(circle at 50% 32%,#fff6dd,#ecd6a6 82%)}.trade-card .trade-line{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:800}.trade-card .trade-line img{width:17px;height:17px;object-fit:contain}.trade-card .trade-arrow{color:var(--muted);font-weight:900}.report-card .report-mark.loss{background:linear-gradient(180deg,#d9614f,#a03327)}.quest-stars{margin-left:5px;font-size:11px;letter-spacing:1px;color:var(--line-dark);vertical-align:1px}.quest-stars .on{color:#f0b429;text-shadow:0 1px 0 rgba(120,70,10,.45)}.chest-btn{flex:1;display:inline-flex;flex-direction:column;align-items:center;gap:2px;padding:5px 4px 4px;border-radius:10px;border:2px solid var(--line-dark);background:linear-gradient(180deg,#fdf4de,#f0dcae);box-shadow:0 2px #a4763e66,inset 0 1px #ffffffb3;font-weight:800;font-size:11px;color:#5b3a16;cursor:pointer}.chest-btn img{width:28px;height:28px;object-fit:contain;filter:drop-shadow(0 2px 2px rgba(60,30,5,.3))}.chest-btn:disabled{cursor:default}.chest-btn:not(.ready):not(.opened){opacity:.75}.chest-btn:not(.ready):not(.opened) img{filter:saturate(.4) brightness(.92)}.chest-btn.ready{border-color:#d99a1b;background:linear-gradient(180deg,#ffe9a8,#f6c64a);box-shadow:0 0 9px #f0b4298c,0 2px #a4763e80,inset 0 1px #fffc;animation:chest-pulse 1.6s ease-in-out infinite}@keyframes chest-pulse{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.chest-btn.opened{opacity:.6}.stage-title{background:linear-gradient(180deg,#96653a,#6b4426 55%,#5d3a1f);border:2px solid #402610;box-shadow:0 3px 8px #28140473,inset 0 0 0 2px #f0b42973,inset 0 2px #ffffff38}.stage-title:before,.stage-title:after{content:"";position:absolute;top:50%;width:7px;height:7px;transform:translateY(-50%) rotate(45deg);background:linear-gradient(135deg,#ffd75e,#c07f08);border:1px solid #55351a;border-radius:1.5px;pointer-events:none}.stage-title:before{left:7px}.stage-title:after{right:7px}.seg button.active{box-shadow:0 2px 3px #5a370f40,inset 0 0 0 2px #f0b42966,inset 0 1px #fffc}.kingdom-overview{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-window);background:#0b100c;color:#f2e8cf;overflow:hidden}.ko-canvas-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.ko-canvas-wrap canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;cursor:crosshair;touch-action:none}.ko-top{position:absolute;top:calc(8px + var(--safe-t));left:calc(10px + var(--safe-l));right:calc(10px + var(--safe-r));display:flex;align-items:center;justify-content:space-between;gap:10px;pointer-events:none}.ko-top>*{pointer-events:auto}.ko-title{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;background:var(--glass-bg);border:1px solid var(--glass-line);color:var(--glass-text);font-size:13px;text-shadow:0 1px 2px rgba(20,8,0,.8)}.ko-sub{font-size:11px;font-weight:700;opacity:.7}.ko-zoomctl{position:absolute;right:calc(10px + var(--safe-r));top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px}.ko-fab{position:relative;width:36px;height:36px;border-radius:50%;border:1.5px solid rgba(255,234,190,.4);background:#1e1004d1;color:#ffe9b8;font-size:19px;font-weight:800;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 8px #14080073;transition:transform .08s}.ko-fab:before{content:"";position:absolute;left:50%;top:50%;width:var(--tap);height:var(--tap);transform:translate(-50%,-50%)}.ko-fab:active{transform:scale(.92)}.ko-fab img{width:20px;height:20px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(30,14,2,.6))}.ko-side{position:absolute;left:calc(10px + var(--safe-l));top:calc(52px + var(--safe-t));bottom:calc(24px + var(--safe-b));width:max-content;max-width:180px;display:flex;flex-direction:column;gap:10px;overflow-y:auto;overscroll-behavior:contain;pointer-events:none}.ko-side>*{pointer-events:auto}.ko-filters{display:flex;flex-direction:column;align-items:stretch;gap:5px}.ko-filter{justify-content:flex-start}.ko-filter{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:999px;background:var(--glass-bg);border:1px solid var(--glass-line);color:#ffe9b88c;font-size:11px;font-weight:800;text-shadow:0 1px 2px rgba(20,8,0,.8);transition:color .12s,border-color .12s}.ko-filter img{opacity:.55;transition:opacity .12s}.ko-filter.on{color:var(--glass-text);border-color:#f0b4298c}.ko-filter.on img{opacity:1}.ko-filter:active{transform:scale(.95)}.ko-legend{display:flex;flex-direction:column;align-items:stretch;gap:5px}.ko-chip{justify-content:flex-start}.ko-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;background:var(--glass-bg);border:1px solid var(--glass-line);color:var(--glass-text);cursor:pointer;font-size:11px;font-weight:800;text-shadow:0 1px 2px rgba(20,8,0,.8)}.ko-chip:active{transform:scale(.95)}.ko-chip-sub{font-weight:700;opacity:.65;font-size:10.5px}.ko-swatch{width:10px;height:10px;border-radius:3px;border:1px solid rgba(0,0,0,.45);flex:none}.ko-hint{position:absolute;left:0;right:0;bottom:calc(6px + var(--safe-b));text-align:center;font-size:11px;color:#ffe9b88c;text-shadow:0 1px 2px rgba(20,8,0,.8);pointer-events:none}.pop-close,.tap-card .tc-close{background:none;border:none;box-shadow:none}.pop-close img,.tap-card .tc-close img{width:28px;height:28px;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(40,20,4,.5))}.tap-card .tc-close img{width:22px;height:22px}.co-close img,.co-send img{width:17px;height:17px;object-fit:contain}.settings-row{display:flex;align-items:center;gap:10px;padding:7px 0;border-top:1px solid var(--line);cursor:pointer}.settings-row:first-of-type{border-top:none}.settings-row input[type=range]{flex:1;-moz-appearance:none;appearance:none;-webkit-appearance:none;height:8px;border-radius:999px;background:linear-gradient(180deg,#e2cd9c,#d3b878);border:1.5px solid var(--line-dark);outline:none}.settings-row input[type=range]::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffd75e,#f0b429 60%,#c07f08);border:2px solid #7a4f16;box-shadow:0 2px 3px #5a370f66,inset 0 1px #fff9;cursor:pointer}.settings-row input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffd75e,#f0b429 60%,#c07f08);border:2px solid #7a4f16;box-shadow:0 2px 3px #5a370f66;cursor:pointer}.settings-row input[type=range]:disabled{opacity:.45}.settings-row input[type=checkbox]{width:22px;height:22px;flex:none;accent-color:var(--gold2);cursor:pointer}.settings-pw{display:flex;flex-direction:column;gap:8px}.settings-pw input{background:#fdf4de;border:2px solid var(--line-dark);border-radius:10px;padding:8px 10px;color:var(--text);outline:none;font-weight:600}.settings-pw input:focus{border-color:var(--gold)}.intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#120b04;overflow:hidden;cursor:pointer;user-select:none;-webkit-user-select:none}.intro-slide{position:absolute;top:0;right:0;bottom:0;left:0}.intro-slide.active{animation:intro-fade-in .9s ease-out both}.intro-img{position:absolute;top:-6%;right:-6%;bottom:-6%;left:-6%;width:112%;height:112%;object-fit:cover}.intro-img.kb{animation:intro-kb 7s ease-out forwards}.intro-img.kb.alt{animation-name:intro-kb-alt}@keyframes intro-kb{0%{transform:scale(1.1) translate(1.4%,1%)}to{transform:scale(1) translate(0)}}@keyframes intro-kb-alt{0%{transform:scale(1)}to{transform:scale(1.1) translate(-1.4%,-1%)}}.intro-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(10,6,2,.35),transparent 30%,transparent 60%,rgba(10,6,2,.74))}.intro-caption{position:absolute;left:50%;bottom:calc(38px + var(--safe-b));transform:translate(-50%);width:max-content;max-width:min(82vw,680px);text-align:center;color:#ffe9b8;font-size:clamp(16px,2.6vw,24px);font-weight:800;letter-spacing:.3px;text-shadow:0 2px 10px rgba(0,0,0,.85),0 0 30px rgba(0,0,0,.5);animation:intro-caption-in .9s ease-out both;animation-delay:.35s}@keyframes intro-caption-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.intro-skip{position:absolute;top:calc(10px + var(--safe-t));right:calc(12px + var(--safe-r));z-index:2;color:#ffe9b8;border-color:#ffe9b880;opacity:.9}.intro-dots{position:absolute;bottom:calc(14px + var(--safe-b));left:50%;transform:translate(-50%);display:flex;gap:7px}.intro-dots .dot{width:7px;height:7px;border-radius:50%;background:#ffe9b859}.intro-dots .dot.on{background:#f0b429;box-shadow:0 0 6px #f0b429cc}.intro-finale{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;background:radial-gradient(circle at 50% 42%,#3a250e,#120b04 72%);animation:intro-fade-in .8s ease-out both}.intro-logo{width:min(46vw,420px);filter:drop-shadow(0 10px 34px rgba(240,180,41,.35));animation:intro-logo-in 1.1s cubic-bezier(.2,1.4,.4,1) both}@keyframes intro-logo-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes intro-fade-in{0%{opacity:0}to{opacity:1}}.intro-begin{font-size:14px;padding:9px 22px}.side-split{display:flex;gap:8px;align-items:flex-start}.side-tabs{position:sticky;top:0;z-index:2;flex:none;width:76px;display:flex;flex-direction:column;gap:3px;background:#e6d1a0;border:2px solid var(--line-dark);border-radius:11px;padding:3px;box-shadow:inset 0 1px 3px #5a370f40}.side-tabs button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:var(--ctl);padding:5px 2px;border-radius:8px;font-size:11px;font-weight:800;line-height:1.15;text-align:center;color:#8a6b40}.side-tabs button img,.side-tabs button .gico{width:18px;height:18px;object-fit:contain}.side-tabs button.active{background:linear-gradient(180deg,#fdf4de,#f5e6c0);color:#4a2c12;box-shadow:0 2px 3px #5a370f40,inset 0 0 0 2px #f0b42966,inset 0 1px #fffc}.side-body{flex:1;min-width:0}.toast-ico{width:16px;height:16px;object-fit:contain;margin-right:6px;flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.notif-banners{position:absolute;top:calc(112px + var(--safe-t));left:50%;transform:translate(-50%);width:min(480px,88vw);z-index:var(--z-toast);display:flex;flex-direction:column;gap:6px}.notif-banner{display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:13px;background:linear-gradient(180deg,var(--panel),#f0dcae);border:2px solid var(--line-dark);border-left-width:5px;box-shadow:0 4px 10px #28140459,inset 0 1px #fffc;animation:toast-in .18s ease-out}.notif-banner.info{border-left-color:var(--info)}.notif-banner.good{border-left-color:var(--good)}.notif-banner.bad{border-left-color:var(--bad)}.nb-ico{flex:none;width:22px;height:22px;object-fit:contain}.nb-text{flex:1;min-width:0;font-size:12px;font-weight:700;color:var(--text);line-height:1.3}.nb-act{flex:none}.nb-close{flex:none;position:relative;width:26px;height:26px;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;opacity:.7}.nb-close img{width:13px;height:13px;object-fit:contain}.nb-close:after{content:"";position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px}button.status-pill{position:relative;min-width:0;min-height:0}button.status-pill:after{content:"";position:absolute;top:-11px;right:0;bottom:-11px;left:0}.status-pill.tappable:active{transform:scale(.96)}.sp-ico{width:13px;height:13px;object-fit:contain}.idle-btn img{width:24px;height:24px}.reveal-item .lbl{max-width:64px;font-size:10.5px;font-weight:800;color:#ffe9b8;text-align:center;text-shadow:0 1px 2px rgba(20,10,2,.7);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.idle-grid .reveal-item .lbl{color:#6b4a1e;text-shadow:none}.vic-backdrop{gap:8px;cursor:default}.vic-head{position:relative;display:flex;align-items:flex-end;gap:10px;margin-bottom:-6px}.vic-crown{width:54px;height:54px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.55)) drop-shadow(0 0 14px rgba(240,180,41,.55));animation:reveal-pop .3s ease-out}.vic-trumpet{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 3px 5px rgba(0,0,0,.5))}.vic-trumpet.l{transform:scaleX(-1) rotate(18deg)}.vic-trumpet.r{transform:rotate(18deg)}.vic-ribbon{letter-spacing:1.2px;padding:6px 34px;background:linear-gradient(180deg,#f2705c,#d64541 60%,#b23c31);border:2px solid #8c2b23;color:#fff;font-size:17px;font-weight:900;text-shadow:0 2px 0 rgba(90,20,10,.55);clip-path:polygon(0 0,100% 0,calc(100% - 12px) 50%,100% 100%,0 100%,12px 50%);box-shadow:0 5px 12px #14080080;animation:reveal-pop .25s ease-out}.vic-ribbon.loss{background:linear-gradient(180deg,#7b8794,#52606d 60%,#3e4c59);border-color:#323f4b}.vic-confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.vic-confetti span{position:absolute;top:-16px;width:7px;height:11px;border-radius:2px;opacity:.9;animation-name:vic-fall;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes vic-fall{0%{transform:translateY(-4vh) rotate(0)}to{transform:translateY(108vh) rotate(300deg)}}.vic-panel{width:min(560px,94vw);max-height:min(46vh,230px);display:flex;flex-direction:column;padding:8px 10px;border-radius:14px;background:linear-gradient(180deg,var(--panel),#f0dcae);border:2px solid var(--line-dark);box-shadow:0 6px 16px #14080073,inset 0 1px #fffc;cursor:default}.vic-seg{margin-bottom:6px}.vic-rows{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.vp-row{display:grid;grid-template-columns:44px 1fr 1fr 1fr;align-items:center;gap:8px;padding:4px 6px;border-radius:10px;background:var(--panel2);border:1.5px solid var(--line);box-shadow:inset 0 1px 2px #5a370f26}.vp-row.vp-head{background:none;border:none;box-shadow:none;padding:0 6px}.vp-row.vp-head .vp-cell{justify-content:center}.vp-unit{position:relative;display:flex;align-items:center;justify-content:center}.vp-unit .gico,.vp-unit img{width:30px;height:30px;object-fit:contain;vertical-align:0}.vp-lv{position:absolute;bottom:-3px;right:-2px;padding:0 4px;border-radius:6px;background:linear-gradient(180deg,#ffd75e,#f0a71b);border:1px solid #8f5d06;color:#4a2c04;font-size:9.5px;font-weight:900;line-height:12px}.vp-cell{display:flex;flex-direction:column;gap:2px;min-width:0}.vp-cell b{font-size:12px;text-align:center}.vp-bar{height:7px;border-radius:5px;background:#d9c493;border:1px solid rgba(122,84,40,.5);overflow:hidden}.vp-fill{display:block;height:100%;border-radius:4px;box-shadow:inset 0 1px #ffffff80}.vp-fill.sent{background:linear-gradient(180deg,#ffd75e,#f0a71b)}.vp-fill.lost{background:linear-gradient(180deg,#f2705c,#d64541)}.vp-fill.wounded{background:linear-gradient(180deg,#63a4ff,#2f6fd0)}.vic-quit{min-width:128px;margin-top:2px}.idle-split{display:flex;align-items:stretch;gap:12px}.idle-left{flex:none;width:148px;display:flex;flex-direction:column;align-items:center;gap:7px}.idle-chest{width:74px;height:74px;object-fit:contain;filter:drop-shadow(0 5px 8px rgba(90,55,15,.4));animation:reveal-pop .3s ease-out}.idle-progress{width:100%;display:flex;align-items:center;gap:6px}.idle-lv{flex:none;padding:1px 6px;border-radius:7px;background:linear-gradient(180deg,#7cc96b,#2e9e4f);border:1px solid #237a3c;color:#fff;font-size:10px;font-weight:900;text-shadow:0 1px 1px rgba(20,60,25,.5)}.idle-bar{position:relative;flex:1;height:14px;border-radius:8px;background:#d9c493;border:1.5px solid var(--line-dark);overflow:hidden}.idle-fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(180deg,#a5e18c,#58a14e);border-radius:7px;box-shadow:inset 0 1px #ffffff80;transition:width 1s linear}.idle-time{position:relative;display:block;text-align:center;font-size:10px;font-weight:900;line-height:11px;color:#3d2a10;text-shadow:0 1px 0 rgba(255,255,255,.45)}.idle-rates{display:flex;flex-wrap:wrap;justify-content:center;gap:4px}.idle-rate{display:inline-flex;align-items:center;gap:3px;padding:1px 7px;border-radius:999px;background:var(--panel2);border:1.5px solid var(--line);font-size:10.5px;font-weight:800;color:#6b4a1e}.idle-right{flex:1;min-width:0}.idle-grid{display:flex;flex-wrap:wrap;gap:8px;padding:4px 2px}@media (max-width: 560px){.idle-split{flex-direction:column;align-items:center}.idle-left{width:100%}}.member-pop{width:min(460px,92vw);max-height:88vh;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:9px;padding:26px 16px 14px;border-radius:16px;background:linear-gradient(180deg,var(--panel),#f0dcae);border:3px solid #8a5a33;box-shadow:0 14px 40px #1408008c,inset 0 0 0 2px #f0b42940,inset 0 1px #ffffffb3;cursor:default;animation:reveal-pop .25s ease-out;position:relative}.member-ribbon{position:absolute;top:-15px;left:50%;transform:translate(-50%);letter-spacing:.6px;white-space:nowrap;padding:5px 26px;background:linear-gradient(180deg,#f2705c,#d64541 60%,#b23c31);border:2px solid #8c2b23;border-radius:12px;color:#fff;font-size:14px;font-weight:900;text-shadow:0 2px 0 rgba(90,20,10,.55);box-shadow:0 4px 10px #14080066,inset 0 2px #ffffff4d}.member-body{margin-top:6px;font-size:12px;font-weight:700;line-height:1.45;color:#8c3b2e;text-align:center}.member-stage{display:flex;align-items:flex-end;justify-content:center;gap:26px;padding:4px 0 2px}.member-slot{display:flex;flex-direction:column;align-items:center;gap:2px}.member-art{width:84px;height:84px;object-fit:contain;margin-bottom:-8px;filter:drop-shadow(0 6px 6px rgba(60,30,8,.35));animation:reveal-pop .3s ease-out;position:relative;z-index:1}.member-pedestal{width:86px;height:22px;border-radius:50%;background:radial-gradient(ellipse at 50% 38%,#cfc4b4,#9a8d7b 70%,#7d7163);border:2px solid #6b5f4f;box-shadow:0 3px 5px #3c280f59,inset 0 2px 3px #ffffff73}.member-name{font-size:11px;font-weight:900;color:#6b4a1e}.member-items{max-width:100%}.member-outcome{font-size:11.5px;font-weight:800;color:var(--good)}.member-cta{min-width:148px}.hall-head .hall-name{font-size:15px;font-weight:900;line-height:1.15}.hall-head .hall-desc{font-size:11.5px;margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hall-leave{position:relative;flex:none;align-self:flex-start;width:34px;height:34px;padding:0;border:none;background:none;display:flex;align-items:center;justify-content:center}.hall-leave img{width:27px;height:27px;object-fit:contain;filter:drop-shadow(0 1.5px 1px rgba(90,55,15,.35))}.hall-leave:active img{transform:translateY(1px)}.hall-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:9px}.hall-stats .bs-value{justify-content:center;padding:4px 6px;font-size:12px;white-space:nowrap}.hall-stats .bs-label{text-align:center}.citadel-card{padding:8px}.citadel-banner{display:block;width:100%;height:124px}.citadel-banner .rcard-art.contain{padding:2px 0}.cit-chip{position:absolute;z-index:3;display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:999px;background:#1e14089e;border:1px solid rgba(255,233,184,.35);color:#ffe9b8;font-size:10.5px;font-weight:800;white-space:nowrap}.cit-chip.tl{top:5px;left:6px}.cit-chip.tr{top:5px;right:6px}.cit-chip.br{right:6px;bottom:26px}.cit-hint{font-size:11px;margin-top:6px;text-align:center}.help-strip{display:flex;align-items:center;gap:7px;width:100%;margin-bottom:8px;padding:6px 10px;border-radius:10px;border:2px solid var(--gold);background:linear-gradient(180deg,#fdf4de,#f6e4b8);box-shadow:0 2px #a4763e59,inset 0 1px #ffffffbf;color:var(--text);font-size:11.5px;text-align:left}.help-strip .hs-names{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:11px}.help-strip .hs-cta{flex:none;padding:3px 10px;border-radius:999px;background:linear-gradient(180deg,#ffd75e,#f0a71b);border:1.5px solid #8f5d06;color:#4a2c04;font-size:11px;font-weight:900;box-shadow:inset 0 1px #ffffff73}.roster-banner{margin:6px 0;padding:3px 10px;font-size:11.5px}.roster-row{display:flex;align-items:center;gap:9px;width:100%;margin-bottom:6px;padding:6px 9px;text-align:left;background:linear-gradient(180deg,#fdf4de,#f0dcae);border:2px solid var(--line-dark);border-radius:12px;box-shadow:0 3px #a4763e66,inset 0 1px #fffc;color:var(--text)}.roster-row:active{transform:translateY(1px);box-shadow:0 1px #a4763e66,inset 0 1px #fffc}.roster-ava{position:relative;flex:none;width:42px;height:42px;border-radius:10px;border:2px solid var(--line-dark);overflow:hidden;background:radial-gradient(circle at 50% 30%,#6b5637,#3a2c17 82%);display:flex;align-items:center;justify-content:center}.roster-ava img{width:100%;height:155%;object-fit:cover;object-position:50% 0;margin-top:auto;align-self:flex-start}.roster-dot{position:absolute;right:2px;bottom:2px;width:9px;height:9px;border-radius:50%;background:#7d7163;border:1.5px solid rgba(255,244,222,.9)}.roster-ava.online .roster-dot{background:#4ade80}.roster-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.roster-name{display:flex;align-items:center;gap:5px;font-size:12.5px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.roster-sub{display:flex;align-items:center;gap:6px;font-size:11px}.roster-stats{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:2px}.roster-power{display:flex;align-items:center;gap:4px;font-size:12.5px}.roster-contrib{display:flex;align-items:center;gap:3px;font-size:11px;font-weight:700;color:var(--muted)}.section-banner.with-action{display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;margin-top:8px}.section-banner .sb-label{display:inline-flex;align-items:center;gap:5px;min-width:0}.section-banner .sb-note{flex:none;font-size:11px;font-weight:800;color:var(--muted)}.sb-toggle{flex:none;padding:3px 10px;border-radius:999px;border:1.5px solid var(--line-dark);background:linear-gradient(180deg,#f2e3c0,#e2cc9c);color:#7c5a2e;font-size:10.5px;font-weight:900;letter-spacing:.3px;box-shadow:inset 0 1px #ffffff8c,0 1.5px #78501e59}.sb-toggle.on{background:linear-gradient(180deg,#7cc96b,#2e9e4f);border-color:#237a3c;color:#fff;text-shadow:0 1px 2px rgba(10,60,25,.45)}.rally-art{flex:none;width:44px;height:44px;border-radius:10px;border:2px solid var(--line-dark);overflow:hidden;background:radial-gradient(circle at 50% 32%,#6b5637,#3a2c17 82%);display:flex;align-items:center;justify-content:center}.rally-art img{width:86%;height:86%;object-fit:contain;filter:drop-shadow(0 2px 2px rgba(20,10,2,.45))}.rally-label{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.struct-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px;margin-bottom:6px}.struct-tile .rcard-label{font-size:10.5px}.struct-lv{position:absolute;top:4px;left:4px;z-index:3;padding:1px 6px;border-radius:999px;background:linear-gradient(180deg,#ffd75e,#f0a71b);border:1.5px solid #8f5d06;color:#4a2c04;font-size:10.5px;font-weight:900;box-shadow:inset 0 1px #ffffff73}.struct-eff{position:absolute;top:4px;right:4px;z-index:3;display:inline-flex;align-items:center;gap:3px;padding:1px 6px;border-radius:999px;background:#1e14089e;border:1px solid rgba(255,233,184,.35);color:#ffe9b8;font-size:10.5px;font-weight:800;white-space:nowrap}.struct-tile.ghost{position:relative;aspect-ratio:1 / 1;border-radius:12px;border:2px dashed rgba(122,87,42,.55);background:#f0dcae73;box-shadow:inset 0 1px 3px #5a370f2e;overflow:hidden;display:flex;align-items:center;justify-content:center}.struct-tile.ghost img{width:74%;height:74%;object-fit:contain;opacity:.38;filter:grayscale(.9)}.struct-tile.ghost .ghost-plus{position:absolute;top:50%;left:50%;transform:translate(-50%,-58%);font-size:24px;font-weight:900;color:#7a572ad9;text-shadow:0 1px 0 rgba(255,255,255,.6)}.struct-tile.ghost .ghost-name{position:absolute;left:0;right:0;bottom:4px;text-align:center;font-size:10.5px;font-weight:800;color:#7a572ae6;padding:0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.struct-hint{font-size:11px;text-align:center;margin-bottom:8px}.struct-pop-art{height:96px;border-radius:12px;border:2px solid var(--line-dark);background:radial-gradient(circle at 50% 34%,#6b5637,#3a2c17 84%);display:flex;align-items:center;justify-content:center;margin-bottom:8px;box-shadow:inset 0 2px 6px #140a0266}.struct-pop-art img{height:88%;object-fit:contain;filter:drop-shadow(0 3px 3px rgba(20,10,2,.5))}.struct-upcost{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:6px 8px;border-radius:10px;border:1.5px solid var(--line);background:var(--panel2);box-shadow:inset 0 1px 3px #5a370f33}.build-wallet{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:6px 0 8px;padding:6px 9px;border-radius:10px;border:1.5px solid var(--line);background:var(--panel2);box-shadow:inset 0 1px 3px #5a370f33}.build-wallet .bw-label{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:900;color:#7c5a2e}.build-wallet .bw-chips{display:inline-flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:11px;font-weight:800}.build-wallet .bw-chip{display:inline-flex;align-items:center;gap:3px;white-space:nowrap}.build-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.build-card{display:flex;flex-direction:column;gap:4px;padding:7px 7px 8px;background:linear-gradient(180deg,#fdf4de,#f0dcae);border:2px solid var(--line-dark);border-radius:12px;box-shadow:0 3px #a4763e66,inset 0 1px #ffffffb3}.build-card.capped{opacity:.75}.build-card .bc-well{position:relative;width:100%;aspect-ratio:4 / 3;border-radius:10px;border:2px solid var(--line-dark);background:radial-gradient(circle at 50% 34%,#6b5637,#3a2c17 84%);box-shadow:inset 0 2px 5px #140a0266;display:flex;align-items:center;justify-content:center;overflow:hidden}.build-card .bc-well img{width:78%;height:88%;object-fit:contain;filter:drop-shadow(0 3px 3px rgba(20,10,2,.5))}.build-card .bc-count{position:absolute;top:4px;left:4px;padding:1px 6px;border-radius:999px;background:linear-gradient(180deg,#ffd75e,#f0a71b);border:1.5px solid #8f5d06;color:#4a2c04;font-size:10.5px;font-weight:900;box-shadow:inset 0 1px #ffffff73}.build-card .bc-ring{position:absolute;right:4px;bottom:4px;display:inline-flex;align-items:center;gap:3px;padding:1px 6px;border-radius:999px;background:#1e14089e;border:1px solid rgba(255,233,184,.35);color:#ffe9b8;font-size:10.5px;font-weight:800;white-space:nowrap}.build-card .bc-name{display:flex;align-items:center;justify-content:center;gap:3px;font-size:11.5px;font-weight:900;text-align:center;line-height:1.15}.build-card .bc-eff{display:flex;align-items:center;justify-content:center;gap:4px;font-size:10.5px;font-weight:800;color:#7c5a2e;white-space:nowrap}.build-card .bc-cost .cost{margin:0;justify-content:center;gap:5px;font-size:11px}.build-card .bc-build{width:100%;justify-content:center}