@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-vietnamese-wght-normal-XAtsl5Q_.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-latin-ext-wght-normal-C4zznr8T.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-latin-wght-normal-E0tuGl4L.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cinzel Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/cinzel-latin-ext-wght-normal-CG36JvV6.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/cinzel-latin-wght-normal-DMUuCU8H.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--night:#0b1230;--glass:rgba(12,20,50,.62);--glass-strong:rgba(10,16,42,.88);--line:rgba(236,220,178,.16);--line-strong:rgba(236,220,178,.32);--paper:#f7f3e8;--muted:#b9c1dc;--faint:#8791b3;--base:#0052ff;--base-hi:#3d7bff;--gold:#f1d28a;--gold-deep:#c9a04f;--up:#3ee39b;--down:#ff5a6a;--sand:#f0d9a2;--hp:#57e389;--wing:#8fe6ff;--display:"Cinzel Variable",Cinzel,Georgia,serif;--ui:"Archivo Variable",system-ui,sans-serif;--body:"Archivo Variable",system-ui,sans-serif;--r-s:8px;--r-m:14px;--r-l:22px;--shadow:0 12px 40px rgba(4,8,24,.45);font-family:var(--body);color:var(--paper);background:var(--night);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--night);overscroll-behavior:none}button,input,select{font:inherit;color:inherit}button{border:0;background:none;cursor:pointer;touch-action:manipulation;transition:background .15s,color .15s,border-color .15s,transform .12s,box-shadow .2s}button:active:not(:disabled){transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.45}:focus-visible{outline:2px solid var(--gold);outline-offset:3px}a{color:inherit}p{line-height:1.55}kbd{font:650 10px/1 var(--ui);border:1px solid var(--line-strong);border-bottom-width:2px;border-radius:5px;padding:3px 6px;color:var(--paper);background:#ffffff0d}code{font-size:.9em;word-break:break-all;color:var(--sand)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}::selection{background:var(--base);color:#fff}.app{position:relative;width:100%;height:100dvh;min-height:320px;overflow:hidden;isolation:isolate}.game-world{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 30%,#5f86c9,#1a2a5e 70%)}.game-world canvas{display:block;width:100%;height:100%;outline:none;touch-action:none}.app.lobby .game-world:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#080d24e6 0,#080d248c 34%,#080d2400 58%,#080d2433)}.app.raid .game-world:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 180px #a046ff52}.brand{display:flex;align-items:center;gap:8px;color:var(--paper)}.brand svg{color:var(--gold)}.brand span{font:700 18px/1 var(--display);letter-spacing:.14em;text-transform:uppercase}.brand.large span{font-size:24px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(180deg,var(--base-hi),var(--base));color:#fff;border-radius:var(--r-s);padding:12px 18px;font-weight:650;box-shadow:0 0 0 1px #ffffff1f inset,0 6px 20px #0052ff59}.primary:hover:not(:disabled){filter:brightness(1.12)}.secondary{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line-strong);border-radius:var(--r-s);padding:10px 14px;font-weight:600;background:#ffffff0a}.secondary:hover:not(:disabled){border-color:var(--gold)}.tool{display:grid;place-items:center;width:36px;height:36px;border-radius:var(--r-s);color:var(--muted)}.tool:hover{color:var(--paper);background:#ffffff14}.text-link{color:var(--gold);font-weight:600;padding:6px 0;text-decoration:underline;text-underline-offset:3px}.note{font-size:12px;color:var(--faint);line-height:1.5;margin:14px 0 0}.empty{color:var(--muted);font-size:13px;margin:12px 0}.logo{display:block;border-radius:50%;object-fit:cover;background:#fff;box-shadow:0 0 0 2px var(--team,transparent);flex-shrink:0}.logo-empty{background:#ffffff14;box-shadow:0 0 0 1px var(--line-strong) inset}.search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:var(--r-s);padding:0 12px;background:#ffffff0a;color:var(--muted)}.search input{flex:1;min-width:0;border:0;background:none;padding:11px 0;outline:none;color:var(--paper)}.search:focus-within{border-color:var(--gold)}input::placeholder{color:var(--faint)}.panel-glass{background:var(--glass);-webkit-backdrop-filter:blur(12px) saturate(1.2);backdrop-filter:blur(12px) saturate(1.2);border:1px solid var(--line)}.faction-picker{display:grid;gap:10px}.faction-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-auto-rows:min-content;gap:6px;max-height:252px;overflow-y:auto;padding:2px;scrollbar-width:thin}.faction-grid>button{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;row-gap:6px;align-items:center;text-align:left;padding:10px;border-radius:var(--r-s);border:1px solid var(--line);background:#0c14329e;overflow:hidden}.faction-grid>button:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--team);opacity:.8}.faction-grid>button:hover{border-color:var(--line-strong);background:#182452cc}.faction-grid>button.chosen{border-color:var(--team);background:color-mix(in srgb,var(--team) 22%,rgba(12,20,50,.9));box-shadow:0 0 0 1px var(--team) inset}.faction-grid>button.chosen:after{content:"✓";position:absolute;right:9px;top:8px;font-weight:800;color:var(--team)}.fname{display:grid;min-width:0}.fname strong{font:750 14px/1.1 var(--ui);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fname small{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fstat{grid-column:1/-1;display:flex;justify-content:space-between;font-size:11px;color:var(--faint)}.fstat i{font-style:normal;color:var(--up)}.hint{font-size:12px;color:var(--muted);margin:10px 0 0;max-width:54ch}.class-picker{display:grid;gap:10px}.class-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.class-grid>button{display:grid;justify-items:center;gap:4px;padding:12px 6px 10px;border-radius:var(--r-m);border:1px solid var(--line);background:#0c14329e;text-align:center}.class-grid>button:hover{border-color:var(--line-strong)}.class-grid>button.chosen{border-color:var(--class);background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--class) 32%,transparent),#0c1432e6 70%);box-shadow:0 0 22px color-mix(in srgb,var(--class) 25%,transparent)}.class-emblem{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:var(--class);background:radial-gradient(circle,color-mix(in srgb,var(--class) 25%,transparent),transparent 70%);border:1px solid color-mix(in srgb,var(--class) 55%,transparent)}.class-grid strong{font:700 13px/1.1 var(--display);letter-spacing:.06em}.class-grid small{font-size:10px;color:var(--muted);line-height:1.2}.class-detail{padding:12px 14px;border-radius:var(--r-m);border:1px solid color-mix(in srgb,var(--class) 35%,var(--line));background:#0c14328c}.class-detail>p{margin:0 0 8px;font-size:13px;color:#dde3f5}.class-stats{display:flex;flex-wrap:wrap;gap:14px;font-size:12px;color:var(--muted);margin-bottom:8px}.class-stats b{font:750 13px var(--ui);color:var(--paper)}.class-stats span:last-child{color:var(--class);letter-spacing:.1em}.class-skills{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}.class-skills li{display:flex;gap:8px;align-items:flex-start}.class-skills strong{display:flex;align-items:center;gap:6px;font:700 12px/1.2 var(--ui)}.class-skills small{display:block;font-size:11px;color:var(--muted);line-height:1.35}.skill-chip{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border-radius:50%;color:var(--class);border:1px solid color-mix(in srgb,var(--class) 50%,transparent);background:#080e24b3}.class-picker.compact .class-skills{grid-template-columns:1fr}.wardrobe-options select,.settings select{padding:8px;border-radius:6px;border:1px solid var(--line-strong);background:var(--night)}.meta{font-size:12px;color:var(--faint);text-align:center;margin-top:10px}.lobby-live{position:absolute;z-index:3;right:28px;top:28px;width:300px;padding:18px 20px;border-radius:var(--r-l);background:radial-gradient(ellipse at 70% 30%,#080d2480,#080d2400 72%);text-shadow:0 1px 2px rgba(4,6,18,.75),0 0 14px rgba(4,6,18,.4);text-align:right}.lobby-live h2{font:700 15px/1 var(--display);letter-spacing:.12em;margin:16px 0 10px;text-transform:uppercase}.lobby-live .season-clock{justify-content:flex-end}.lobby-live .season-clock>span{background:none;border:0;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0 0 0 14px;text-align:right;font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.lobby-live .board.mini li{text-align:left}.season-clock{display:flex;gap:6px;flex-shrink:0}.season-clock>span{display:grid;gap:2px;padding:6px 10px;border-radius:var(--r-s);background:#0a102a8c;border:1px solid var(--line);font:700 12px/1.1 var(--ui);white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.season-clock small{font:500 11px/1.1 var(--body);color:var(--muted);font-variant-numeric:tabular-nums}.raid.live{border-color:#b98cff;background:linear-gradient(120deg,#7d46ff73,#ff5a8c4d);animation:raidpulse 2.4s ease-in-out infinite}.raid.live small{color:#f2e8ff}@keyframes raidpulse{50%{box-shadow:0 0 18px #b98cff99}}@keyframes blink{50%{opacity:.25}}.bar{position:relative;height:10px;border-radius:5px;background:#ffffff1a;overflow:hidden}.bar>span{position:absolute;left:0;top:0;bottom:0;border-radius:inherit;transition:width .15s linear}.bar.health{height:14px}.bar.health>span:first-child{background:linear-gradient(90deg,#2fbf71,var(--hp));box-shadow:0 0 10px #57e38980}.bar.health .barrier{background:repeating-linear-gradient(45deg,#ffd76ae6 0 5px,#ffecaae6 5px 9px);opacity:.9}.bar em{position:absolute;inset:0;display:grid;place-items:center;font:700 10px var(--ui);font-style:normal;text-shadow:0 1px 2px #000}.bar.wings{height:8px;display:flex;align-items:center;overflow:visible;padding-left:16px;background:none}.bar.wings svg{position:absolute;left:0;color:var(--wing)}.bar.wings>span{position:relative;display:block;height:6px;background:linear-gradient(90deg,#66c8ff,var(--wing))}.bar.wings:after{content:"";position:absolute;left:16px;right:0;top:1px;height:6px;border-radius:3px;background:#ffffff14;z-index:-1}.target-frame .bar>span{background:linear-gradient(90deg,#d8344a,#ff6a7a)}.target-frame.guardian{border-color:#9fe8ff73}.target-frame.guardian .bar>span{background:linear-gradient(90deg,#4ab6d8,#9fe8ff)}.ability-sweep{position:absolute;inset:0;border-radius:50%;display:grid;place-items:center;background:conic-gradient(rgba(6,10,28,.72) var(--cd),transparent 0);pointer-events:none}.ability-sweep b{font:800 18px var(--ui);text-shadow:0 1px 4px #000}.ability-tip{position:absolute;bottom:calc(100% + 14px);left:50%;transform:translate(-50%);width:220px;padding:10px 12px;border-radius:var(--r-s);background:var(--glass-strong);border:1px solid var(--line-strong);font-size:12px;line-height:1.4;color:var(--muted);text-align:left;pointer-events:none;opacity:0;transition:opacity .15s}.ability-tip strong{display:block;font:700 13px var(--display);letter-spacing:.04em;color:var(--paper);margin-bottom:3px}.ability-tip small{display:block;margin-top:5px;color:var(--gold)}.ability:hover .ability-tip,.ability:focus-visible .ability-tip{opacity:1}.flight-readout em.vent{color:var(--wing)}.flight-readout em.ward{color:var(--gold)}.flight-readout em.low{color:var(--down)}.crosshair{position:absolute;z-index:4;left:50%;top:44%;width:26px;height:26px;transform:translate(-50%,-50%);pointer-events:none}.crosshair i{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(255,255,255,.75);box-shadow:0 0 6px #00000080}.crosshair:after{content:"";position:absolute;left:50%;top:50%;width:4px;height:4px;border-radius:50%;background:#fff;transform:translate(-50%,-50%)}.crosshair.locked i{border-color:var(--down);transform:scale(.8);box-shadow:0 0 10px var(--down)}@keyframes breathe{50%{box-shadow:0 0 24px #f1d28a59}}:root{--hud-shadow:0 1px 2px rgba(4,6,18,.75),0 0 14px rgba(4,6,18,.4);--heart:#ff4d6d;--heart-hi:#ff9fb0;--stamina:#8ff0a4}.hud-top{position:absolute;z-index:6;left:0;right:0;top:0;height:56px;display:flex;align-items:flex-start;justify-content:center;padding:10px 14px 0;pointer-events:none}.hud-top>*{pointer-events:auto}.hud-right{position:absolute;right:14px;top:10px;display:grid;justify-items:end;gap:6px}.hud-tools{display:flex;gap:2px}.hud-tools .tool{width:32px;height:32px;color:#f7f3e8d1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.7))}.hud-tools .tool:hover{color:#fff;background:#ffffff1f}.season-line{display:grid;justify-items:end;gap:5px;text-shadow:var(--hud-shadow)}.season-text{font:600 10.5px/1 var(--display);letter-spacing:.14em;text-transform:uppercase;color:#f7f3e8cc}.season-text.live{color:#e9d4ff;animation:blink 1.6s ease-in-out infinite}.shrine-tally{display:flex;align-items:center;gap:5px}.shrine-tally i{width:9px;height:9px;transform:rotate(45deg);border:1.5px solid rgba(247,243,232,.75);box-shadow:0 0 4px #00000080}.shrine-tally i.held{background:var(--team);border-color:#fff;box-shadow:0 0 8px var(--team)}.shrine-tally small{margin-left:4px;font:600 10.5px/1 var(--display);letter-spacing:.12em;color:#f7f3e8d9}.standings{position:absolute;z-index:5;right:14px;top:84px;display:grid;gap:2px;text-align:right;padding:4px 0;border-radius:8px}.standings:hover{background:#0a102a40}.ticker-empty{font-size:11px;color:var(--muted);text-shadow:var(--hud-shadow)}.tick{display:flex;align-items:center;justify-content:flex-end;gap:6px;padding:2px 4px;border-radius:5px;white-space:nowrap;font-variant-numeric:tabular-nums;text-shadow:var(--hud-shadow);transition:background .4s}.tick .rank{font:700 10px var(--ui);color:#f7f3e88c;width:10px}.tick .logo{box-shadow:0 0 0 1.5px var(--team),0 1px 3px #0009}.tick .sym{font:760 11px var(--ui);color:#fff}.tick .pts{font:600 11px var(--ui);color:#f7f3e8bf;min-width:26px}.tick .zones{font:700 10px var(--ui);color:var(--gold);min-width:20px}.tick .zones.down{color:var(--down)}.tick.mine .sym{color:color-mix(in srgb,var(--team) 60%,#fff)}.tick.up{background:#3ee39b40}.tick.down{background:#ff5a6a47}.compass{position:relative;width:min(620px,52vw);height:40px;mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent)}.compass:before{content:"";position:absolute;left:0;right:0;top:15px;height:1px;background:#f7f3e88c;box-shadow:0 1px 2px #00000080}.compass-track{position:absolute;inset:0}.compass-track>span{position:absolute;top:15px;transform:translate(-50%,-50%);display:grid;justify-items:center;line-height:1}.cardinal{font:600 10px var(--display);color:#f7f3e8b3;text-shadow:var(--hud-shadow)}.cardinal.major{font:700 15px var(--display);color:#fff}.compass-shrine i{display:block;width:9px;height:9px;transform:rotate(45deg);background:var(--team);border:1.5px solid #fff;box-shadow:0 0 8px var(--team),0 1px 3px #0009}.compass-shrine.sky i{border-radius:50% 0}.compass-shrine.contested i{animation:blink .5s steps(2) infinite}.compass-shrine small,.compass-waypoint small{position:absolute;top:13px;font:600 9px var(--ui);color:#f7f3e8e6;text-shadow:var(--hud-shadow);white-space:nowrap}.compass-waypoint i{display:block;width:0;height:0;border:6px solid transparent;border-top:9px solid var(--gold);margin-top:10px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}.compass-needle{position:absolute;left:50%;top:22px;width:0;height:0;border:5px solid transparent;border-bottom:6px solid #fff;transform:translate(-50%);filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}.hud-stack{position:absolute;z-index:5;left:50%;top:50px;transform:translate(-50%);display:grid;justify-items:center;gap:8px;width:min(420px,calc(100% - 24px));pointer-events:none}.hud-stack>*{pointer-events:auto}.flight-readout{display:flex;align-items:center;gap:12px;padding:4px 14px;border-radius:20px;background:radial-gradient(ellipse,rgba(8,12,30,.45),transparent 75%);font:600 11px var(--ui);color:#f7f3e8cc;white-space:nowrap;text-shadow:var(--hud-shadow)}.flight-readout b{font:700 15px var(--display);color:#fff;font-variant-numeric:tabular-nums}.flight-readout>i{width:4px;height:4px;border-radius:50%;background:var(--gold)}.flight-readout em{font-style:normal;font-size:11px}.objective{display:flex;align-items:center;gap:8px;padding:4px 10px;border-radius:14px;text-shadow:var(--hud-shadow);white-space:nowrap}.objective:hover{background:#0a102a4d}.objective i{width:8px;height:8px;transform:rotate(45deg);background:var(--team);border:1.5px solid #fff;box-shadow:0 0 8px var(--team)}.objective strong{font:700 13px/1 var(--display);letter-spacing:.06em;color:#fff}.objective small{font:600 11px var(--ui);color:#f7f3e8bf}.target-frame{display:grid;justify-items:center;gap:4px;width:min(260px,70vw);text-shadow:var(--hud-shadow)}.target-frame strong{font:700 13px var(--display);letter-spacing:.06em;color:#ffd6db}.target-frame .bar{width:100%;height:6px;background:#00000073;box-shadow:0 0 0 1px #ffffff40}.target-frame.guardian strong{color:#d6f6ff}.capture{display:grid;gap:6px;width:100%;text-align:center;text-shadow:var(--hud-shadow)}.capture-head{justify-content:center}.capture-head strong{flex:none;font:700 18px/1 var(--display);letter-spacing:.08em;color:#fff}.capture-bar{height:6px;border-radius:3px;background:#00000073;box-shadow:0 0 0 1px #ffffff4d;overflow:hidden}.capture small{font:500 12px var(--body);color:#eef0fb}@keyframes hurt{30%{transform:translate(-3px)}60%{transform:translate(3px)}}@keyframes heartbeat{50%{transform:scale(1.06)}}.stamina{position:absolute;z-index:4;left:calc(50% + 58px);top:47%;width:40px;height:40px;opacity:0;transform:scale(.8);transition:opacity .35s,transform .35s;pointer-events:none}.stamina.shown{opacity:1;transform:none}.stamina svg{width:100%;height:100%;filter:drop-shadow(0 1px 3px rgba(0,0,0,.6))}.stamina-track{fill:#0a101e59;stroke:#ffffff38;stroke-width:5}.stamina-fill{fill:none;stroke:var(--stamina);stroke-width:5;stroke-linecap:round;transition:stroke-dasharray .12s linear,stroke .3s}.stamina.low .stamina-fill{stroke:#ffb35c}.stamina.low{animation:blink .6s steps(2) infinite}.ability-bar{position:absolute;z-index:6;right:22px;bottom:18px;display:grid;justify-items:center;gap:6px}.class-ribbon{position:relative;padding:4px 18px 5px;font:700 13px/1 var(--display);letter-spacing:.16em;text-transform:uppercase;color:#fff;background:color-mix(in srgb,var(--class) 70%,#3a1020);clip-path:polygon(0 0,100% 0,94% 50%,100% 100%,0 100%,6% 50%);text-shadow:0 1px 2px rgba(0,0,0,.5);filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.orbs{display:flex;align-items:flex-end;gap:10px}.ability{position:relative;width:52px;height:52px;padding:0;border-radius:50%}.ability.basic{width:56px;height:56px}.ability.r{width:70px;height:70px}.orb{position:absolute;inset:0;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 60%,#1418328c,#080a18bf);border:2px solid rgba(255,250,240,.85);box-shadow:0 3px 10px #00000073,inset 0 -4px 10px #00000059}.orb-liquid{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(180deg,color-mix(in srgb,var(--class) 75%,#fff),var(--class) 35%,color-mix(in srgb,var(--class) 60%,#000));transition:height .15s linear}.orb-liquid:before{content:"";position:absolute;left:-10%;right:-10%;top:-3px;height:6px;border-radius:50%;background:color-mix(in srgb,var(--class) 40%,#fff);opacity:.8}.orb:after{content:"";position:absolute;left:18%;top:10%;width:30%;height:22%;border-radius:50%;background:linear-gradient(180deg,#ffffffd9,#fff0);transform:rotate(-25deg)}.orb-icon{position:absolute;inset:0;display:grid;place-items:center;color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.8))}.orb-count{position:absolute;inset:0;display:grid;place-items:center;font:700 18px var(--display);color:#fff;text-shadow:0 1px 3px #000;background:#080a1859}.ability.ready .orb{box-shadow:0 3px 10px #00000073,0 0 16px color-mix(in srgb,var(--class) 55%,transparent),inset 0 -4px 10px #00000059}.ability.r.ready .orb{border-color:var(--gold);animation:ultready 2s ease-in-out infinite}@keyframes ultready{50%{box-shadow:0 3px 10px #00000073,0 0 26px color-mix(in srgb,var(--class) 80%,transparent)}}.ability.cooling .orb-icon{opacity:.55}.ability.ready:hover .orb{filter:brightness(1.15)}.ability kbd{position:absolute;left:50%;bottom:-9px;transform:translate(-50%);font-size:9px;padding:2px 5px;background:#0a0e1ed9;border-color:#ffffff59}.take-control{position:absolute;z-index:5;left:50%;bottom:22%;transform:translate(-50%);display:grid;justify-items:center;gap:3px;font:700 16px var(--display);letter-spacing:.12em;text-transform:uppercase;color:#fff;text-shadow:var(--hud-shadow);pointer-events:none;animation:breathe 2.4s ease-in-out infinite}.take-control small{font:500 11px var(--body);letter-spacing:.02em;text-transform:none;color:#f7f3e8cc}@keyframes breathe{50%{opacity:.6}}.legend{position:absolute;z-index:4;left:16px;bottom:60px;display:grid;gap:5px;font-size:11px;color:#f7f3e8e0;text-shadow:var(--hud-shadow);pointer-events:none}.legend>p{margin:0;font:700 11px var(--display);letter-spacing:.14em;text-transform:uppercase}.legend>p small{font:500 9px var(--body);letter-spacing:.02em;text-transform:none;color:#f7f3e899;margin-left:4px}.legend dl{margin:0;display:grid;grid-template-columns:repeat(2,auto);gap:3px 18px}.legend dl>div{display:flex;gap:6px;align-items:center}.legend dt{display:flex;gap:2px;min-width:0}.legend dd{margin:0}.legend kbd{font-size:9px;padding:2px 4px;background:#f7f3e824;border-color:#f7f3e866}.feed{position:absolute;z-index:4;left:16px;top:150px;width:320px;margin:0;padding:0;list-style:none;display:grid;gap:3px;pointer-events:none}.feed li{display:flex;align-items:center;gap:7px;padding:2px 0;font-size:12px;text-shadow:var(--hud-shadow);animation:feedin .35s ease-out}.objective,.feed li,.tick{font-synthesis:none}.plate-line{display:flex;align-items:center;gap:5px;font:700 11px/1.2 var(--display);letter-spacing:.05em;white-space:nowrap;text-shadow:var(--hud-shadow)}.plate-hp{position:relative;width:54px;height:4px;border-radius:2px;background:#00000080;overflow:hidden;box-shadow:0 0 0 1px #ffffff2e}.plate.is-me .plate-line,.plate.is-me .plate-hp{display:none}.social-panel{position:absolute;z-index:5;left:14px;bottom:14px;width:auto;border-radius:var(--r-m);overflow:hidden}.social-panel.is-open{width:300px;background:#0a102ab8;border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.social-toggle{display:flex;align-items:center;gap:8px;padding:8px 10px;font:700 11px var(--display);letter-spacing:.1em;text-transform:uppercase;text-shadow:var(--hud-shadow);color:#f7f3e8e6}.social-toggle svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.7))}.social-panel:not(.is-open) .social-toggle small{display:none}.round-card{position:absolute;z-index:8;left:50%;bottom:28px;translate:-50% 0;width:min(440px,calc(100% - 24px));max-height:calc(100dvh - 110px);overflow:auto;overscroll-behavior:contain;padding:18px 20px;border-radius:var(--r-l);background:linear-gradient(160deg,#12183ae6,#080c22ed);border:1px solid var(--line-strong);box-shadow:0 20px 60px #00000073;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;animation:cardin .35s ease-out}@keyframes cardin{0%{opacity:0;transform:translateY(16px)}}.round-card .eyebrow{margin:0;font:700 11px var(--display);letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}.round-card h2{margin:4px 0 8px;font:700 30px/1.1 var(--display);letter-spacing:.06em}.round-card h2 b{color:var(--gold)}.round-card p{margin:0 0 10px;font-size:13px;color:#dfe4f6;line-height:1.45}.seats{display:grid;justify-items:center;gap:7px}.seat-dots{display:flex;gap:5px}.seat-dots i{width:12px;height:12px;border-radius:50%;background:#ffffff24;box-shadow:inset 0 0 0 1.5px #ffffff59}.seat-dots i.human{background:var(--gold);box-shadow:0 0 8px #f1d28aa6}.round-card .how{list-style:none;margin:4px 0 12px;padding:0;display:grid;gap:5px;font-size:12.5px;color:#cfd6ee}.round-card .how b{color:#fff;font-family:var(--display);letter-spacing:.04em}.class-pick{margin:0 auto;border-color:color-mix(in srgb,var(--class) 60%,var(--line-strong))}.class-pick svg{color:var(--class)}.round-actions{position:sticky;bottom:-18px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin:6px -20px -18px;padding:10px 20px 14px;background:linear-gradient(#0a0e2600,#0a0e26f5 30%)}.round-actions .primary{min-height:46px;padding:12px 22px;font:700 14px var(--display);letter-spacing:.1em;text-transform:uppercase}.round-actions .secondary{min-height:46px}.watching{font-size:12px;color:var(--muted);width:100%}.round-card.out{border-color:#ff5a6a80}.round-card.results{width:min(520px,calc(100% - 24px));bottom:auto;top:50%;translate:-50% -50%}.round-card.results.won{border-color:#f1d28ab3;box-shadow:0 20px 60px #00000073,0 0 60px #f1d28a40}.round-card.results.won h2{font-size:42px;background:linear-gradient(180deg,#fffaf0 30%,#f1d28a);-webkit-background-clip:text;background-clip:text;color:transparent}.earned b{font-weight:800}.podium{list-style:none;margin:6px 0 12px;padding:0;display:grid;gap:4px;text-align:left}.podium li{display:grid;grid-template-columns:34px minmax(0,1fr) 46px 34px;align-items:center;gap:8px;padding:6px 10px;border-radius:10px;background:#ffffff0b}.podium li.me{background:color-mix(in srgb,var(--mine) 26%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--mine) 60%,transparent) inset}.podium .place{font:700 16px var(--display);text-align:center;color:#fff}.podium .top2 .place{color:#e3e9f5}.podium .top3 .place{color:#e0a36a}.podium .who{display:grid;min-width:0}.podium .who strong{font:650 13px var(--ui);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.podium .who small{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.podium .stat{display:grid;justify-items:center;font:700 14px var(--ui);line-height:1.1}.podium .stat small{font:500 9px var(--body);color:var(--faint);text-transform:uppercase;letter-spacing:.06em}@keyframes stormpulse{50%{box-shadow:inset 0 0 230px 60px #7a3fe0b8}}.compass-eye i{display:block;width:12px;height:12px;border-radius:50%;border:2px solid #c084fc;background:#c084fc59;box-shadow:0 0 8px #c084fc}.compass-eye.inside i{border-color:#fff;background:#ffffff4d;box-shadow:0 0 6px #ffffffb3}.community-rank{display:flex;align-items:center;gap:6px}.community-rank small{font:600 10.5px/1 var(--display);letter-spacing:.12em;color:#f7f3e8e0}@media(max-width:760px),(pointer:coarse){.round-card{bottom:calc(10px + env(safe-area-inset-bottom));padding:14px;border-radius:18px}.round-card h2{font-size:24px}.round-card.waiting{bottom:auto;top:calc(66px + env(safe-area-inset-top));padding:12px 14px}.round-card.results{top:auto;bottom:calc(8px + env(safe-area-inset-bottom));translate:-50% 0;max-height:calc(100dvh - 64px)}.round-card.results.won h2{font-size:32px}.podium li{padding:5px 8px;grid-template-columns:28px minmax(0,1fr) 40px 30px;gap:6px}}@media(max-height:480px)and (orientation:landscape){.round-card{max-height:calc(100dvh - 20px)}.round-card.waiting{top:52px;width:min(380px,calc(100% - 300px))}.round-card .how{display:none}.round-card.results{width:min(560px,calc(100% - 24px))}.round-card.results .podium{grid-template-columns:1fr 1fr}.round-card.results .podium li:not(.top1):not(.top2):not(.top3):not(.me){display:none}.round-card h2{margin:2px 0 4px}.faction-picker .search input{padding:7px 0}}.share-sheet{position:absolute;inset:0;z-index:30;display:grid;place-items:center;padding:16px;background:#040818b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade-in .2s ease-out}@keyframes fade-in{0%{opacity:0}}.share-card{position:relative;width:min(640px,100%);max-height:calc(100dvh - 32px);overflow:auto;padding:18px;border-radius:var(--r-l);background:linear-gradient(160deg,#12183af7,#080c22fa);border:1px solid var(--line-strong);box-shadow:0 30px 80px #0000008c;text-align:center}.share-card .dialog-close{position:absolute;right:10px;top:10px}.share-card .eyebrow{margin:0 0 10px;font:700 12px var(--display);letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}.share-preview{aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#ffffff0d;display:grid;place-items:center;box-shadow:0 10px 30px #0006}.share-preview img{width:100%;height:100%;display:block;object-fit:cover}.share-preview .making{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:14px}.share-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:14px 0 6px}.share-actions button{min-height:46px;flex:1 1 130px}.share-card .note{display:block;margin:4px 0 0}.share-win{box-shadow:0 0 0 1px #fff3 inset,0 0 24px #f1d28a73!important;background:linear-gradient(180deg,#f7dc93,#c9a04f)!important;color:#241a06!important}@media(max-height:480px)and (orientation:landscape){.share-card{display:grid;grid-template-columns:1.3fr 1fr;gap:12px;align-items:center;text-align:left;width:min(760px,100%)}.share-card .eyebrow{grid-column:1/-1;margin:0}.share-actions{flex-direction:column;margin:0}.share-actions button{flex:none}.share-card .note{grid-column:1/-1}}.community-gate{display:grid;gap:10px;padding:14px;border-radius:var(--r-m);border:1px solid var(--line);background:#0c14328c}.community-gate>p{margin:0;font-size:13.5px;color:#d8def2;line-height:1.5}.gate-logos{display:flex;flex-wrap:wrap;gap:5px}.gate-logos img{width:26px;height:26px;border-radius:50%;object-fit:cover;background:#fff;box-shadow:0 0 0 1.5px var(--team);opacity:.9}.community-gate .connect{min-height:50px;font:700 15px var(--display);letter-spacing:.1em;text-transform:uppercase}.community-gate>small{font-size:11.5px;color:var(--faint)}.wallet-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.wallet-line code{font-size:13px;color:#fff}.wallet-line .text-link{padding:2px 0;font-size:12.5px}.wallet-dot{width:9px;height:9px;border-radius:50%;background:var(--up);box-shadow:0 0 8px var(--up)}.gate-status{margin:0;font-size:13px;color:var(--muted)}.gate-status.ok{color:#e6f7ee}.gate-status.warn{color:#ffd9a0}.faction-grid.held{max-height:none}.faction-grid .logo{width:32px;height:32px;border-radius:50%;object-fit:cover;background:#fff;box-shadow:0 0 0 2px var(--team)}.faction-grid .unaligned .fname strong{color:var(--muted)}.community-gate .more{justify-self:start;font-size:12.5px;padding:0}.locked-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:4px 10px}.locked-list li{display:flex;align-items:center;gap:7px;opacity:.72}.locked-list img{border-radius:50%;background:#fff;box-shadow:0 0 0 1.5px var(--team)}.locked-list strong{font:700 12px var(--ui)}.locked-list small{font-size:10.5px;color:var(--faint);margin-left:auto}@media(max-width:860px){.community-gate{padding:12px}.gate-logos img{width:22px;height:22px}.faction-grid.held{flex-wrap:nowrap}}@media(max-height:480px)and (orientation:landscape){.community-gate>p{font-size:12px}.gate-logos{display:none}.community-gate .connect{min-height:44px}}.spectator-bar{position:absolute;z-index:7;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));translate:-50% 0;display:grid;justify-items:center;gap:8px;width:min(440px,calc(100% - 24px));padding:12px 16px 14px;border-radius:var(--r-l);background:linear-gradient(160deg,#12183adb,#080c22e6);border:1px solid var(--line-strong);box-shadow:0 16px 40px #0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center}.spectator-bar .eyebrow{margin:0;font:700 11px var(--display);letter-spacing:.18em;text-transform:uppercase;color:#f3b0b8}.spectator-bar .follow{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:6px;width:100%}.spectator-bar .follow .tool{width:44px;height:44px;font-size:16px;color:#fff;background:#ffffff14;border-radius:12px}.spectator-bar .follow span{display:grid}.spectator-bar .follow strong{font:700 17px var(--display);letter-spacing:.04em}.spectator-bar .follow small{font-size:12px;color:var(--muted)}.spectator-bar .primary{min-height:44px;padding:10px 22px;font:700 13px var(--display);letter-spacing:.1em;text-transform:uppercase}.round-card .watching{display:flex;align-items:center;justify-content:center;gap:8px}.round-card .watching .tool{width:36px;height:36px;color:#fff;background:#ffffff14;border-radius:10px}.lobby-alt{display:flex;align-items:center;gap:12px;margin-top:10px}.lobby-alt .meta{margin:0;flex:1}.watch-live{min-height:40px;padding:8px 14px;gap:8px}.live-dot{width:9px;height:9px;border-radius:50%;background:#ff4d6d;box-shadow:0 0 8px #ff4d6d;animation:blink 1.4s ease-in-out infinite}@media(max-height:480px)and (orientation:landscape){.spectator-bar{width:min(380px,calc(100% - 24px));padding:8px 12px 10px;gap:5px}.spectator-bar .follow .tool{width:40px;height:40px}.lobby-alt .meta{display:block;font-size:11px}}.capture-head{display:flex;align-items:center;gap:10px}.capture-head em{font:800 12px var(--ui);font-style:normal;color:var(--gold);padding:2px 6px;border-radius:4px;border:1px solid var(--gold-deep)}.capture-pct{font:800 20px var(--ui);color:var(--team);font-variant-numeric:tabular-nums}.capture-bar span{display:block;height:100%;background:var(--team);border-radius:inherit;transition:width .15s linear;box-shadow:0 0 12px var(--team)}.capture.contested{border-color:var(--down);animation:shake .4s ease-in-out infinite}.capture.contested .capture-bar span{background:repeating-linear-gradient(45deg,var(--down) 0 8px,#fff 8px 12px)}@keyframes shake{25%{translate:-2px 0}75%{translate:2px 0}}.title-card{position:absolute;z-index:4;left:50%;top:20%;transform:translate(-50%);display:grid;justify-items:center;text-align:center;pointer-events:none;animation:title 3.8s ease-in-out forwards;width:min(640px,92vw)}.title-card h2{margin:0;font:700 clamp(28px,4.4vw,48px)/1.05 var(--display);letter-spacing:.12em;text-transform:uppercase;color:#fffaf0;text-shadow:0 3px 18px rgba(0,0,0,.6),0 0 30px color-mix(in srgb,var(--team) 40%,transparent)}.title-card .brush{display:block;width:78%;height:9px;margin:8px 0 10px;border-radius:50%;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--team) 70%,var(--gold)) 12%,var(--gold) 50%,color-mix(in srgb,var(--team) 70%,var(--gold)) 88%,transparent);filter:drop-shadow(0 0 6px rgba(241,210,138,.6));clip-path:polygon(0 60%,8% 20%,30% 45%,50% 10%,72% 40%,92% 15%,100% 55%,90% 85%,60% 70%,40% 95%,15% 75%)}.title-card p{margin:0;font:500 15px var(--body);color:#eef0fb;text-shadow:0 1px 8px rgba(0,0,0,.8);max-width:52ch}@keyframes title{0%{opacity:0;transform:translate(-50%,8px)}12%,82%{opacity:1;transform:translate(-50%)}to{opacity:0}}.feed li span{flex:1;min-width:0}.feed time{font-size:10px;color:var(--faint);font-variant-numeric:tabular-nums}.feed .feed-capture{font-weight:650}.feed .feed-raid,.feed .feed-season{border-left-color:#b98cff;background:#3c1e78b8;font-weight:650}.feed .feed-bounty{border-left-color:var(--gold)}.feed .feed-guardian{border-left-color:#9fe8ff}@keyframes feedin{0%{opacity:0;transform:translate(-10px)}}.bounty-badge{position:absolute;z-index:5;left:14px;top:140px;font:800 11px var(--ui);padding:4px 8px;border-radius:6px;background:#f1d28a33;color:var(--gold);border:1px solid var(--gold-deep)}.downed{position:absolute;z-index:6;left:50%;top:38%;transform:translate(-50%,-50%);display:grid;gap:6px;text-align:center;padding:22px 34px;border-radius:var(--r-l);background:#320a18d1;border:1px solid var(--down);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.downed strong{font:700 34px/1 var(--display);letter-spacing:.1em;text-transform:uppercase}.downed span{font-size:13px;color:#ffd9dc}.captured{position:absolute;z-index:7;left:50%;top:30%;transform:translate(-50%);display:grid;justify-items:center;gap:8px;padding:18px 24px;border-radius:var(--r-l);background:var(--glass-strong);border:1px solid var(--mine);box-shadow:0 0 60px color-mix(in srgb,var(--mine) 40%,transparent);animation:pop .45s cubic-bezier(.2,1.6,.4,1);text-align:center;max-width:calc(100% - 24px)}.captured strong{font:700 clamp(20px,3vw,30px)/1.1 var(--display);letter-spacing:.06em}.captured span{font-size:12px;color:var(--muted)}.captured div{display:flex;gap:8px}.captured a{padding:8px 14px;border-radius:var(--r-s);background:#ffffff14;font-weight:650;font-size:13px;text-decoration:none}.captured a:hover{background:#ffffff29}@keyframes pop{0%{opacity:0;transform:translate(-50%) scale(.8)}}.hit-flash{position:absolute;inset:0;z-index:8;pointer-events:none;box-shadow:inset 0 0 140px #ff465ab3;animation:fade .45s ease-out forwards}@keyframes fade{to{opacity:0}}.speed-lines{position:absolute;inset:0;z-index:3;pointer-events:none;transition:opacity .25s;background:repeating-conic-gradient(from 0deg at 50% 50%,transparent 0 3.1deg,rgba(255,255,255,.55) 3.2deg 3.35deg,transparent 3.45deg 7deg);mask-image:radial-gradient(ellipse at center,transparent 38%,#000 78%);-webkit-mask-image:radial-gradient(ellipse at center,transparent 38%,#000 78%);animation:rush .18s steps(3) infinite}@keyframes rush{33%{transform:rotate(1.2deg) scale(1.02)}66%{transform:rotate(-1deg)}}.connecting,.render-error{position:absolute;z-index:9;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;gap:10px;justify-items:center;text-align:center;padding:24px 30px;border-radius:var(--r-l);background:var(--glass-strong);border:1px solid var(--line);max-width:calc(100% - 32px)}.connecting strong{font:700 16px var(--display);letter-spacing:.06em}.render-error h2{font:700 22px var(--display);margin:0}.loading{position:absolute;z-index:8;right:24px;bottom:24px;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--r-s);background:var(--glass-strong);font-size:13px}.loading-ring{width:14px;height:14px;border-radius:50%;border:2px solid var(--line-strong);border-top-color:var(--gold);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.toast{position:absolute;z-index:9;left:50%;top:128px;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:10px 12px 10px 16px;border-radius:var(--r-s);background:var(--paper);color:var(--night);font-size:13px;font-weight:550;box-shadow:0 10px 30px #00000059;max-width:calc(100% - 24px)}.toast button{display:grid;place-items:center;color:var(--night);opacity:.6}.attribution{position:absolute;z-index:2;left:50%;transform:translate(-50%);bottom:2px;font-size:9px;color:#f7f3e88c;white-space:nowrap}.lobby .attribution{left:auto;right:8px;transform:none}.world-labels{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}.plate{position:absolute;left:0;top:0;display:grid;justify-items:center;gap:3px;will-change:transform}.plate-line b{font:800 10px var(--ui);color:var(--tag-color)}.plate-hp span{position:absolute;left:0;top:0;bottom:0;background:var(--hp)}.plate-hp .plate-barrier{background:#ffd76ae6}.plate.is-rival .plate-line{border-color:#ff5a6ab3}.plate.is-rival .plate-hp span:first-child{background:var(--down)}.plate.is-guardian .plate-line{font-family:var(--display);letter-spacing:.06em;border-color:#9fe8ff}.plate.is-guardian .plate-hp{width:110px;height:6px}.plate.is-guardian .plate-hp span:first-child{background:#9fe8ff}.speech-bubble{max-width:190px;white-space:normal;overflow-wrap:anywhere;padding:7px 10px;background:var(--paper);color:var(--night);border-radius:12px 12px 12px 2px;font:500 12px/1.35 var(--body);box-shadow:0 4px 16px #00000059}.floater{position:absolute;left:0;top:0;font:900 17px var(--ui);color:var(--tag-color);text-shadow:0 2px 0 rgba(0,0,0,.55),0 0 8px rgba(0,0,0,.4);white-space:nowrap;will-change:transform}.floater.heal{color:var(--hp)}.floater.self{color:#ff5a6a;font-size:19px}.floater.big{font:700 22px var(--display);letter-spacing:.06em;color:#fff;padding:5px 12px;border-radius:8px;background:color-mix(in srgb,var(--tag-color) 80%,transparent);text-shadow:none;box-shadow:0 8px 30px #00000059}.war-map{position:absolute;inset:0;z-index:20;display:grid;place-items:center;background:#040818b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);outline:none}.war-map-sheet{position:relative;width:min(760px,96vw);max-height:94dvh;display:grid;grid-template-rows:auto 1fr auto;padding:18px;border-radius:var(--r-l);background:linear-gradient(160deg,#f6ecd2,#e7d6ae);color:#2a2140;box-shadow:0 30px 80px #0009,inset 0 0 60px #78501e40}.war-map-sheet header{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;padding-right:40px}.war-map-sheet h2{margin:0;font:700 24px var(--display);letter-spacing:.08em}.war-map-sheet header p{margin:0;font-size:12px;color:#5a4a3a}.war-map-sheet .dialog-close{position:absolute;right:12px;top:12px;color:#2a2140}.war-map-sheet .note{color:#6a5a48}.war-map-canvas{position:relative;margin:10px auto 0;height:min(76dvh,860px);max-width:100%}.war-map-canvas img{width:100%;height:100%;display:block;border-radius:12px;filter:saturate(.9) sepia(.12);box-shadow:inset 0 0 40px #3c281466}.war-map-canvas svg{position:absolute;inset:0;width:100%;height:100%}.map-isle{fill:#ffffff59;stroke:#fff;stroke-width:1.2;stroke-dasharray:3 3}.map-vent{fill:#8fe6ff80;stroke:#1e6f8f;stroke-width:1}.map-town{fill:#1f5fff40;stroke:#1f5fff;stroke-width:1.5}.map-spawn{fill:#fff;stroke:#1f5fff;stroke-width:1.5}.map-ally{fill:var(--team);stroke:#fff;stroke-width:1}.map-me{fill:#fff;stroke:#0b1230;stroke-width:1.5}.map-shrine{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:4px;padding:2px 8px 2px 2px;border-radius:14px;background:#fffaf0e6;border:2px solid var(--team);font:700 10px var(--display);color:#2a2140;white-space:nowrap}.map-shrine img,.map-shrine i{width:20px;height:20px;border-radius:50%;background:var(--team)}.map-shrine.sky{border-style:dashed}.map-shrine.contested{animation:blink .6s steps(2) infinite}.map-shrine:hover{transform:translate(-50%,-50%) scale(1.08)}.social-panel.is-open{width:300px}.social-toggle span{flex:1;text-align:left}.social-toggle small{color:var(--gold);font-size:11px}.social-content{padding:0 12px 12px}.social-note{font-size:11px;color:var(--faint);margin:0 0 8px}.chat-log{height:140px;overflow:auto;overscroll-behavior:contain;border-block:1px solid var(--line);padding:8px 0}.chat-line{display:flex;gap:6px;flex-wrap:wrap;align-items:baseline;font-size:12px;margin:0 0 7px;overflow-wrap:anywhere}.chat-line strong{color:var(--gold)}.chat-line button{font-size:10px;color:var(--faint);margin-left:auto}.chat-empty{font-size:12px;color:var(--faint)}.emote-actions{display:flex;gap:4px;margin:10px 0}.emote-actions button{flex:1;padding:7px 2px;font-size:11px;font-weight:650;border-radius:6px;background:#ffffff0f}.emote-actions button:hover{background:#ffffff1f}.social-content form{display:flex;gap:5px}.social-content input{flex:1;min-width:0;padding:9px;border-radius:6px;border:1px solid var(--line-strong);background:#ffffff0a}.social-content form button{padding:8px 10px;border-radius:6px;background:var(--base);font-size:12px;font-weight:600}.social-content details{font-size:11px;margin-top:8px;color:var(--muted)}.unmute{display:block;margin:6px 0;color:var(--gold)}.dialog{padding:0;border:1px solid var(--line-strong);border-radius:var(--r-l);background:var(--glass-strong);color:var(--paper);width:min(540px,calc(100% - 20px));max-height:90dvh;box-shadow:0 30px 80px #0009}.dialog.wide{width:min(780px,calc(100% - 20px))}.dialog::backdrop{background:#0307148c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog-content{position:relative;padding:26px 26px 24px;max-height:90dvh;overflow:auto}.dialog-close{position:absolute;right:12px;top:12px}.dialog h2{font:700 26px/1.05 var(--display);letter-spacing:.06em;margin:0 40px 8px 0}.dialog-lead{color:#d5dcf2;margin:0 0 18px;font-size:14px}.tabs{display:flex;gap:4px;margin:16px 0 12px;border-bottom:1px solid var(--line)}.tabs button{padding:10px 12px;font-weight:650;font-size:13px;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px}.tabs button[aria-selected=true]{color:var(--paper);border-color:var(--gold)}.board{list-style:none;margin:0;padding:0;display:grid;gap:4px}.board li{position:relative;display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--r-s);overflow:hidden;isolation:isolate}.board li:before{content:"";position:absolute;inset:0 auto 0 0;width:var(--share);background:linear-gradient(90deg,color-mix(in srgb,var(--team) 30%,transparent),color-mix(in srgb,var(--team) 8%,transparent));z-index:-1}.board li.me{outline:1px solid var(--gold)}.board .rank{width:18px;font:750 13px var(--ui);color:var(--faint);text-align:right}.board .who{flex:1;display:grid;min-width:0}.board .who strong{font:780 14px/1.2 var(--ui);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.board .who small{font-size:11px;color:var(--muted)}.board .score{font:800 16px var(--ui);font-variant-numeric:tabular-nums}.board.mini li{padding:7px 8px}.board.mini .score{font-size:14px}.champion{display:flex;align-items:center;gap:14px;padding:16px;border-radius:var(--r-m);margin-bottom:10px;background:linear-gradient(120deg,color-mix(in srgb,var(--team) 35%,transparent),transparent);border:1px solid var(--team)}.champion small{color:var(--muted);font-size:12px;display:block}.champion strong{font:700 30px/1 var(--display)}.streak{display:flex;align-items:center;gap:12px;padding:14px;border-radius:var(--r-m);background:linear-gradient(120deg,#ff962838,#ffc9330f);border:1px solid rgba(255,180,60,.35)}.streak .flame{font-size:30px}.streak strong{font:700 20px var(--display);display:block}.streak small{font-size:12px;color:#ffe3b8}.contracts{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:8px}.contracts li{display:flex;align-items:center;gap:14px;padding:12px;border-radius:var(--r-m);border:1px solid var(--line)}.contracts li>div{flex:1;display:grid;gap:6px}.contracts strong{font:750 14px var(--ui)}.contracts small{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.contracts .bar{height:6px}.contracts .bar span{background:var(--up);position:static;display:block;height:100%}.contracts li.ready{border-color:var(--up)}.contracts li.claimed{opacity:.55}.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:14px}.menu-grid button{display:grid;justify-items:center;gap:8px;padding:16px 8px;border-radius:var(--r-m);border:1px solid var(--line);font-size:12px;font-weight:600;text-align:center}.menu-grid button:hover{border-color:var(--gold);background:#ffffff0a}.rules{padding-left:20px;margin:14px 0;display:grid;gap:10px;font-size:14px;line-height:1.5;color:#dde3f5}.rules strong{color:var(--paper)}.keys{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:12px;color:var(--muted)}.keys span{display:flex;align-items:center;gap:6px}.rename{display:flex;align-items:center;gap:8px;margin-bottom:6px}.rename label{font-size:12px;color:var(--muted)}.rename input{padding:10px}.settings{display:grid;gap:14px;margin-top:10px}.settings label{display:grid;gap:6px;font-size:13px}.settings label.toggle{display:flex;align-items:center;gap:10px}.settings input[type=checkbox]{width:18px;height:18px;accent-color:var(--base)}.wardrobe{margin:16px 0}.wardrobe-stage{display:flex;align-items:center;gap:16px;padding:12px 16px;border-radius:var(--r-m);border:1px solid var(--line);background:radial-gradient(ellipse at 20% 50%,rgba(61,123,255,.25),transparent 70%)}.wardrobe-stage>.character-art{width:96px;height:110px;flex-shrink:0}.wardrobe-stage strong,.wardrobe-stage small{display:block}.wardrobe-stage strong{font:700 18px var(--display);margin:6px 0}.wardrobe-stage small{font-size:12px;color:var(--muted)}.wardrobe-stage .eyebrow{font-size:11px;color:var(--faint)}.lobby .wardrobe-stage{display:none}.meme-options{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-top:12px}.meme-options button{border:1px solid var(--line);border-radius:var(--r-s);padding:8px 3px;font-size:11px;background:#ffffff08;overflow:hidden}.meme-options button[aria-pressed=true]{border-color:var(--gold);background:#f1d28a24}.meme-options button>.character-art{height:64px;margin-bottom:4px}.wardrobe-options{display:flex;gap:12px;margin-top:12px}.wardrobe-options label{flex:1;font-size:12px;color:var(--muted)}.wardrobe-options select{display:block;width:100%;margin-top:5px}.character-art{display:block;width:100%;height:100%;overflow:visible}.community-wardrobe,.collection{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}.community-wardrobe h3,.collection h3{font:700 20px var(--display);margin:4px 0 6px}.community-wardrobe>p,.collection p{font-size:13px;color:var(--muted)}.community-wardrobe .eyebrow,.collection .eyebrow{font-size:11px;color:var(--faint)}.wallet-controls{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:12px 0}.wallet-controls button{padding:10px 14px;border-radius:var(--r-s);background:var(--base);font-weight:650;font-size:13px}.wallet-controls button+button{background:#ffffff0f}.wallet-error{color:#ff9aa1;font-size:13px}.community-search{display:grid;gap:6px;font-size:12px;color:var(--muted)}.community-search input{padding:10px;border-radius:var(--r-s);border:1px solid var(--line-strong);background:#ffffff0a}.community-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;margin-top:8px}.community-grid article{display:grid;gap:4px;padding:10px;border-radius:var(--r-m);border:1px solid var(--line);font-size:12px}.community-grid h4{margin:4px 0 0;font:750 14px var(--ui)}.community-grid p{margin:0;color:var(--muted)}.community-grid a{color:var(--gold);font-size:11px}.community-grid small{color:var(--faint);font-size:11px}.community-grid button{margin-top:6px;padding:8px;border-radius:6px;background:var(--base);font-weight:650}.community-art{position:relative;height:96px}.community-art img{position:absolute;left:0;top:0;width:34px;height:34px;border-radius:50%}.community-art .character-art{height:96px}.community-more{margin-top:10px;color:var(--gold);font-weight:600}.small-note{font-size:11px;color:var(--faint)}.collection-heading{display:flex;justify-content:space-between;align-items:end;gap:10px}.collection-heading>span{font-size:12px;color:var(--muted)}.collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin-top:10px}.collection-item{display:grid;gap:6px;padding:12px;border-radius:var(--r-m);border:1px solid var(--line)}.collection-item.owned{border-color:var(--gold)}.collection-item p{margin:0;font-size:12px}.collection-art{position:relative;height:110px}.collection-art span{position:absolute;left:0;top:0;font:700 10px var(--ui);color:var(--gold)}.collection-item progress{width:100%;accent-color:var(--gold)}.wallet-picker{border:1px solid var(--line-strong);border-radius:var(--r-l);background:var(--glass-strong);color:var(--paper);padding:22px;width:min(420px,calc(100% - 20px))}.wallet-picker::backdrop{background:#03071499}.wallet-picker header{display:flex;justify-content:space-between;align-items:start}.wallet-picker h2{font:700 22px var(--display);margin:4px 0}.wallet-picker .eyebrow{font-size:11px;color:var(--faint)}.wallet-picker-close{font-size:22px;width:36px;height:36px;border-radius:var(--r-s)}.wallet-picker>p{font-size:13px;color:var(--muted)}.wallet-steps{display:flex;gap:6px;padding:0;list-style:none;counter-reset:s;font-size:11px;color:var(--muted)}.wallet-steps li{counter-increment:s;flex:1;padding:6px;border-radius:6px;background:#ffffff0d;text-align:center}.wallet-steps li:before{content:counter(s) ". "}.wallet-options{list-style:none;padding:0;display:grid;gap:6px}.wallet-options button{display:flex;align-items:center;gap:12px;width:100%;padding:12px;border-radius:var(--r-m);border:1px solid var(--line);text-align:left}.wallet-options button:hover:not(:disabled){border-color:var(--gold)}.wallet-options button>span:nth-child(2){flex:1;display:grid}.wallet-options small{color:var(--muted);font-size:12px}.wallet-option-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:#ffffff14}.wallet-progress{font-size:13px;color:var(--up)}.wallet-cancel{margin-top:8px;color:var(--gold);font-weight:600}.touch-controls{position:absolute;inset:0;z-index:6;pointer-events:none}.touch-controls>*{pointer-events:auto}.joystick{position:absolute;left:calc(22px + env(safe-area-inset-left));bottom:calc(26px + env(safe-area-inset-bottom));width:124px;height:124px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line-strong);background:radial-gradient(circle,#0a102a59,#0a102a99);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);touch-action:none}.joystick>span{width:52px;height:52px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#cfd8f5);box-shadow:0 4px 14px #0006;pointer-events:none}.touch-actions{position:absolute;right:calc(14px + env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom));width:220px;height:210px;touch-action:none}.touch-actions button{position:absolute;display:grid;place-items:center;border-radius:50%;color:#fff;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--class) 55%,#1a2554),#0d1438 75%);border:2px solid color-mix(in srgb,var(--class) 70%,#fff);touch-action:none;user-select:none;-webkit-user-select:none}.touch-skill.basic{right:14px;bottom:10px;width:84px;height:84px}.touch-skill.q{right:110px;bottom:6px;width:56px;height:56px}.touch-skill.e{right:104px;bottom:74px;width:56px;height:56px}.touch-skill.r{right:44px;bottom:110px;width:58px;height:58px;border-color:var(--gold)}.touch-wings{right:156px;bottom:130px;width:54px;height:54px;background:#0a102aa6!important;border-color:var(--wing)!important;color:var(--wing)!important}.touch-dive{right:-2px;bottom:176px;width:46px;height:46px;background:#0a102aa6!important;border-color:var(--line-strong)!important;font-size:16px}.touch-actions .ability-sweep b{font-size:15px}@media(max-width:860px){.faction-grid{display:flex;gap:6px;max-height:none;overflow-x:auto;overflow-y:hidden;padding:2px 2px 8px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.faction-grid>button{flex:0 0 auto;grid-template-columns:auto auto;grid-template-rows:auto;column-gap:7px;padding:7px 12px 7px 8px;scroll-snap-align:start;min-height:48px}.faction-grid>button .logo{width:28px!important;height:28px!important}.faction-grid .fname small,.faction-grid .fstat{display:none}.faction-grid>button.chosen:after{top:2px;right:4px;font-size:10px}.class-grid{grid-template-columns:repeat(4,1fr);gap:5px}.class-grid>button{padding:8px 4px 7px;gap:2px;min-height:48px}.class-grid small{display:none}.class-grid strong{font-size:11px}.class-detail{padding:10px 12px}.class-detail p{font-size:12px;margin:0 0 6px}.class-skills{display:none}}@media(max-width:760px),(pointer:coarse){.dialog-content{padding:22px 16px}.dialog h2{font-size:22px}.menu-grid{grid-template-columns:repeat(2,1fr)}.contracts li{flex-direction:column;align-items:stretch}.attribution{display:none}}@media(max-width:380px){.faction-grid{grid-template-columns:1fr}.meme-options{grid-template-columns:repeat(4,1fr)}}@media(max-height:480px)and (orientation:landscape){.objective,.feed,.legend,.class-detail,.hint,.lobby-live{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.speed-lines{display:none}}.invite-banner{display:flex;align-items:center;gap:12px;margin:0 0 18px;padding:12px 14px;border-radius:var(--r-l);background:linear-gradient(120deg,#7dffb029,#3d7bff24);border:1px solid rgba(125,255,176,.5);box-shadow:0 0 24px #7dffb01f}.invite-banner div{display:grid;gap:2px}.invite-banner strong{font:700 16px var(--display);letter-spacing:.04em;color:#eafff2}.invite-banner small{font-size:13px;color:var(--muted)}.invite-icon{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:50%;background:#7dffb02e;color:#7dffb0}.lobby-alt{flex-wrap:wrap}.lobby-alt .meta{flex-basis:100%}.lobby-alt .meta.open{color:#9dffc6}.play-friends{min-height:40px;padding:8px 14px;gap:8px}.party-line{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 10px;margin:8px 0 0;font-size:13px;color:var(--muted)}.party-line span{color:#cfe0ff}.party-line span.here{color:#7dffb0;font-weight:700}.compass-friend i{display:block;width:10px;height:10px;rotate:45deg;background:#7dffb0;border:1.5px solid #0b2d1c;box-shadow:0 0 8px #7dffb0}.compass-friend small{position:absolute;top:13px;font:700 9px var(--ui);color:#caffdf;text-shadow:var(--hud-shadow);white-space:nowrap}.plate.is-friend .plate-line{border-color:#7dffb0d9;box-shadow:0 0 10px #7dffb059}.plate.is-friend .plate-line span:before{content:"◆ ";color:#7dffb0}.party-line .text-link{margin-left:4px;font-size:12px}.party-card{width:min(460px,100%)}.party-card h2{margin:0 0 6px;font:700 24px var(--display);letter-spacing:.06em}.party-code{padding:2px 10px;border-radius:8px;background:#7dffb024;border:1px solid rgba(125,255,176,.5);color:#9dffc6;letter-spacing:.14em}.party-lead{margin:0 0 14px;color:var(--muted);font-size:14px}.party-link{display:flex;gap:8px}.party-link input{flex:1;min-width:0;padding:10px 12px;border-radius:10px;border:1px solid var(--line-strong);background:#ffffff0f;color:#fff;font:600 14px var(--ui)}.party-link button{min-height:44px;padding:8px 16px}.party-members{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 10px;margin:10px 0 0;font-size:13px;color:var(--muted)}.party-members span.online{color:#7dffb0;font-weight:700}.party-manage{display:flex;justify-content:center;gap:18px;margin-top:10px}@media(max-height:480px)and (orientation:landscape){.party-card{display:block;text-align:center}.party-card .share-actions{flex-direction:row}}.offline-line{margin:0 0 14px;padding:10px 12px;border-radius:12px;background:#ffc44d1f;border:1px solid rgba(255,196,77,.45);color:#ffe2a8;font-size:13px}.migration-card,.pause-card{width:min(480px,100%)}.migration-card h2,.pause-card h2{margin:0 0 6px;font:700 22px var(--display);letter-spacing:.04em}.fighter-choices{display:grid;gap:8px;margin:0 0 6px}.fighter-choices button{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;border:1px solid var(--line-strong);background:#ffffff0d;color:#fff;text-align:left;min-height:56px}.fighter-choices button span{display:grid;gap:2px}.fighter-choices button small{color:var(--muted);font-size:12px}.fighter-choices button.chosen{border-color:var(--gold);background:#f1d28a1f;box-shadow:0 0 0 2px #f1d28a40}.connecting.pause-card{gap:8px}.connecting.pause-card p{margin:0;max-width:34ch;text-align:center}.connecting.pause-card{width:min(420px,calc(100vw - 32px));box-sizing:border-box}.connecting.pause-card .share-actions{width:100%;margin:6px 0 0}.connecting.pause-card .share-actions button{min-width:0}.kept-fighters{display:grid;gap:8px;padding:12px;border-radius:12px;border:1px solid var(--line-strong);background:#ffffff0a}.kept-fighters p{display:grid;gap:4px;margin:0}.kept-fighters small{color:var(--muted)}.legal-links{margin:10px 0 0;font-size:12px;color:var(--muted)}.legal-links a{color:var(--muted)}.rename input{flex:1;min-width:0;padding:14px;border-radius:var(--r-s);border:1px solid var(--line-strong);background:#ffffff0d;font-size:16px;outline:none}.rename input:focus{border-color:var(--gold)}.play{width:100%;min-height:60px;font:700 20px/1 var(--display);letter-spacing:.1em;border-radius:var(--r-m)}.danger{color:#ffd0d6!important}.primary.danger{background:linear-gradient(180deg,#ff6b7c,#d6344b)!important;color:#fff!important;box-shadow:0 6px 20px #d6344b59!important}.app.lobby .game-world:after{background:linear-gradient(180deg,#080d248c 0,#080d2400 16% 46%,#080d24d1 64%,#080d24f7)}.front{position:absolute;inset:0;z-index:3;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:calc(10px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) 0 calc(16px + env(safe-area-inset-left));pointer-events:none}.front>*{pointer-events:auto}.front-top{display:flex;align-items:center;justify-content:space-between}.front-top .brand span{font:700 18px var(--display);letter-spacing:.14em}.front-tools{display:flex;gap:2px}.front-hero{position:relative;pointer-events:auto;touch-action:pan-y;min-height:0}.name-chip{position:absolute;left:50%;bottom:6px;translate:-50% 0;display:flex;align-items:center;gap:8px;max-width:88%;padding:8px 16px;border-radius:999px;background:#080d248c;border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:700 17px var(--display);letter-spacing:.06em;white-space:nowrap}.name-chip span{overflow:hidden;text-overflow:ellipsis}.name-chip i{font-style:normal;color:var(--gold);font-size:15px}.name-chip:disabled{opacity:1;cursor:default}.hero-nav{position:absolute;top:50%;translate:0 -50%;width:44px;height:64px;border-radius:14px;font:300 36px/1 var(--ui);color:#fffc;text-shadow:0 2px 8px rgba(0,0,0,.5)}.hero-nav.prev{left:0}.hero-nav.next{right:0}.hero-nav:hover{background:#080d244d}.front-bottom{display:grid;gap:10px;padding:0 0 calc(14px + env(safe-area-inset-bottom));max-width:520px;width:100%;justify-self:center}.front-bottom h1{margin:0;font:700 clamp(28px,8.4vw,44px)/1.04 var(--display);letter-spacing:.02em;text-align:center;text-wrap:balance;text-shadow:0 4px 30px rgba(0,0,0,.45);background:linear-gradient(180deg,#fffaf0 30%,#f1d28a);-webkit-background-clip:text;background-clip:text;color:transparent}.front-bottom h1 span{white-space:nowrap}.front-sub{margin:-4px 0 2px;text-align:center;font:600 13px var(--ui);color:#d8def2;letter-spacing:.02em}.class-chips{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.class-chips button{display:grid;justify-items:center;gap:3px;padding:8px 4px;min-height:52px;border-radius:var(--r-m);border:1px solid var(--line);background:#0c143299;color:var(--class);font:700 12px/1.1 var(--display);letter-spacing:.05em}.class-chips button span{color:var(--paper)}.class-chips button.chosen{border-color:var(--class);background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--class) 34%,transparent),#0c1432e6 72%);box-shadow:0 0 18px color-mix(in srgb,var(--class) 28%,transparent)}.class-line{margin:0;min-height:2.6em;text-align:center;font-size:13px;line-height:1.35;color:var(--muted)}.front-bottom .play{min-height:62px;background:linear-gradient(180deg,color-mix(in srgb,var(--class) 38%,var(--base-hi)),var(--base))}.play-friends{min-height:48px;gap:8px}.front-links{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 10px;margin:0;font-size:13px;color:var(--faint)}.front-links .text-link{padding:4px 0;font-size:13px}.front-hold,.front-trust{margin:0;text-align:center;font-size:12px;color:var(--muted)}.front-hold{color:var(--gold)}.front-bottom .meta{margin:0}.front-bottom .meta .text-link{font-size:12px;padding:0}.front-bottom .legal-links{margin:0;text-align:center;font-size:11px}.front-bottom .invite-banner,.front-bottom .offline-line{margin:0}@media(max-width:860px){.lobby-live{display:none}}.lobby-live{top:76px}@media(min-width:861px){.app.lobby .game-world:after{background:linear-gradient(90deg,#080d24e6 0,#080d248c 34%,#080d2400 58%,#080d2433)}.front{grid-template-columns:minmax(360px,520px) 1fr;grid-template-rows:auto 1fr;padding:24px 36px 0}.front-top{grid-column:1/-1}.front-hero{grid-column:2;grid-row:2}.front-bottom{grid-column:1;grid-row:2;align-self:end;justify-self:start;padding-bottom:32px}.front-bottom h1{text-align:left;font-size:clamp(40px,4.4vw,58px)}.front-sub,.class-line,.front-links,.front-hold,.front-trust,.front-bottom .meta,.front-bottom .legal-links{text-align:left;justify-content:flex-start}.name-chip{top:auto;bottom:18%}.hero-nav{display:none}}@media(max-height:480px)and (orientation:landscape){.front{grid-template-columns:minmax(300px,46vw) 1fr;grid-template-rows:auto 1fr;padding:8px calc(12px + env(safe-area-inset-right)) 0 calc(12px + env(safe-area-inset-left))}.app.lobby .game-world:after{background:linear-gradient(90deg,#080d24f0 0,#080d24b3 40%,#080d2400 62%)}.front-top{grid-column:1/-1}.front-hero{grid-column:2;grid-row:2}.front-bottom{grid-column:1;grid-row:2;align-self:end;gap:6px;padding-bottom:calc(8px + env(safe-area-inset-bottom))}.front-bottom h1{font-size:24px;text-align:left}.front-sub,.class-line,.front-hold,.front-trust,.front-bottom .legal-links{display:none}.front-bottom .play{min-height:50px;font-size:17px}.play-friends{min-height:40px}.name-chip{top:auto;bottom:10px}.hero-nav{display:none}}@media(max-width:360px){.class-chips button{font-size:11px}.front-bottom h1{font-size:28px}}@media(max-height:720px)and (orientation:portrait){.class-line,.front-trust,.front-bottom .legal-links{display:none}.front-bottom{gap:8px}.front-bottom .play{min-height:54px}.play-friends{min-height:44px}.name-chip{bottom:auto;top:0;font-size:15px;padding:6px 14px}}.how-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.how-cards li{display:grid;gap:6px;padding:14px;border-radius:var(--r-m);border:1px solid var(--line);background:#0c14328c}.how-art{font-size:34px;line-height:1}.how-cards strong{font:700 16px var(--display);letter-spacing:.06em}.how-cards p{margin:0;font-size:13px;color:var(--muted);line-height:1.45}.vitals{position:absolute;z-index:6;left:calc(14px + env(safe-area-inset-left));top:calc(12px + env(safe-area-inset-top));display:flex;align-items:flex-start;gap:8px;pointer-events:none}.vitals>*{pointer-events:auto}.level-ring{position:relative;display:grid;place-items:center;width:46px;height:46px;flex-shrink:0;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--class) 45%,#0b1233) 0,#0b1233 70%);box-shadow:0 2px 10px #00000073}.level-ring svg{position:absolute;inset:0;width:100%;height:100%}.ring-track{fill:none;stroke:#ffffff2e;stroke-width:4}.ring-fill{fill:none;stroke:var(--gold);stroke-width:4;stroke-linecap:round;transition:stroke-dasharray .4s}.level-ring b{position:relative;font:700 20px/1 var(--display);color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6)}.hp{display:grid;gap:4px;padding-top:4px}.hp-bar{position:relative;width:min(210px,32vw);height:18px;border-radius:9px;overflow:hidden;background:#0a08149e;box-shadow:0 0 0 1.5px #ffffffbf,0 2px 8px #00000073;animation:hurt .35s ease-out}.hp-fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(180deg,#8ff5a8,#34c46a);transition:width .18s}.vitals.low .hp-fill{background:linear-gradient(180deg,#ff9aa6,#e0364e);animation:heartbeat 1s ease-in-out infinite}.hp-barrier{position:absolute;right:0;top:0;bottom:0;background:linear-gradient(180deg,#ffe082e6,#e6b03cd9)}.hp-bar b{position:absolute;right:8px;top:0;bottom:0;display:grid;place-items:center;font:800 12px/1 var(--ui);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8);font-variant-numeric:tabular-nums}.vitals-name{display:flex;align-items:center;gap:5px;font:700 12px/1.1 var(--display);letter-spacing:.05em;color:var(--class);text-shadow:var(--hud-shadow);white-space:nowrap}.statuses{display:flex;flex-wrap:wrap;gap:4px}.statuses span{padding:2px 6px;border-radius:6px;font:700 11px var(--ui);background:#0a102ab3;color:#ffe1a0}.round-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:#080d249e;border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:600 13px/1 var(--ui);color:#f7f3e8f0;white-space:nowrap}.round-pill b{font:800 16px/1 var(--display);color:#fff}.round-pill i{width:4px;height:4px;border-radius:50%;background:var(--gold)}.round-pill.shrinking{border-color:#c084fcb3;color:#eadcff}.hud-corner{position:absolute;z-index:6;right:calc(10px + env(safe-area-inset-right));top:calc(10px + env(safe-area-inset-top));display:grid;justify-items:end;gap:6px}.minimap{display:block;width:84px;height:84px;padding:0;border-radius:50%;filter:drop-shadow(0 3px 8px rgba(0,0,0,.45))}.minimap svg{width:100%;height:100%;display:block}.mm-sea{fill:#3c78b4}.mm-land{fill:#8fb76a;stroke:#f0e2b0;stroke-width:3}.mm-finale{fill:#ffe19659;stroke:#ffe19a;stroke-width:3}.mm-shrine{fill:#9fe8ff;stroke:#0b1233;stroke-width:2}.mm-shrine.asleep{opacity:.4}.mm-shrine.sky{fill:#ffe19a}.mm-storm{fill:#7a3fe08c}.mm-eye{fill:none;stroke:#fff;stroke-width:3}.mm-next{fill:none;stroke:#fff;stroke-width:2.5;stroke-dasharray:8 7;opacity:.85}.mm-friend{fill:#7dffb0;stroke:#0b1233;stroke-width:2}.mm-me{fill:#fff;stroke:#0b1233;stroke-width:2.5}.mm-rim{fill:none;stroke:#ffffffd9;stroke-width:5}.corner-buttons{display:flex;gap:6px}.round-button{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#080d249e;border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.round-button .dot,.tile-badge{position:absolute;top:2px;right:2px;min-width:10px;height:10px;border-radius:5px;background:var(--up);box-shadow:0 0 8px var(--up)}.tile-badge{position:static;display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;margin-left:6px;border-radius:9px;font:800 11px/1 var(--ui);color:#062;font-style:normal}.feed-line{display:contents;text-align:inherit;font:inherit;color:inherit}.feed li:has(.feed-line){pointer-events:auto;cursor:pointer}.storm-edge{position:absolute;inset:0;z-index:3;pointer-events:none;box-shadow:inset 0 0 70px 18px #8c46f099;animation:stormedge 1.4s ease-in-out infinite}@keyframes stormedge{50%{box-shadow:inset 0 0 90px 26px #a05affbf}}.storm-banner{position:absolute;z-index:7;left:50%;top:22%;translate:-50% 0;padding:8px 16px;border-radius:14px;background:#281050b8;border:1px solid rgba(192,132,252,.7);font:700 16px var(--display);white-space:nowrap;letter-spacing:.06em;color:#f3e8ff;text-align:center;text-shadow:var(--hud-shadow);pointer-events:none;animation:cardin .3s ease-out;max-width:calc(100% - 24px)}.storm-banner.up{background:#50380ab8;border-color:#ffe19a;color:#fff3cc}.safe-chip{display:flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;border-radius:999px;background:#281050b8;border:1px solid #d8b4fe;text-shadow:var(--hud-shadow);white-space:nowrap}.safe-chip .arrow{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#fff;color:#4c1d95;font:900 18px/1 var(--ui)}.safe-chip b{font:700 14px var(--display);letter-spacing:.04em;color:#fff}.safe-chip small{font:600 11px var(--ui);color:#e4d6ff}.touch-actions .touch-skill.r{background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--class) 55%,#1a2554),#0d1438 75%) padding-box,conic-gradient(var(--gold) var(--charge,360deg),rgba(255,255,255,.14) 0) border-box;border:4px solid transparent}.touch-skill.r.charging>svg{opacity:.45}.touch-skill.r:not(.charging){box-shadow:0 0 0 2px var(--gold),0 0 18px #f1d28a8c;animation:ultready 2s ease-in-out infinite}.touch-skill.r.just-ready{animation:ultburst .6s ease-out}.ult-hint,.ult-ready{position:absolute;right:calc(100% + 8px);top:50%;translate:0 -50%;padding:5px 10px;border-radius:10px;background:#080d24d1;border:1px solid var(--line-strong);font:700 12px var(--ui);color:#fff;white-space:nowrap;pointer-events:none;animation:cardin .2s ease-out}.ult-ready{background:linear-gradient(180deg,#f7dc93,#c9a04f);color:#241a06;border:0;text-transform:uppercase;letter-spacing:.08em}.ability.r.charging .orb-icon{opacity:.5}.ability .ult-hint{right:auto;left:50%;top:auto;bottom:calc(100% + 12px);translate:-50% 0}@keyframes ultburst{0%{transform:scale(1)}40%{transform:scale(1.28);box-shadow:0 0 0 6px #f1d28a80,0 0 40px #f1d28ae6}to{transform:scale(1)}}.coach{position:absolute;z-index:7;pointer-events:none;padding:9px 14px;border-radius:14px;background:#080d24db;border:1px solid var(--gold);font:700 14px var(--ui);color:#fff;box-shadow:0 8px 24px #0006;animation:cardin .3s ease-out,breathe 2.4s ease-in-out .3s infinite;max-width:min(300px,calc(100% - 24px));text-align:center}.coach{left:50%;top:38%;translate:-50% 0;width:max-content;max-width:min(300px,calc(100vw - 24px))}.app:not(.touch) .coach{top:auto;bottom:24%}.podium li{grid-template-columns:32px minmax(0,1fr) 46px 34px 28px}.row-more{width:28px;height:28px;font-size:16px}.see-all{display:block;margin:-4px auto 6px}.versus{margin:4px 0 8px;font-size:13px;color:var(--muted)}.versus .text-link{padding:0 0 0 4px;font-size:13px}.earned.idle{color:#ffcf8a}.round-card.between{bottom:auto;top:50%;translate:-50% -50%}.safety-card{width:min(420px,100%);text-align:left}.safety-card h2{font:700 24px var(--display);margin:4px 0 8px}.report-reasons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.report-reasons button{min-height:48px}.age-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.age-row label,.confirm-row{display:grid;gap:6px;font-size:13px;color:var(--muted)}.age-row select,.confirm-row input{padding:12px;border-radius:var(--r-s);border:1px solid var(--line-strong);background:var(--night);font-size:16px}.confirm-row{margin:12px 0}.settings-links,.blocked-list{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.your-data{margin-top:16px;padding-top:12px;border-top:1px solid var(--line)}.your-data p{margin:0;display:grid;gap:2px}.your-data small{color:var(--muted);font-size:12px}.your-data .share-actions{justify-content:flex-start}.chat-off{display:grid;gap:8px;justify-items:start;padding:4px 0}.social-toggle{position:relative}.social-toggle .unread{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;display:grid;place-items:center;background:var(--up);color:#062;font:800 11px/1 var(--ui);font-style:normal}.map-eye{fill:none;stroke:#fff;stroke-width:2.5;vector-effect:non-scaling-stroke}.map-next{fill:none;stroke:#fff;stroke-width:2;stroke-dasharray:6 5;vector-effect:non-scaling-stroke;opacity:.85}.app:not(.touch) .hud-stack{top:52px}.app:not(.touch) .objective{position:absolute;z-index:5;left:50%;bottom:20px;translate:-50% 0;background:#080d2480}.drop-chip{padding:5px 12px;border-radius:999px;background:#080d24b3;border:1px solid var(--wing);font:700 13px var(--ui);color:#dffaff;white-space:nowrap;animation:breathe 1.6s ease-in-out infinite}.app.playing{-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.app.playing .chat-log,.app.playing input,.app.playing .share-card{user-select:text;-webkit-user-select:text}.app.touch .hud-top,.app.touch .standings,.app.touch .legend,.app.touch .ability-bar,.app.touch .season-line{display:none}.app.touch .vitals{left:calc(10px + env(safe-area-inset-left));top:calc(10px + env(safe-area-inset-top));gap:6px}.app.touch .level-ring{width:40px;height:40px}.app.touch .level-ring b{font-size:17px}.app.touch .hp-bar{width:clamp(84px,27vw,150px);height:16px}.app.touch .vitals-name{display:none}.app.touch .hud-stack{top:calc(60px + env(safe-area-inset-top));left:calc(104px + env(safe-area-inset-left));right:calc(104px + env(safe-area-inset-right));transform:none;width:auto;gap:6px}.app.touch .target-frame{width:100%}.app.touch .target-frame strong{font-size:12px}.app.touch .round-pill{padding:5px 10px;font-size:12px;gap:6px}.app.touch .round-pill b{font-size:14px}.app.touch .feed{left:auto;right:calc(10px + env(safe-area-inset-right));top:calc(206px + env(safe-area-inset-top));width:min(60vw,260px);text-align:right;gap:4px}.app.touch .feed li{justify-content:flex-end;font-size:12px}.app.touch .feed li:nth-last-child(n+3){display:none}.app.touch .objective{position:absolute;z-index:5;left:calc(12px + env(safe-area-inset-left));bottom:calc(164px + env(safe-area-inset-bottom));width:min(150px,calc(100% - 250px));display:grid;grid-template-columns:auto 1fr;gap:0 6px;padding:6px 10px;border-radius:12px;background:#080d2499;white-space:normal;text-align:left}.app.touch .objective i{grid-row:span 2;align-self:center}.app.touch .objective strong{font:700 12px/1.2 var(--ui);letter-spacing:0;text-transform:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app.touch .objective small{font-size:11px}.app.touch .social-panel{left:auto;right:calc(10px + env(safe-area-inset-right));top:calc(150px + env(safe-area-inset-top));bottom:auto;width:auto}.app.touch .social-panel:not(.is-open){background:none;border:0;-webkit-backdrop-filter:none;backdrop-filter:none}.app.touch .social-panel:not(.is-open) .social-toggle{width:44px;height:44px;justify-content:center;padding:0;border-radius:50%;background:#080d249e;border:1px solid var(--line-strong)}.app.touch .social-panel:not(.is-open) .social-toggle span{display:none}.app.touch .social-panel.is-open{left:calc(8px + env(safe-area-inset-left));right:calc(8px + env(safe-area-inset-right));top:calc(64px + env(safe-area-inset-top));z-index:9}.app.touch .toast{top:auto;bottom:calc(252px + env(safe-area-inset-bottom));max-width:calc(100% - 24px);font-size:13px;padding:8px 10px 8px 12px}.app.touch .storm-banner{top:calc(262px + env(safe-area-inset-top))}.app.touch:has(.round-card) .toast{bottom:auto;top:calc(206px + env(safe-area-inset-top))}.app.touch:has(.round-card) .feed{display:none}.app.touch .title-card{top:26%}.app.touch .round-card.waiting{top:calc(204px + env(safe-area-inset-top))}@media(max-height:760px){.app.touch .round-card.waiting .how{display:none}}.app.touch .title-card p{font-size:13px}.app.touch .stamina{left:calc(50% + 46px);width:34px;height:34px}.app.touch .touch-actions .touch-skill.basic{font-size:12px}@media(orientation:landscape)and (max-height:500px){.app.touch .hud-corner{grid-template-columns:auto auto;align-items:start}.app.touch .minimap{width:76px;height:76px}.app.touch .feed{top:calc(8px + env(safe-area-inset-top));right:calc(150px + env(safe-area-inset-right));width:min(32vw,240px)}.app.touch .objective{bottom:calc(160px + env(safe-area-inset-bottom));max-width:30vw}.app.touch .social-panel{top:calc(62px + env(safe-area-inset-top));right:calc(10px + env(safe-area-inset-right))}.app.touch .toast{bottom:calc(16px + env(safe-area-inset-bottom));max-width:34vw}.app.touch:has(.round-card) .toast{top:calc(56px + env(safe-area-inset-top));bottom:auto;max-width:50vw}.app.touch .hud-stack{top:calc(8px + env(safe-area-inset-top));left:calc(236px + env(safe-area-inset-left));right:calc(200px + env(safe-area-inset-right));max-width:none}.app.touch .storm-banner{top:26%;font-size:15px}}.feed time{font-size:11px}