:root{--bg:#0f1a2b;--panel:#0e1626db;--panel-solid:#121c2e;--line:#ffffff1f;--text:#f2f5fa;--muted:#9aa8bd;--blue:#2f7dff;--gold:#ffc94a;--good:#3ccf7a;--bad:#ff5a4f;--font:"Avenir Next", "Segoe UI", Roboto, system-ui, -apple-system, sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);overscroll-behavior:none;margin:0;overflow:hidden}#app,#game{position:fixed;top:0;bottom:0;left:0;right:0}#game canvas{display:block}.labels{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.hidden{display:none!important}button{color:inherit;cursor:pointer;border:0;font-family:inherit}svg{width:100%;height:100%;display:block}.base-label{--c:#999;pointer-events:none;filter:drop-shadow(0 2px 3px #00000073);flex-direction:column;align-items:center;gap:3px;display:flex}.base-label .tag{background:var(--c);color:#fff;border:2px solid #ffffffeb;border-radius:999px;align-items:center;gap:3px;padding:2px 7px 2px 4px;font-size:11px;font-weight:800;line-height:1;display:flex}.base-label .ico{width:15px;height:15px}.base-label .stars{color:#fff3b0;letter-spacing:-1px;font-size:10px}.base-label.hq .tag{padding:3px 9px 3px 5px}.base-label.hq .ico{width:19px;height:19px}.base-label .hp{background:#0000008c;border:1px solid #ffffff80;border-radius:4px;width:46px;height:6px;overflow:hidden}.base-label .hp i{background:linear-gradient(90deg,#7dff9c,#3ccf7a);height:100%;transition:width .2s;display:block}.base-label.attacked .hp i{background:linear-gradient(90deg,#ffb35a,#ff5a4f)}.base-label.attacked .tag{animation:.3s infinite shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-1.5px)}75%{transform:translate(1.5px)}}#hud{pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}#hud>*{pointer-events:auto}.topbar{top:calc(8px + var(--safe-top));pointer-events:none;align-items:center;gap:6px;display:flex;position:absolute;left:8px;right:8px}.topbar>*{pointer-events:auto}.res{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:12px;align-items:center;gap:5px;padding:6px 10px 6px 7px;font-size:14px;display:flex}.res b{font-weight:800}.res small{color:var(--good);font-size:11px;font-weight:700}.res .ico{width:18px;height:18px;color:var(--gold)}.res.wide{color:var(--muted);padding-left:10px;font-size:12px}.res.wide b{color:var(--text)}.icon-btn{background:var(--panel);border:1px solid var(--line);border-radius:12px;width:40px;height:40px;margin-left:auto;font-size:13px;font-weight:900}#minimap{top:calc(58px + var(--safe-top));z-index:5;width:140px;position:absolute;right:8px}#minimap canvas{background:#0e1726;border:2px solid #ffffff40;border-radius:14px;width:140px;height:140px;display:block;box-shadow:0 6px 18px #00000059}.mm-btns{justify-content:flex-end;gap:4px;margin-top:4px;display:flex}.mm-btns button{background:var(--panel);border:1px solid var(--line);border-radius:8px;width:32px;height:28px;font-size:15px;font-weight:900}.mm-hint{display:none}#minimap.big{inset:calc(56px + var(--safe-top)) 10px calc(70px + var(--safe-bottom)) 10px;flex-direction:column;width:auto;display:flex;position:fixed}#minimap.big canvas{flex:1;width:100%;height:auto;min-height:0}#minimap.big .mm-hint{text-align:center;color:var(--muted);margin-top:4px;font-size:12px;display:block}#indicators{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.ind{--c:#fff;pointer-events:auto;width:0;height:0;position:absolute;top:0;left:0}.ind b{background:var(--c);color:#fff;white-space:nowrap;text-shadow:0 1px 2px #00000080;border:2px solid #ffffffe6;border-radius:999px;padding:3px 6px;font-size:10px;font-weight:900;position:absolute;top:0;left:0;transform:translate(-50%,-50%);box-shadow:0 2px 6px #0006}.ind .arrow{width:0;height:0;display:none;position:absolute;top:0;left:0}.ind.edge .arrow{display:block}.ind .arrow:before{content:"";border-left:13px solid var(--c);filter:drop-shadow(0 0 2px #0009);border-top:8px solid #0000;border-bottom:8px solid #0000;position:absolute;top:-8px;left:14px}.ind.ghost b{background:color-mix(in srgb, var(--c) 35%, #4a5160);opacity:.85;border-style:dashed}.ind.ghost .arrow:before{opacity:.6}.ind.focus b{background:#f0a91b;font-size:14px}.ind.alert b{justify-content:center;align-items:center;width:26px;height:26px;padding:0;font-size:15px;animation:.8s ease-in-out infinite alert-pulse;display:flex}@keyframes alert-pulse{50%{transform:translate(-50%,-50%)scale(1.25)}}.prod{flex-wrap:wrap;gap:6px;display:flex}.pr{border:1px solid var(--line);background:#ffffff0f;border-radius:10px;align-items:center;gap:5px;padding:5px 8px;font-size:12px;font-weight:700;display:flex}.pr i{width:18px;height:18px;display:inline-block}.pr small{color:var(--muted);font-weight:600}.pr.locked{opacity:.5}.pr small b{color:var(--good)}.pr.full small b{color:var(--gold)}.selbar .cargo{color:var(--gold);margin-left:8px}#slot-list{text-align:left;flex-direction:column;gap:8px;margin:10px 0 16px;display:flex}.slot{border:1px solid var(--line);background:#ffffff0d;border-radius:12px;align-items:center;gap:8px;padding:10px;display:flex}.slot .txt{flex-direction:column;flex:1;min-width:0;display:flex}.slot small{color:var(--muted);font-size:11px}.buy.alt{color:#fff;background:linear-gradient(#3d8bff,#1f5fd1)}.slot .del{color:#ff8a80;background:#ff5a4f26;border-radius:9px;width:auto;min-width:30px;height:30px;padding:0 8px;font-weight:900}#target-list{text-align:left;flex-direction:column;gap:6px;max-height:52vh;margin:4px 0 16px;display:flex;overflow-y:auto}.trow{border:1px solid var(--line);text-align:left;background:#ffffff0d;border-radius:12px;align-items:center;gap:10px;width:100%;padding:10px 12px;display:flex}.trow.on{background:#f0a91b24;border-color:#f0a91b}.trow .dot{background:var(--c);border:2px solid #ffffffd9;border-radius:50%;flex:none;width:14px;height:14px}.trow .tx{flex-direction:column;flex:1;min-width:0;display:flex}.trow small{color:var(--muted);font-size:11px}.trow .jump{background:#ffffff1a;border-radius:9px;flex:none;width:34px;height:30px}.tools{left:8px;top:calc(64px + var(--safe-top));z-index:4;flex-direction:column;align-items:flex-start;gap:6px;display:flex;position:absolute}.tool{background:var(--panel);border:1px solid var(--line);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;font-weight:900;line-height:1;display:flex}.tool small{color:var(--muted);margin-top:2px;font-size:9px;font-weight:800}.tool.on{background:linear-gradient(#3d8bff,#1f5fd1);border-color:#8bb8ff}.tool.on small{color:#fff}.filters{flex-direction:column;gap:4px;display:flex}.filters button{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:6px 10px;font-size:12px;font-weight:800}.filters button.on{background:#2f7dff59;border-color:#8bb8ff}.selbox{pointer-events:none;z-index:6;background:#2f7dff26;border:2px dashed #8bb8ff;border-radius:4px;position:fixed}.selbar .cmd{background:#ffffff1f;border-radius:999px;width:auto;height:30px;padding:0 10px;font-size:12px;font-weight:800}.settings{text-align:left;flex-direction:column;gap:12px;margin-top:18px;display:flex}.settings label{color:var(--muted);grid-template-columns:70px 1fr;align-items:center;gap:10px;font-size:13px;font-weight:700;display:grid}.settings input[type=range]{width:100%;accent-color:var(--blue)}.settings select{color:var(--text);border:1px solid var(--line);font:inherit;background:#ffffff14;border-radius:10px;padding:8px}label.btn{cursor:pointer;display:block}#toasts{top:calc(60px + var(--safe-top));pointer-events:none;flex-direction:column;align-items:center;gap:6px;width:min(80vw,420px);display:flex;position:absolute;left:50%;transform:translate(-50%)}.toast{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--blue);text-align:center;border-radius:10px;padding:8px 12px;font-size:13px;font-weight:700;transition:opacity .4s,transform .4s;animation:.25s ease-out toast-in}.toast.good{border-left-color:var(--good)}.toast.bad{border-left-color:var(--bad)}.toast.jump{pointer-events:auto;cursor:pointer;color:inherit;font:inherit;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.toast.jump .pin{flex:none;font-size:14px}.toast.jump:active{transform:scale(.97)}.toast.out{opacity:0;transform:translateY(-8px)}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px)scale(.96)}}.bottombar{left:8px;right:8px;bottom:calc(10px + var(--safe-bottom));pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute}.bottombar>*{pointer-events:auto}.actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.pill{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;padding:10px 16px;font-size:14px;font-weight:800}.pill:active{transform:scale(.96)}#btn-target{border-color:var(--tc,var(--line));box-shadow:inset 0 -3px 0 var(--tc,transparent)}#btn-auto{letter-spacing:.06em;min-width:82px}#btn-auto.on,#btn-autoup.on{background:linear-gradient(#3d8bff,#1f5fd1);border-color:#8bb8ff;box-shadow:0 0 0 3px #2f7dff40}.selbar{background:var(--panel);border:1px solid #ffffff59;border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;max-width:96vw;padding:6px 6px 6px 14px;font-size:13px;font-weight:800;display:flex}.selbar .chip{align-items:center;gap:3px;margin-left:6px;display:inline-flex}.selbar .chip i{width:16px;height:16px;display:inline-block}.selbar button{background:#ffffff1f;border-radius:50%;width:30px;height:30px;font-weight:900}.panel{left:50%;bottom:calc(110px + var(--safe-bottom));background:var(--panel-solid);border:1px solid var(--line);border-radius:18px;width:min(94vw,420px);max-height:58vh;padding:14px;animation:.2s ease-out panel-in;position:absolute;overflow-y:auto;transform:translate(-50%);box-shadow:0 18px 40px #00000073}@keyframes panel-in{0%{opacity:0;transform:translate(-50%,12px)}}.panel .head{align-items:center;gap:10px;display:flex}.panel .head .big-ico{background:var(--c);color:#fff;border-radius:12px;width:40px;height:40px;padding:7px}.panel .head h3{margin:0;font-size:17px}.panel .owner{color:var(--muted);font-size:12px;font-weight:700}.panel .owner b{color:var(--c)}.panel .close{background:#ffffff14;border-radius:50%;width:32px;height:32px;margin-left:auto;font-weight:900}.panel .hpbar{background:#ffffff14;border-radius:5px;height:8px;margin:10px 0 6px;overflow:hidden}.panel .hpbar i{background:linear-gradient(90deg,#7dff9c,#3ccf7a);height:100%;display:block}.panel .facts{color:var(--muted);grid-template-columns:1fr 1fr;gap:4px 10px;margin:6px 0 10px;font-size:12px;display:grid}.panel .facts b{color:var(--text)}.panel .desc{color:var(--muted);margin:6px 0 0;font-size:12px}.panel h4{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:10px 0 6px;font-size:11px}.up{border-top:1px solid var(--line);align-items:center;gap:10px;padding:8px 0;display:flex}.up .txt{flex:1;min-width:0}.up .name{font-size:14px;font-weight:800}.up .lv{color:var(--gold);margin-left:4px;font-size:11px}.up .sub2{color:var(--muted);font-size:11px}.up .req{color:var(--gold)}.buy{color:#2a1d00;white-space:nowrap;background:linear-gradient(#ffd25a,#f0a91b);border-radius:10px;align-items:center;gap:4px;padding:8px 10px;font-size:13px;font-weight:900;display:flex}.buy i{width:15px;height:15px;display:inline-block}.buy:disabled{filter:grayscale();opacity:.45}.buy.done{color:var(--muted);background:#ffffff14}.wide-btn{background:#2f7dff33;border:1px solid #2f7dff80;border-radius:12px;width:100%;margin-top:10px;padding:11px;font-weight:800}.overlay{background:radial-gradient(#080e1a59,#080e1ac7);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.card{border:1px solid var(--line);text-align:center;background:#0e1626eb;border-radius:22px;width:min(92vw,440px);max-height:92vh;padding:26px 22px;overflow-y:auto;box-shadow:0 24px 60px #00000080}.card.small{width:min(88vw,340px)}.card h2{margin:0 0 8px;font-size:26px}.logo{letter-spacing:.06em;background:linear-gradient(#fff,#a9c8ff);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:40px;font-weight:900;line-height:.95}.logo span{letter-spacing:.42em;background:linear-gradient(#ffd25a,#f0a91b);-webkit-background-clip:text;background-clip:text;font-size:22px;display:block}.sub{color:var(--muted);margin:10px 0 18px;font-size:14px}.menu-buttons{flex-direction:column;gap:10px;display:flex}.btn{border:1px solid var(--line);background:#ffffff1a;border-radius:14px;padding:14px;font-size:16px;font-weight:800}.btn.primary{background:linear-gradient(#3d8bff,#1f5fd1);border-color:#8bb8ff}.btn:active{transform:scale(.98)}.howto{text-align:left;color:var(--muted);margin:20px 0 0;padding-left:18px;font-size:13px;line-height:1.45}.howto b{color:var(--text)}@media (max-width:520px){.res.wide{display:none}#toasts{top:auto;bottom:calc(118px + var(--safe-bottom))}#minimap,#minimap canvas{width:112px}#minimap canvas{height:112px}.pill{padding:10px 11px;font-size:12.5px}#btn-auto{min-width:0}.actions{gap:6px}}#hero-bar{left:8px;bottom:calc(118px + var(--safe-bottom));pointer-events:none;flex-direction:column;gap:6px;display:flex;position:absolute}#hero-bar:empty{display:none}.hero-btn{pointer-events:auto;color:#2a1d00;background:linear-gradient(#ffd25a,#f0a91b);border-radius:12px;align-items:center;gap:6px;padding:7px 10px 7px 7px;font-size:12px;font-weight:800;display:flex;position:relative;box-shadow:0 4px 14px #00000059}.hero-btn i{width:22px;height:22px;display:inline-block}.hero-btn.on{outline:3px solid #fff}.hero-btn.cd{filter:grayscale(.8);opacity:.7}.hero-btn em{background:#00000040;border-radius:6px;padding:0 5px;font-style:normal}#lobby-wait{background:var(--panel-solid);border:1px solid var(--line);text-align:center;pointer-events:none;border-radius:16px;padding:16px 22px;font-weight:800;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);box-shadow:0 18px 40px #00000080}.settings .chk{align-items:center;gap:8px;display:flex}#btn-net{justify-content:center;align-items:center;display:flex}#btn-net.hidden{display:none}#btn-net.bad{animation:1.2s ease-in-out infinite net-blink}@keyframes net-blink{50%{background:#ff5b4d59}}#net-panel{z-index:30;color:#e8edf5;pointer-events:auto;background:#0c1220f0;border-radius:12px;min-width:210px;max-width:min(300px,100vw - 24px);padding:10px 12px;font-size:13px;position:absolute;top:64px;right:12px;box-shadow:0 6px 20px #00000073}#net-panel.hidden{display:none}#net-panel .net-head{align-items:center;gap:8px;margin-bottom:6px;font-size:14px;display:flex}#net-panel .net-row{justify-content:space-between;gap:12px;padding:2px 0;display:flex}#net-panel .net-row span{opacity:.75}#net-panel .net-row.bad b{color:#ff7a6b}#net-panel .net-hint{color:#ffb3aa;margin:6px 0 0;font-size:12px}#net-panel .net-hint.calm{color:#c9d3e3;margin:0 0 6px}#net-panel h5{opacity:.7;text-transform:uppercase;margin:8px 0 4px;font-size:12px}#net-panel .net-peer{justify-content:space-between;align-items:center;gap:8px;padding:2px 0;display:flex}#net-panel .net-peer .o-net{margin-left:0}.pill.locked{opacity:.45;text-decoration:line-through}.hero-tags{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.hero-tag{--c:#fff;box-shadow:0 0 0 2px var(--c), 0 3px 10px #00000080, 0 0 14px #ffc94a73;color:#ffe3a1;white-space:nowrap;background:linear-gradient(#281e08eb,#120e06eb);border:1.5px solid #ffc94a;border-radius:8px;flex-direction:column;align-items:center;gap:1px;padding:2px 7px 3px;font-size:10px;line-height:1.1;display:flex;position:absolute;top:0;left:0;translate:-50% -100%}.hero-tag b{letter-spacing:.02em;font-weight:900}.hero-tag small{opacity:.85;font-size:9px}.hero-tag i{background:#ffffff2e;border-radius:2px;width:46px;height:4px;margin-top:1px;display:block;overflow:hidden}.hero-tag i span{background:linear-gradient(90deg,#ffb52e,#ffe17a);height:100%;display:block}.hero-slot{pointer-events:none;gap:5px;display:flex}.hero-unit{pointer-events:auto;color:#ffe3a1;background:linear-gradient(#30240af2,#161006f2);border:2px solid #ffc94a;border-radius:12px;align-items:center;gap:6px;min-width:112px;padding:6px 10px 6px 6px;font-size:12px;font-weight:800;display:flex;position:relative;box-shadow:0 4px 14px #00000059,0 0 12px #ffc94a40}.hero-unit i{color:#ffc94a;width:24px;height:24px;display:inline-block}.hero-unit.ready{background:linear-gradient(#3a2c0a,#1d1606);animation:1.6s ease-in-out infinite hero-ready}@keyframes hero-ready{50%{box-shadow:0 4px 14px #00000059,0 0 20px #ffc94aa6}}.hero-unit.wait{opacity:.6;filter:grayscale(.6)}.hero-unit em{margin-left:auto;font-size:11px;font-style:normal}.hero-unit .hp{background:#ffffff26;border-radius:2px;height:3px;position:absolute;bottom:4px;left:34px;right:10px;overflow:hidden}.hero-unit .hp s{background:linear-gradient(90deg,#ffb52e,#ffe17a);height:100%;display:block}@media (max-width:760px),(max-height:560px){.hero-unit{min-width:0;padding:5px 8px 7px 5px}.hero-unit span,.hero-slot .hero-btn span{display:none}.hero-unit .hp{left:6px;right:6px}.hero-slot .hero-btn{padding:6px}}.tipbox{z-index:100000;color:#f2f5fa;pointer-events:none;opacity:0;white-space:pre-line;background:#0e131cf5;border:1px solid #ffffff1f;border-radius:9px;max-width:min(280px,100vw - 16px);padding:7px 10px;font:700 12.5px/1.35 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;transition:opacity .12s;position:fixed;top:0;left:0;box-shadow:0 6px 22px #00000073}.tipbox.on{opacity:1}#online{z-index:5;position:fixed;top:0;bottom:0;left:0;right:0}#online-stage{position:absolute;top:0;bottom:0;left:0;right:0}#online-stage canvas{width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}#online-labels{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}#online-hud,#online-battle{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}#online-hud [data-part]>*,#online-hud .o-bottom,#online-battle>*{pointer-events:auto}#online-sheets{z-index:30;pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}#online-sheets>*{pointer-events:auto}#online-toasts{z-index:40;top:calc(120px + var(--safe-top));pointer-events:none;flex-direction:column;align-items:center;gap:6px;width:min(86vw,440px);display:flex;position:fixed;left:50%;transform:translate(-50%)}.ic{vertical-align:-3px;flex:none;width:16px;height:16px;display:inline-block}.o-top{top:calc(8px + var(--safe-top));pointer-events:none;flex-wrap:wrap;align-items:center;gap:6px;display:flex;position:absolute;left:8px;right:8px}.o-res{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:11px;align-items:center;gap:4px;padding:5px 9px 5px 6px;font-size:13px;display:flex}.o-res .ic{color:#cfd8e6}.o-res small{color:var(--good);font-size:10px;font-weight:800}.o-res.full b{color:var(--gold)}.o-res.gold{color:var(--text);font-weight:800}.o-res.gold .ic{color:var(--gold)}.o-res.gold .plus{background:var(--good);color:#062;border-radius:6px;place-items:center;width:18px;height:18px;font-weight:900;display:grid}.o-res.shield .ic{color:#8ce0ff}.o-net{background:var(--bad);border-radius:50%;width:10px;height:10px;margin-left:auto;box-shadow:0 0 0 3px #0000004d}.o-net.on{background:var(--good)}.o-side{right:8px;top:calc(58px + var(--safe-top));pointer-events:none;flex-direction:column;gap:6px;display:flex;position:absolute}.o-side button{background:var(--panel);border:1px solid var(--line);color:#dfe7f3;border-radius:13px;width:44px;height:44px;padding:10px;position:relative}.o-side button em{background:var(--bad);color:#fff;border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-style:normal;font-weight:900;display:grid;position:absolute;top:-5px;right:-5px}.o-alerts{top:calc(58px + var(--safe-top));pointer-events:none;flex-direction:column;align-items:flex-start;gap:6px;display:flex;position:absolute;left:8px;right:62px}.o-alert{color:#fff;border-radius:12px;align-items:center;gap:8px;max-width:100%;padding:8px 12px;font-size:13px;font-weight:800;display:flex;box-shadow:0 6px 18px #00000059}.o-alert svg{flex:none;width:18px;height:18px}.o-alert span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.o-alert b{white-space:nowrap;background:#00000040;border-radius:7px;padding:2px 7px}.o-alert.bad{background:linear-gradient(90deg,#c8322a,#ff5a4f);animation:1.4s ease-in-out infinite o-pulse}.o-alert.go{background:linear-gradient(90deg,#1f5fd1,#3d8bff)}@keyframes o-pulse{50%{box-shadow:0 0 0 6px #ff5a4f40}}.o-bottom{left:8px;right:8px;bottom:calc(10px + var(--safe-bottom));pointer-events:none;align-items:flex-end;gap:8px;display:flex;position:absolute}.o-queue{pointer-events:none;flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.o-q{background:var(--panel);border:1px solid var(--line);pointer-events:auto;border-radius:11px;align-items:center;gap:8px;max-width:340px;padding:5px 6px 5px 9px;font-size:12px;display:flex}.o-q span{white-space:nowrap;text-overflow:ellipsis;flex:1;align-items:center;gap:5px;min-width:0;display:flex;overflow:hidden}.o-q span svg{flex:none;width:15px;height:15px}.o-q .u{width:18px;height:18px;display:inline-block}.o-q b{font-variant-numeric:tabular-nums}.o-q.idle{color:var(--good);border-style:dashed}.o-q .o-speed{margin:0}.o-q .buy{padding:4px 7px;font-size:11px}.o-view{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.o-big{background:linear-gradient(#3d8bff,#1f5fd1);border:2px solid #8bb8ff;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:72px;height:72px;font-size:11px;font-weight:900;display:flex;box-shadow:0 8px 22px #0006}.o-big svg{width:30px;height:30px}.o-mini{background:var(--panel);border:1px solid var(--line);border-radius:10px;align-items:center;gap:4px;padding:6px 10px;font-size:12px;font-weight:800;display:flex}.o-mini svg{width:14px;height:14px}.o-who{left:50%;top:calc(46px + var(--safe-top));color:#dfe7f3;white-space:nowrap;pointer-events:none;text-shadow:0 1px 3px #000,0 0 6px #0009;font-size:11px;position:absolute;transform:translate(-50%)}.o-who b{color:var(--text)}.o-tag{color:var(--good);background:#3ccf7a33;border:1px solid #3ccf7a80;border-radius:6px;padding:0 5px;font-size:11px;font-weight:900;display:inline-block}.o-link{color:var(--gold);pointer-events:auto;background:0 0;padding:0;font-size:11px;font-weight:800;text-decoration:underline}.o-blabel{filter:drop-shadow(0 2px 3px #00000080);flex-direction:column;align-items:center;gap:3px;width:100px;margin-top:-18px;margin-left:-50px;display:flex;position:absolute;top:0;left:0}.o-lv{background:#1f5fd1;border:2px solid #fff;border-radius:10px;place-items:center;min-width:20px;height:20px;padding:0 4px;font-size:11px;font-weight:900;display:grid}.o-timer{background:#0a101cd9;border:1px solid #ffffff40;border-radius:8px;width:92px;height:16px;position:relative;overflow:hidden}.o-timer i{background:linear-gradient(90deg,#ffd25a,#f0a91b);position:absolute;top:0;bottom:0;left:0;right:auto}.o-timer.repair i{background:linear-gradient(90deg,#7dff9c,#3ccf7a)}.o-timer span{text-shadow:0 1px 2px #000;justify-content:center;align-items:center;gap:3px;font-size:10px;font-weight:900;line-height:14px;display:flex;position:relative}.o-timer span svg{width:10px;height:10px}.o-timer.big{border-radius:11px;width:100%;height:22px}.o-timer.big span{font-size:12px;line-height:20px}.o-dmg{background:var(--bad);border-radius:9px;align-items:center;gap:3px;padding:2px 7px 2px 4px;font-size:11px;display:flex}.o-dmg svg{width:13px;height:13px}.o-plot{background:var(--good);color:#053;border-radius:50%;width:26px;height:26px;padding:4px;animation:1.6s ease-in-out infinite o-bob}@keyframes o-bob{50%{transform:translateY(-4px)}}.o-hpbar{background:#000000b3;border-radius:3px;width:48px;height:6px;margin-left:-24px;position:absolute;top:0;left:0;overflow:hidden}.o-hpbar i{height:100%;display:block}.o-map{touch-action:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.o-sheet-wrap{background:#04081059;justify-content:center;align-items:flex-end;animation:.15s ease-out o-fade;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes o-fade{0%{opacity:0}}.o-sheet{background:var(--panel-solid);border:1px solid var(--line);width:min(100vw,480px);max-height:min(86vh,760px);padding-bottom:var(--safe-bottom);border-bottom:0;border-radius:20px 20px 0 0;flex-direction:column;animation:.2s ease-out o-up;display:flex;box-shadow:0 -18px 40px #00000073}.o-sheet.wide{width:min(100vw,640px)}@keyframes o-up{0%{opacity:0;transform:translateY(30px)}}.o-sheet-head{align-items:center;padding:12px 14px 6px 16px;display:flex}.o-sheet-head h3{flex:1;margin:0;font-size:18px}.o-close{background:#ffffff14;border-radius:50%;width:34px;height:34px;font-weight:900}.o-sheet-body{-webkit-overflow-scrolling:touch;padding:4px 16px 18px;overflow-y:auto}.o-sheet-body h4{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:14px 0 6px;font-size:11px}.o-sheet-body h4 small{text-transform:none;letter-spacing:0;color:var(--text);margin-left:6px}.o-desc{color:var(--muted);margin:6px 0;font-size:13px;line-height:1.4}.o-req{color:var(--gold);margin:6px 0;font-size:12px;font-weight:700}.o-test{color:#062;background:var(--good);border-radius:8px;padding:6px 10px;font-size:12px;font-weight:800}.o-bhead{align-items:center;gap:12px;display:flex}.o-lvbig{color:var(--gold);text-align:center;min-width:52px;font-size:30px;font-weight:900}.o-lvbig small{color:var(--muted);font-size:13px}.o-facts{color:var(--text);flex-wrap:wrap;gap:4px 12px;margin:8px 0;padding:0;font-size:12px;list-style:none;display:flex}.o-facts li,.o-facts span{background:#ffffff0f;border-radius:8px;padding:3px 8px}.o-facts.next li{color:var(--good)}.o-unlock{color:var(--good);font-size:12px}.o-actrow{flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0;display:flex}.o-sheet .buy{gap:6px}.o-sheet .buy.big{padding:11px 14px;font-size:14px}.buy small{opacity:.8;align-items:center;gap:3px;font-weight:800;display:inline-flex}.buy small svg{width:12px;height:12px}.buy svg{width:16px;height:16px}.buy.alt{color:var(--text);border:1px solid var(--line);background:#ffffff1a}.buy.free{background:linear-gradient(#7dff9c,#3ccf7a)}.busy{opacity:.6;pointer-events:none}.cost{white-space:nowrap;align-items:center;gap:2px;margin-right:5px;font-weight:900;display:inline-flex}.cost.short{color:#d22}.o-sheet-body .cost.short{color:#ff6a60}.buy .cost.short{color:#b00}.cost.gold .ic{color:#ffb400}.o-speed{gap:6px;margin-top:6px;display:flex}.o-job,.o-next,.o-dmgbox{border:1px solid var(--line);background:#ffffff0a;border-radius:14px;margin:10px 0;padding:10px}.o-job b{margin-bottom:6px;font-size:13px;display:block}.o-next h4{margin-top:0}.o-hp{background:#ff5a4f59;border-radius:4px;height:8px;overflow:hidden}.o-hp i{background:var(--good);height:100%;display:block}.o-dmgbox p{margin:6px 0;font-size:12px}.o-troop,.o-quest,.o-rally,.o-hero-card{border-top:1px solid var(--line);align-items:center;gap:10px;padding:9px 0;display:flex}.o-troop.locked,.o-hero-card.locked{opacity:.55}.o-ticon{color:#cfe0ff;background:#2f7dff2e;border-radius:10px;flex:none;width:34px;height:34px;padding:5px}.o-tinfo{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.o-tinfo b{font-size:14px}.o-tinfo small{color:var(--muted);font-size:11px}.o-tinfo small svg{vertical-align:-1px;width:11px;height:11px;display:inline-block}.o-count{align-items:center;gap:2px;display:flex}.o-count button{background:#ffffff1a;border-radius:8px;width:28px;height:28px;font-size:12px;font-weight:900}.o-count b{text-align:center;min-width:24px}.o-unit{align-items:center;gap:2px;margin-right:8px;font-size:13px;font-weight:800;display:inline-flex}.o-unit i{width:20px;height:20px;display:inline-block}.o-row{flex-wrap:wrap;align-items:center;gap:4px;margin:4px 0;display:flex}.o-row.between{justify-content:space-between}.o-xp{background:#ffffff1a;border-radius:3px;height:6px;margin-top:3px;overflow:hidden}.o-xp i{background:linear-gradient(90deg,#ffd25a,#f0a91b);height:100%;display:block}.o-hero-pic{color:#fff;background:linear-gradient(160deg,#3d8bff,#1f3f8a);border-radius:14px;flex:none;width:52px;height:52px;padding:10px}.o-hero-pic.h-kade{background:linear-gradient(160deg,#6a8f3a,#2f4a1c)}.o-hero-pic.h-rhea{background:linear-gradient(160deg,#18c7d6,#0d5a6e)}.o-hero-pic.h-mara{background:linear-gradient(160deg,#ff8a3d,#8a3a12)}.o-lvtag{color:var(--gold);font-size:11px;font-weight:900}.o-hact{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.o-hact small{color:var(--muted);font-size:10px}.o-tabs{background:#ffffff0d;border-radius:12px;gap:4px;margin:4px 0 10px;padding:3px;display:flex}.o-tabs button{color:var(--muted);background:0 0;border-radius:9px;flex:1;padding:8px 6px;font-size:13px;font-weight:800}.o-tabs button.on{background:var(--blue);color:#fff}.o-quest.done{opacity:.55}.o-quest.chest{background:#ffc94a14;border:1px solid #ffc94a59;border-radius:12px;padding:9px}.o-streak{background:#2f7dff1a;border:1px solid #2f7dff59;border-radius:14px;padding:10px}.o-streak h4{margin:0 0 8px}.o-days{grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px;display:grid}.o-day{text-align:center;background:#ffffff0f;border-radius:9px;flex-direction:column;align-items:center;padding:5px 2px;font-size:10px;display:flex}.o-day .cost{margin:0;font-size:11px}.o-day.done{opacity:.45}.o-day.today{background:var(--gold);color:#2a1d00}.o-event{text-align:center;background:linear-gradient(160deg,#ffc94a33,#2f7dff26);border-radius:16px;padding:16px}.o-goldbal{text-align:center;margin:4px 0 10px;font-size:26px}.o-products{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;display:grid}.o-product{background:linear-gradient(#ffd25a2e,#ffffff0a);border:1px solid #ffd25a66;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:14px 8px;display:flex;position:relative}.o-product b{font-size:18px}.o-product span{background:var(--good);color:#053;border-radius:8px;padding:3px 10px;font-weight:900}.o-product em{background:var(--bad);color:#fff;border-radius:6px;padding:2px 6px;font-size:10px;font-style:normal;font-weight:900;position:absolute;top:-8px}.o-product small{font-size:10px}.o-langs{flex-wrap:wrap;gap:6px;display:flex}.o-langs button{border:1px solid var(--line);background:#ffffff14;border-radius:10px;padding:8px 12px;font-weight:700}.o-langs button.on{background:var(--blue);border-color:#8bb8ff}.o-langs button:disabled{opacity:.4}.o-inline{align-items:center;gap:6px;display:flex}.o-inline input{flex:1;min-width:0}.o-sheet input,.card input,.o-form input{border:1px solid var(--line);color:var(--text);font:inherit;-webkit-user-select:text;user-select:text;background:#ffffff12;border-radius:10px;padding:10px 12px;font-size:15px}.o-form{flex-direction:column;gap:8px;margin:8px 0;display:flex}.o-or{text-align:center;color:var(--muted);margin:10px 0 4px;font-size:12px}.o-check{align-items:center;gap:8px;margin:12px 0 4px;font-size:13px;display:flex}.wide-btn.danger{background:#ff5a4f26;border-color:#ff5a4f80}.wide-btn svg{vertical-align:-3px;width:16px;height:16px;display:inline-block}.btn.wide{width:100%;margin-top:12px}.btn svg{vertical-align:-3px;width:18px;height:18px;display:inline-block}.o-danger summary{color:var(--bad);cursor:pointer;margin-top:14px;font-size:13px;font-weight:800}.o-clanhead{align-items:center;gap:12px;display:flex}.o-clanhead .o-tag{padding:6px 10px;font-size:18px}.o-clanhead small{color:var(--muted);font-size:12px;display:block}.o-sheet.chat{height:min(86vh,760px)}.o-sheet.chat .o-sheet-body{flex-direction:column;flex:1;display:flex}.o-msgs{flex-direction:column;flex:1;gap:6px;min-height:200px;padding:4px 0;display:flex;overflow-y:auto}.o-msg{-webkit-user-select:text;user-select:text;background:#ffffff0f;border-radius:12px;align-self:flex-start;max-width:86%;padding:6px 10px}.o-msg.mine{background:#2f7dff40;align-self:flex-end}.o-msg b{color:var(--gold);font-size:11px;display:block}.o-msg span{word-wrap:break-word;font-size:14px}.o-msg small{color:var(--muted);margin-left:6px;font-size:9px}.o-chatin{padding-top:8px}.o-report{border-top:1px solid var(--line);padding:10px 0}.o-report.new{background:#2f7dff12;border-radius:10px;padding:10px}.o-rhead{justify-content:space-between;gap:8px;display:flex}.o-rhead b{font-size:14px}.o-rhead small,.o-report small{color:var(--muted);font-size:11px}.o-stars{color:var(--gold);letter-spacing:4px;font-size:34px}.o-stars.small{font-size:18px}.o-rank{border-top:1px solid var(--line);align-items:center;gap:8px;padding:7px 0;font-size:13px;display:flex}.o-code{letter-spacing:.08em;color:var(--gold,#ffc94a);font-family:ui-monospace,monospace;font-weight:800}.o-runstate{color:#ffe3a0;background:#ffc94a24;border:1px solid #ffc94a73;border-radius:10px;margin:10px 0;padding:10px 12px;font-size:13px;font-weight:700;line-height:1.4}.o-runstate.on{color:#bdf5d3;background:#4fe08f21;border-color:#4fe08f73}.o-standin,.trow em.standin{color:#9fd8ff;white-space:nowrap;background:#50aaff29;border-radius:6px;margin-left:6px;padding:1px 6px;font-size:11px;font-style:normal;font-weight:800}.o-rank b{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.o-rank small{color:var(--muted)}.o-rank span:last-child{align-items:center;gap:3px;font-weight:800;display:flex}.o-rank span:last-child svg{width:13px;height:13px}.o-rank.me{background:#2f7dff2e;border-radius:8px;padding:7px 6px}.o-pos{text-align:center;width:28px;color:var(--gold);font-weight:900}.o-btop{top:calc(8px + var(--safe-top));pointer-events:none;align-items:flex-start;gap:8px;display:flex;position:absolute;left:8px;right:8px}.o-btop>*{pointer-events:auto}.o-bstat{background:var(--panel);border:1px solid var(--line);border-radius:12px;align-items:center;gap:10px;padding:6px 12px;font-size:14px;display:flex}.o-bstat span:nth-child(2){color:var(--gold);letter-spacing:2px}.o-parts{flex-wrap:wrap;gap:4px;display:flex}.o-parts span{border-left:4px solid var(--c);background:var(--panel);border-radius:8px;padding:4px 8px;font-size:11px;font-weight:800}.o-bexit{background:#ff5a4fd9;border-radius:12px;margin-left:auto;padding:9px 12px;font-size:13px;font-weight:900}.o-bbar{left:8px;right:8px;bottom:calc(8px + var(--safe-bottom));pointer-events:none;flex-direction:column;gap:6px;display:flex;position:absolute}.o-bbar>*{pointer-events:auto}.o-bbar.spect{pointer-events:auto;text-align:center;background:var(--panel);border-radius:12px;align-self:center;padding:10px;font-weight:800;left:50%;right:auto;transform:translate(-50%)}.o-chips{gap:6px;padding:4px 0;display:flex;overflow-x:auto}.o-chip{background:var(--panel);border:2px solid var(--line);border-radius:14px;flex:none;width:56px;height:56px;padding:6px;position:relative}.o-chip i{width:100%;height:100%;display:block}.o-chip b{background:var(--blue);border-radius:8px;min-width:22px;padding:1px 4px;font-size:12px;position:absolute;bottom:-4px;right:-4px}.o-chip.on{border-color:var(--gold);background:#ffc94a40}.o-chip.empty{opacity:.35}.o-bacts{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.o-bacts>button,.o-amount button{background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:9px 11px;font-size:12px;font-weight:800}.o-bacts>button:disabled{opacity:.4}.o-amount{gap:2px;display:flex}.o-amount button.on{background:var(--blue)}.o-hero{color:#2a1d00;align-items:center;gap:5px;background:linear-gradient(#ffd25a,#f0a91b)!important;display:flex!important}.o-hero svg{width:16px;height:16px}.o-hero.on{outline:3px solid #fff}.o-hero em{background:#00000040;border-radius:6px;padding:0 4px;font-style:normal}.o-bhint{color:#e6edf7;text-shadow:0 1px 3px #000;font-size:12px;font-weight:700}.o-result{pointer-events:auto;background:#0408108c;place-items:center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.o-result-card{background:var(--panel-solid);text-align:center;border:1px solid var(--line);border-radius:22px;width:min(90vw,360px);padding:22px;animation:.3s ease-out o-up}.o-result-card.win h2{color:var(--gold)}.o-result-card.lose h2{color:var(--bad)}.o-result-card .o-row{justify-content:center}.o-result-card h4{color:var(--muted);text-transform:uppercase;margin:12px 0 4px;font-size:11px}.o-ad{z-index:5;background:#000000d9;place-items:center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.o-ad-card{text-align:center;width:min(86vw,320px)}.o-ad-video{aspect-ratio:16/9;background:linear-gradient(135deg,#1f5fd1,#b06bff);border-radius:14px;place-items:center;width:100%;margin:12px 0;display:grid}.o-ad-video svg{width:56px;height:56px}.btn.online{color:#2a1d00;background:linear-gradient(#ffd25a,#f0a91b);border-color:#ffe7a3;flex-direction:column;gap:2px;display:flex}.btn.online small{opacity:.8;font-size:11px;font-weight:700}.o-short{background:#e5484d1f;border:1px solid #e5484d59;border-radius:9px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 10px;margin:6px 0 2px;padding:7px 10px;font-size:12.5px;font-weight:700;display:flex}.o-short>span{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.o-sheet .buy.gold{color:#2a1d00;background:linear-gradient(#ffd25a,#f0a91b);border-color:#ffe7a3}.o-sheet .buy.small{min-height:0;padding:5px 10px;font-size:12px}.o-outrow{text-align:left;cursor:pointer;gap:8px;width:100%}small.o-good{color:#6fe39f;font-weight:800}.o-outpost{background:#ff8a3d1f;border:1px solid #ff8a3d73;border-radius:10px;flex-direction:column;gap:6px;margin:10px 0;padding:10px 12px;display:flex}.o-outpost.mine{background:#2f7dff24;border-color:#2f7dff80}.o-outpost small{opacity:.8;font-weight:700}.btn.apk{color:#04210f;background:linear-gradient(#3ddc84,#1f9e5b);border-color:#a8f0c8;flex-direction:column;gap:2px;text-decoration:none;display:flex}.btn.apk small{opacity:.8;font-size:11px;font-weight:700}.btn.resume{color:#04210f;background:linear-gradient(#4fe08f,#22a95c);border-color:#b4f5cf;flex-direction:column;gap:2px;animation:2.4s ease-in-out infinite fc-resume;display:flex}.btn.resume small{opacity:.85;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;font-weight:700;overflow:hidden}@keyframes fc-resume{50%{box-shadow:0 0 0 4px #4fe08f47}}@media (prefers-reduced-motion:reduce){.btn.resume{animation:none}}.menu-lang{margin-top:14px}.menu-lang select,.settings select{color:var(--text);border:1px solid var(--line);font:inherit;background:#ffffff14;border-radius:10px;padding:8px 10px}.menu-lang option,.settings option{background:#121c2e}#cloud-box h4{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:16px 0 6px;font-size:12px}.cloud-up{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}@media (max-width:520px){.o-sheet{max-height:92vh}.o-res small,.o-who{display:none}}.o-sheet-body :-webkit-any(p,small,b,span,li,h4,label,summary)>svg{vertical-align:-.2em;flex:none;width:1.15em;height:1.15em;display:inline-block}.o-sheet-body :is(p,small,b,span,li,h4,label,summary)>svg{vertical-align:-.2em;flex:none;width:1.15em;height:1.15em;display:inline-block}.o-sheet-body :-webkit-any(button,.buy)>svg{vertical-align:-.2em;flex:none;width:1.15em;height:1.15em;display:inline-block}.o-sheet-body :is(button,.buy)>svg{vertical-align:-.2em;flex:none;width:1.15em;height:1.15em;display:inline-block}#online-hud :-webkit-any(span,small,b)>svg{vertical-align:-.2em;flex:none;width:1.15em;height:1.15em;display:inline-block}#online-hud :is(span,small,b)>svg{vertical-align:-.2em;flex:none;width:1.15em;height:1.15em;display:inline-block}#online-battle :-webkit-any(p,small,span)>svg{vertical-align:-.2em;flex:none;width:1.15em;height:1.15em;display:inline-block}#online-battle :is(p,small,span)>svg{vertical-align:-.2em;flex:none;width:1.15em;height:1.15em;display:inline-block}.o-row.between span{gap:6px;display:flex}.o-tip{left:8px;right:92px;bottom:calc(96px + var(--safe-bottom));pointer-events:none;display:flex;position:absolute}.o-tipbtn{pointer-events:auto;color:#2a1d00;text-align:left;background:#ffc94aeb;border-radius:12px;padding:8px 12px;font-size:13px;font-weight:800;animation:2.4s ease-in-out infinite o-bob;box-shadow:0 6px 18px #00000059}.o-side .o-q-help{padding:0;font-size:20px;font-weight:900}.o-tabs.help{z-index:1;background:#182235;flex-wrap:wrap;position:sticky;top:0}.o-help h4{color:var(--gold)!important;margin-top:16px!important}.o-help p{color:#dbe3ef;margin:4px 0;font-size:14px;line-height:1.5}.o-help b{color:#fff}#online-sheets{z-index:60}.o-bwrap>*{pointer-events:auto}.o-code{background:#ffc94a1f;border:1px solid #ffc94a66;border-radius:14px;align-items:center;gap:10px;padding:10px 12px;display:flex}.o-code b{letter-spacing:6px;color:var(--gold);-webkit-user-select:text;user-select:text;flex:1;font-size:26px}.o-code small{color:var(--muted);text-transform:uppercase;font-size:11px}.o-msgs.small{min-height:60px;max-height:160px}.o-team{border:1px solid var(--line);background:#ffffff08;border-radius:12px;margin:6px 0;padding:4px 10px 6px}.o-teamhead{align-items:center;gap:8px;padding:4px 0;display:flex}.o-teamhead b{color:var(--gold)}.o-teamhead small{color:var(--muted);flex:1}.o-assign{color:var(--text);border:1px solid var(--line);font:inherit;background:#ffffff14;border-radius:8px;padding:4px 6px;font-size:12px}.o-assign option{background:#121c2e}.o-net{opacity:.85;white-space:nowrap;align-items:center;gap:4px;margin-left:6px;display:inline-flex}.o-net.ok{color:#f0c419}.o-net.bad{color:#ff7a6b;opacity:1}.link-btn{color:#8bb8ff;font:inherit;cursor:pointer;background:0 0;border:0;align-self:center;padding:6px 0;font-size:13px;text-decoration:underline}.o-chip.hero{color:#ffc94a;background:linear-gradient(#3a2c0a,#1d1606);border:2px solid #ffc94a;box-shadow:0 0 12px #ffc94a73}.o-hero-card{background:radial-gradient(120% 140% at 0 0,#ffc94a29,#0000 55%),linear-gradient(#241c0ae6,#101420f2);border:1.5px solid #ffc94a8c;border-radius:16px;margin:8px 0;padding:10px;position:relative;box-shadow:0 6px 18px #00000059,inset 0 0 0 1px #ffffff0a}.o-hero-card:not(.locked){box-shadow:0 6px 18px #00000059,0 0 16px #ffc94a2e}.o-hero-card.locked{opacity:.7;filter:saturate(.4)}.o-hero-portrait{background:radial-gradient(circle at 50% 35%,#3a4a6c,#141b2c 70%);border:2px solid #ffc94a;border-radius:14px;flex:none;width:92px;height:92px;position:relative;overflow:hidden}.o-hero-card.h-kade .o-hero-portrait{background:radial-gradient(circle at 50% 35%,#4d6a32,#172414 70%)}.o-hero-card.h-rhea .o-hero-portrait{background:radial-gradient(circle at 50% 35%,#1f6e7d,#0b2530 70%)}.o-hero-card.h-mara .o-hero-portrait{background:radial-gradient(circle at 50% 35%,#7d4a22,#2a160b 70%)}.o-hero-portrait img{object-fit:cover;width:100%;height:100%;display:block}.o-hero-portrait .o-hero-pic{border-radius:0;width:100%;height:100%;padding:22px}.o-hero-lv,.o-hero-lock{color:#2a1d00;background:#ffc94a;border-radius:12px;place-items:center;min-width:24px;height:24px;padding:0 5px;font-size:12px;font-weight:900;display:grid;position:absolute;bottom:4px;right:4px}.o-hero-lock{color:#fff;background:#000000a6}.o-hero-lock svg{width:14px;height:14px}.o-hero-unit{color:#ffc94a;align-items:center;gap:5px;margin:2px 0;font-size:12px;font-weight:800;display:flex}.o-hero-unit svg{width:18px;height:18px}.o-hero-stats{color:#e8edf5;font-weight:700}.o-hero-card{grid-template-columns:92px minmax(0,1fr);align-items:start;gap:8px 12px;display:grid}.o-hero-card .o-tinfo{flex-direction:column;gap:2px;min-width:0;display:flex}.o-hero-card .o-hact{flex-wrap:wrap;grid-column:1/-1;justify-content:flex-end;align-items:center;gap:8px;display:flex}.o-emblem{--ec:#2f7dff;background:linear-gradient(160deg, color-mix(in srgb, var(--ec) 85%, #fff), color-mix(in srgb, var(--ec) 70%, #000));border:2px solid #ffffffd9;border-radius:30% 30% 46% 46%;flex:none;place-items:center;display:inline-grid;box-shadow:0 3px 8px #00000059,inset 0 -3px #0000002e}.o-emblem svg{fill:#fff;filter:drop-shadow(0 1px 1px #00000059);width:62%;height:62%}.o-clanhead2{background:linear-gradient(#ffffff0f,#ffffff05);border-radius:14px;align-items:center;gap:12px;padding:10px;display:flex}.o-clanhead2 b{font-size:16px}.o-xp.big{height:8px;margin:5px 0 2px}.o-motd{background:#ffc94a1f;border-left:3px solid #ffc94a;border-radius:10px;margin:8px 0;padding:8px 10px;font-size:13px}.o-tabs.scroll{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.o-tabs.scroll button{flex:none}.o-count{background:var(--bad,#e5484d);color:#fff;border-radius:9px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:10px;display:inline-grid}.o-mode{vertical-align:1px;border-radius:6px;padding:0 6px;font-size:10px;font-weight:800;display:inline-block}.o-mode.open{color:#3ccf7a;background:#3ccf7a33}.o-mode.request{color:#ffc94a;background:#ffc94a33}.o-mode.invite{color:#c79bff;background:#a259ff38}.o-role{background:#ffffff14;border-radius:6px;padding:0 5px;font-size:10px;font-weight:800}.o-role.leader{color:#ffc94a}.o-role.officer{color:#8bb8ff}.o-clancard,.o-member,.o-goal{border-top:1px solid var(--line);align-items:center;gap:10px;padding:9px 0;display:flex}.o-clancard .o-tinfo,.o-member .o-tinfo,.o-goal .o-tinfo{flex:1;min-width:0}.o-clandesc{opacity:.8;font-style:italic}.o-dot{background:#fff3;border-radius:50%;flex:none;width:9px;height:9px}.o-dot.on{background:#3ccf7a;box-shadow:0 0 6px #3ccf7a}.o-goal.done b{color:#3ccf7a}.o-perks{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.o-perks div{text-align:center;background:#ffffff0d;border-radius:10px;padding:8px}.o-perks b{color:#ffc94a;font-size:17px;display:block}.o-perks small{opacity:.8;font-size:11px}.o-donate{grid-template-columns:repeat(3,1fr);gap:6px;margin:6px 0;display:grid}.o-donate label{align-items:center;gap:4px;display:flex}.o-donate input{width:100%;min-width:0}.o-donate svg{flex:none;width:18px;height:18px}.o-emblems{grid-template-columns:repeat(6,1fr);gap:6px;margin:6px 0;display:grid}.o-emblems button,.o-colors button{background:#ffffff0a;border:2px solid #0000;border-radius:10px;padding:3px}.o-emblems button.on,.o-colors button.on{border-color:#fff}.o-colors{flex-wrap:wrap;gap:6px;margin-bottom:6px;display:flex}.o-colors button{width:30px;height:30px}.o-clanpreview{justify-content:center;margin:6px 0;display:flex}.o-log{border-top:1px solid var(--line);flex-direction:column;padding:6px 0;font-size:13px;display:flex}.o-log small{opacity:.6;font-size:11px}