:root{color-scheme:dark;--ink: #eef4f1;--muted: #9eafb4;--dim: #64777f;--gold: #d9ba6a;--gold-bright: #ffe59a;--teal: #5ee1d1;--blue-team: #56d7ff;--red-team: #ff707a;--panel: rgba(11, 18, 26, .88);--panel-solid: #0d1620;--line: rgba(216, 186, 106, .28);--danger: #ff6d75;--success: #65e2a0;--ui-scale: 1;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:#070b11;color:var(--ink)}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--teal);outline-offset:3px}.app-shell{position:relative;width:100%;height:100%;background:radial-gradient(circle at 72% 28%,rgba(54,138,143,.18),transparent 34%),radial-gradient(circle at 24% 74%,rgba(100,74,153,.16),transparent 38%),linear-gradient(145deg,#0e1922,#080d14 52%,#070911)}.app-shell:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.28;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(circle,black,transparent 78%)}.screen{position:absolute;inset:0;overflow:auto;z-index:2}.screen-inner{width:min(1200px,calc(100% - 40px));min-height:100%;margin:0 auto;padding:28px 0 46px}.topbar{display:flex;align-items:center;gap:18px;min-height:58px}.topbar .spacer{flex:1}.wordmark{display:inline-flex;align-items:center;gap:11px;border:0;background:none;padding:0;cursor:pointer}.wordmark-icon{width:34px;height:34px;filter:drop-shadow(0 0 14px rgba(94,225,209,.2))}.wordmark strong{font:700 19px/1 Georgia,serif;letter-spacing:.15em}.wordmark small{display:block;margin-top:4px;color:var(--gold);font:700 8px/1 sans-serif;letter-spacing:.38em}.service-pill,.latency-pill{display:inline-flex;align-items:center;gap:8px;min-height:30px;padding:0 11px;border:1px solid rgba(255,255,255,.1);border-radius:999px;color:var(--muted);background:#04080d85;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.service-dot{width:7px;height:7px;border-radius:50%;background:#8a9294;box-shadow:0 0 0 4px #8a929414}.service-pill.online .service-dot{background:var(--success);box-shadow:0 0 12px var(--success)}.service-pill.offline .service-dot{background:var(--danger)}.nav-button,.text-button{border:0;background:none;color:var(--muted);cursor:pointer;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.nav-button:hover,.text-button:hover{color:var(--ink)}.primary-button,.secondary-button,.danger-button{position:relative;min-height:48px;padding:0 24px;border:1px solid rgba(255,255,255,.16);border-radius:4px;cursor:pointer;font-weight:800;font-size:12px;letter-spacing:.15em;text-transform:uppercase;transition:transform .15s ease,filter .15s ease,border-color .15s ease}.primary-button:hover,.secondary-button:hover,.danger-button:hover{transform:translateY(-1px);filter:brightness(1.12)}.primary-button:active,.secondary-button:active{transform:translateY(1px)}.primary-button{color:#16140d;border-color:var(--gold-bright);background:linear-gradient(135deg,#ffe697,#c89f46);box-shadow:0 10px 30px #cca0422e,inset 0 1px #ffffff80}.secondary-button{color:var(--ink);background:linear-gradient(135deg,#273d48e6,#131f2af2)}.danger-button{background:#701d25b3;border-color:#ff707a66}.primary-button:disabled,.secondary-button:disabled{opacity:.42;cursor:not-allowed;transform:none}.compact-button{min-height:34px;padding:0 14px;font-size:10px}.hero-landing{display:grid;grid-template-columns:1.05fr .95fr;min-height:calc(100vh - 100px);align-items:center;gap:70px;padding:50px 0 76px}.eyebrow{margin:0 0 15px;color:var(--teal);font-size:11px;font-weight:800;letter-spacing:.28em;text-transform:uppercase}.landing-title{margin:0;font:700 clamp(58px,8.2vw,118px)/.78 Georgia,"Times New Roman",serif;letter-spacing:-.055em;text-shadow:0 4px 40px rgba(0,0,0,.6)}.landing-title span{display:block;margin:18px 0 0 .15em;color:var(--gold);font:800 .18em/1 ui-sans-serif,sans-serif;letter-spacing:.52em}.landing-copy{max-width:590px;margin:30px 0;color:#bdc9c9;font:400 18px/1.7 Georgia,serif}.landing-actions{display:flex;flex-wrap:wrap;gap:12px}.landing-actions .primary-button{min-width:190px;min-height:58px}.feature-line{display:flex;flex-wrap:wrap;gap:22px;margin-top:26px;color:var(--dim);font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.feature-line span:before{content:"◆";margin-right:8px;color:var(--gold);font-size:7px}.rift-stage{position:relative;min-height:570px;display:grid;place-items:center;perspective:900px}.rift-halo{position:absolute;width:min(40vw,480px);aspect-ratio:1;border:1px solid rgba(217,186,106,.25);border-radius:50%;box-shadow:0 0 100px #3faea91f,inset 0 0 80px #67529b1a;animation:halo-spin 28s linear infinite}.rift-halo:before,.rift-halo:after{content:"";position:absolute;inset:11%;border:1px dashed rgba(217,186,106,.2);border-radius:50%}.rift-halo:after{inset:27%;border-style:solid;border-color:#5be0d333}.rift-shard{position:relative;width:92px;height:390px;clip-path:polygon(50% 0,72% 27%,58% 44%,75% 68%,50% 100%,25% 68%,42% 44%,28% 27%);background:linear-gradient(#fff0a3,#55e1d0 46%,#806dff);filter:drop-shadow(0 0 25px rgba(91,224,211,.8)) drop-shadow(0 0 80px rgba(120,99,244,.4));animation:rift-breathe 3.2s ease-in-out infinite}.rift-floor{position:absolute;bottom:48px;width:92%;height:120px;border-radius:50%;background:radial-gradient(ellipse,rgba(68,202,190,.28),rgba(17,27,35,.35) 35%,transparent 70%);transform:rotateX(70deg)}.fighter-silhouette{position:absolute;bottom:76px;width:88px;height:210px;opacity:.72;filter:drop-shadow(0 20px 16px #000)}.fighter-silhouette.left{left:7%;background:linear-gradient(#314f5f,#101921);clip-path:polygon(35% 0,65% 0,70% 14%,88% 25%,73% 48%,86% 100%,55% 100%,50% 64%,45% 100%,13% 100%,28% 48%,10% 25%,30% 14%)}.fighter-silhouette.right{right:7%;background:linear-gradient(#653c4c,#151018);clip-path:polygon(42% 0,63% 6%,72% 20%,92% 34%,72% 48%,80% 100%,53% 100%,49% 66%,43% 100%,14% 100%,28% 48%,4% 34%,29% 20%)}@keyframes rift-breathe{0%,to{transform:translateY(-5px) scale(.96)}50%{transform:translateY(7px) scale(1.04)}}@keyframes halo-spin{to{transform:rotate(360deg)}}.panel{border:1px solid var(--line);background:linear-gradient(145deg,#131f2ae6,#090f16f0);box-shadow:0 22px 60px #00000047,inset 0 1px #ffffff08}.content-header{margin:58px 0 30px}.content-header h1{margin:0;font:700 clamp(36px,5vw,64px)/1 Georgia,serif}.content-header p{max-width:650px;color:var(--muted);line-height:1.65}.profile-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:22px}.profile-card{padding:32px}.field-label{display:grid;gap:9px;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.text-input,.select-input{width:100%;min-height:48px;padding:0 14px;border:1px solid rgba(255,255,255,.13);border-radius:4px;color:var(--ink);background:#03070b8c}.input-help{color:var(--dim);font-size:12px;line-height:1.5}.form-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.hero-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.hero-card{position:relative;min-height:390px;padding:20px;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:5px;background:linear-gradient(165deg,color-mix(in srgb,var(--hero) 16%,#14202a),#090e15 62%);cursor:pointer;transition:transform .2s ease,border-color .2s ease}.hero-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--hero) 75%,white)}.hero-card.selected{border-color:var(--hero);box-shadow:inset 0 0 0 1px var(--hero),0 12px 40px color-mix(in srgb,var(--hero) 18%,transparent)}.hero-art{position:relative;height:160px;display:grid;place-items:center}.hero-glyph{width:110px;height:138px;opacity:.9;filter:drop-shadow(0 0 30px color-mix(in srgb,var(--hero) 45%,transparent));background:linear-gradient(var(--hero),color-mix(in srgb,var(--hero) 20%,#05080d))}.hero-card[data-hero=ironbound] .hero-glyph{clip-path:polygon(25% 5%,40% 0,50% 13%,60% 0,76% 5%,82% 25%,100% 38%,84% 53%,77% 100%,56% 100%,50% 68%,44% 100%,23% 100%,16% 53%,0 38%,18% 25%)}.hero-card[data-hero=emberweaver] .hero-glyph{clip-path:polygon(48% 0,65% 17%,58% 29%,77% 46%,68% 100%,32% 100%,23% 46%,42% 29%,35% 17%)}.hero-card[data-hero=thornstrider] .hero-glyph{clip-path:polygon(50% 0,69% 18%,62% 29%,88% 38%,72% 55%,81% 100%,53% 100%,50% 67%,46% 100%,19% 100%,28% 55%,12% 38%,38% 29%,31% 18%)}.hero-card[data-hero=dawnkeeper] .hero-glyph{clip-path:polygon(50% 0,60% 20%,83% 28%,69% 49%,78% 100%,54% 100%,50% 69%,46% 100%,22% 100%,31% 49%,17% 28%,40% 20%)}.hero-meta{display:flex;justify-content:space-between;color:var(--dim);font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.hero-card h3{margin:10px 0 3px;font:700 26px/1 Georgia,serif}.hero-epithet{color:var(--hero);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.hero-card p{min-height:66px;color:var(--muted);font-size:12px;line-height:1.55}.tag-row{display:flex;flex-wrap:wrap;gap:6px}.tag{padding:5px 7px;border:1px solid rgba(255,255,255,.09);border-radius:2px;color:#b9c5c6;background:#00000040;font-size:9px;text-transform:uppercase;letter-spacing:.07em}.beginner-badge{position:absolute;top:12px;right:12px;padding:5px 8px;color:#162215;background:#9ce281;border-radius:2px;font-size:8px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.lobby-layout{display:grid;grid-template-columns:1.4fr .8fr;gap:20px}.lobby-main,.lobby-side{padding:26px}.mode-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.mode-card{min-height:142px;padding:20px;border:1px solid rgba(255,255,255,.1);background:#070c128c;text-align:left;cursor:pointer}.mode-card:hover{border-color:var(--gold);background:#1e2221b8}.mode-card strong{display:block;font:700 19px Georgia,serif}.mode-card span{display:block;margin-top:8px;color:var(--muted);font-size:11px;line-height:1.5}.mode-card small{display:block;margin-top:13px;color:var(--teal);font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.party-list{display:grid;gap:8px}.party-slot{display:flex;align-items:center;gap:10px;min-height:46px;padding:8px 10px;border:1px solid rgba(255,255,255,.08);background:#00000040}.party-slot.empty{color:var(--dim);border-style:dashed}.queue-banner{display:flex;align-items:center;gap:16px;margin-bottom:18px;padding:15px 18px;border:1px solid rgba(94,225,209,.35);background:#174a4840}.queue-pulse{width:15px;height:15px;border:2px solid var(--teal);border-radius:50%;animation:queue-pulse 1.2s ease-out infinite}@keyframes queue-pulse{to{transform:scale(1.8);opacity:0}}.room-code{color:var(--gold-bright);font:700 25px/1 monospace;letter-spacing:.18em}.custom-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:10px}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.settings-section{padding:24px}.settings-section h2{margin:0 0 18px;font:700 21px Georgia,serif}.setting-row{display:grid;grid-template-columns:1fr minmax(120px,.7fr);align-items:center;gap:14px;min-height:48px;border-bottom:1px solid rgba(255,255,255,.06)}.setting-row label{color:var(--muted);font-size:12px}.setting-row input[type=range]{width:100%;accent-color:var(--teal)}.toggle{width:43px;height:24px;justify-self:end;accent-color:var(--teal)}.binding-button{min-height:32px;border:1px solid rgba(255,255,255,.13);background:#00000059;color:var(--gold-bright);font:700 11px monospace;cursor:pointer}.copy-panel{max-width:800px;padding:32px;color:#bac7c8;line-height:1.72}.copy-panel h2{color:var(--ink);font:700 26px Georgia,serif}.copy-panel li{margin:8px 0}.ability-list{display:grid;gap:8px;margin-top:16px}.ability-row{display:grid;grid-template-columns:38px 160px 1fr;gap:12px;align-items:center;padding:10px;background:#00000038}.keycap{display:grid;place-items:center;min-width:30px;height:30px;padding:0 7px;border:1px solid rgba(255,255,255,.22);border-bottom-width:3px;border-radius:4px;background:#17222d;color:#fff4c3;font:800 11px monospace}.game-shell{position:absolute;inset:0;z-index:5;overflow:hidden;background:#080d14;font-size:calc(14px * var(--ui-scale))}.arena-stage,.arena-canvas{position:absolute;inset:0;width:100%;height:100%}.arena-canvas{display:block;touch-action:none}.game-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle,transparent 45%,rgba(2,4,8,.38) 100%)}.hud{position:absolute;inset:0;pointer-events:none;user-select:none}.hud button{pointer-events:auto}.round-display{position:absolute;top:max(15px,env(safe-area-inset-top));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:14px;padding:8px 16px;border:1px solid rgba(255,255,255,.13);background:#060a0fc7;backdrop-filter:blur(8px)}.round-pip{width:10px;height:10px;transform:rotate(45deg);border:1px solid rgba(255,255,255,.25)}.round-pip.blue.won{background:var(--blue-team);box-shadow:0 0 10px var(--blue-team)}.round-pip.red.won{background:var(--red-team);box-shadow:0 0 10px var(--red-team)}.round-timer{min-width:72px;text-align:center;font:700 24px/1 monospace}.round-label{color:var(--gold);font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.phase-banner{position:absolute;top:22%;left:50%;transform:translate(-50%,-50%);text-align:center;text-shadow:0 4px 20px #000}.phase-banner strong{display:block;font:700 clamp(36px,6vw,74px)/1 Georgia,serif}.phase-banner span{color:var(--gold-bright);font-size:11px;font-weight:800;letter-spacing:.24em;text-transform:uppercase}.team-frames{position:absolute;top:72px;display:grid;gap:7px;width:min(245px,23vw);pointer-events:auto}.team-frames.allies{left:16px}.team-frames.enemies{right:16px}.unit-frame{position:relative;min-height:55px;padding:8px 9px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#05090ed1;cursor:pointer}.unit-frame.targeted{border-color:var(--gold-bright);box-shadow:0 0 0 1px #ffe19140}.unit-frame.dead{opacity:.42;filter:grayscale(1)}.unit-name{display:flex;align-items:center;justify-content:space-between;gap:8px;position:relative;z-index:2;margin-bottom:6px;font-size:11px;font-weight:800}.unit-name small{color:var(--muted);font-size:8px;text-transform:uppercase}.bar{position:relative;height:9px;overflow:hidden;border-radius:1px;background:#000000bf}.bar-fill{height:100%;width:var(--fill);transition:width .12s linear;background:linear-gradient(90deg,#4cbf79,#8de781)}.bar-fill.enemy{background:linear-gradient(90deg,#b93c4b,#f07273)}.resource-bar{margin-top:3px;height:4px}.resource-bar .bar-fill{background:var(--hero-color)}.effect-dots{display:flex;gap:3px;position:absolute;right:8px;bottom:5px}.effect-dot{width:6px;height:6px;border-radius:50%;background:#a970ff;box-shadow:0 0 6px currentColor}.player-vitals{position:absolute;left:20px;bottom:24px;width:min(280px,30vw);padding:12px;border:1px solid rgba(255,255,255,.13);background:#04080dd1}.vital-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:7px}.vital-head strong{font:700 18px Georgia,serif}.vital-head span{color:var(--muted);font:700 11px monospace}.vital-health{height:14px}.vital-resource{height:7px;margin-top:5px}.target-vitals{position:absolute;top:20px;left:50%;transform:translate(-50%);width:min(310px,34vw);margin-top:48px;text-align:center}.target-vitals .panel-body{padding:8px 12px;border:1px solid rgba(255,255,255,.12);background:#04080dcc}.target-status{margin-top:6px;color:var(--success);font-size:9px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.target-status.invalid{color:var(--danger)}.ability-bar{position:absolute;left:50%;bottom:max(22px,env(safe-area-inset-bottom));transform:translate(-50%);display:flex;gap:6px;align-items:end;pointer-events:auto}.ability-button{position:relative;width:clamp(48px,5vw,64px);height:clamp(54px,5.6vw,70px);padding:5px;border:1px solid rgba(255,255,255,.19);border-bottom:3px solid color-mix(in srgb,var(--hero-color) 70%,#fff);border-radius:4px;overflow:hidden;background:linear-gradient(145deg,color-mix(in srgb,var(--hero-color) 28%,#1a2430),#080c12);cursor:pointer;box-shadow:0 8px 20px #00000047}.ability-button:hover{filter:brightness(1.2)}.ability-button.unavailable{filter:grayscale(.7) brightness(.6)}.ability-key{position:absolute;top:3px;left:5px;color:#fff;font:800 10px monospace;text-shadow:0 1px 3px #000;z-index:2}.ability-glyph{display:grid;place-items:center;height:38px;color:var(--gold-bright);font:700 23px Georgia,serif}.ability-name{display:block;overflow:hidden;color:#d9e1e0;font-size:7px;font-weight:800;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase}.cooldown-sweep{position:absolute;inset:0;display:grid;place-items:center;background:conic-gradient(rgba(0,0,0,.78) calc(var(--cooldown) * 1turn),transparent 0);color:#fff;font:800 13px monospace}.resource-cost{position:absolute;top:3px;right:4px;color:#bfffee;font:800 8px monospace;z-index:2}.cast-stack{position:absolute;left:50%;bottom:112px;transform:translate(-50%);display:grid;gap:6px;width:min(390px,50vw)}.cast-bar{padding:7px 9px;border:1px solid rgba(255,255,255,.16);background:#04070cdb}.cast-label{display:flex;justify-content:space-between;margin-bottom:5px;font-size:10px;font-weight:800}.cast-progress{height:8px;background:#020405;overflow:hidden}.cast-progress span{display:block;height:100%;width:var(--fill);background:linear-gradient(90deg,var(--teal),var(--gold-bright))}.cast-bar.enemy .cast-progress span{background:linear-gradient(90deg,var(--red-team),#ffc26e)}.status-strip{position:absolute;left:50%;bottom:194px;transform:translate(-50%);display:flex;gap:5px}.status-chip{padding:6px 8px;border:1px solid rgba(255,255,255,.15);border-radius:2px;background:#0a0d14db;color:#e4c7ff;font-size:9px;font-weight:800;text-transform:uppercase}.status-chip.danger{color:#ffc4c4;border-color:#ff5f6966}.connection-info{position:absolute;right:18px;bottom:20px;display:flex;gap:8px;color:#a5b3b5;font:700 9px monospace}.match-menu-button{position:absolute;left:16px;top:16px;z-index:12;padding:7px 9px;border:1px solid rgba(255,255,255,.14);background:#050a10bf;color:#aebcbd;font:800 9px monospace;letter-spacing:.05em;text-transform:uppercase;cursor:pointer}.match-menu-button:hover,.match-menu-button:focus-visible{color:#fff;border-color:#7fecd98c}.match-menu-overlay{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:20px;background:#03060ac2;backdrop-filter:blur(7px);pointer-events:auto}.match-menu-overlay section{width:min(430px,100%);padding:28px;text-align:center}.match-menu-overlay h2{margin:5px 0 10px;font:700 34px Georgia,serif}.match-menu-overlay p:not(.eyebrow){color:var(--muted);line-height:1.5}.combat-text{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);color:#fff;font:800 19px Georgia,serif;text-shadow:0 2px 8px #000;animation:combat-float .8s ease-out forwards;pointer-events:none}.combat-text.heal{color:#8ff0a8}.combat-text.interrupt{color:#ffe68c;font-size:25px;text-transform:uppercase}@keyframes combat-float{to{transform:translate(-50%,-120%);opacity:0}}.tutorial-card{position:absolute;left:50%;top:13%;transform:translate(-50%);width:min(560px,calc(100% - 30px));padding:16px 18px;border:1px solid rgba(94,225,209,.5);background:#071218e6;pointer-events:auto}.tutorial-card .step{color:var(--teal);font-size:9px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.tutorial-card strong{display:block;margin:4px 0;font:700 19px Georgia,serif}.tutorial-card p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.tutorial-progress{display:flex;gap:4px;margin-top:10px}.tutorial-progress i{flex:1;height:3px;background:#ffffff1f}.tutorial-progress i.done{background:var(--teal)}.results-overlay{position:absolute;inset:0;z-index:10;display:grid;place-items:center;background:#03060ac4;backdrop-filter:blur(7px)}.results-card{width:min(840px,calc(100% - 30px));max-height:90vh;overflow:auto;padding:32px;text-align:center}.result-kicker{color:var(--gold);font-size:10px;font-weight:900;letter-spacing:.22em;text-transform:uppercase}.result-title{margin:7px 0 22px;font:700 clamp(40px,7vw,72px)/1 Georgia,serif}.result-title.victory{color:#ffe28a;text-shadow:0 0 30px rgba(255,209,90,.25)}.result-title.defeat{color:#e29a9f}.score-line{font:700 34px monospace}.stat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:24px 0}.stat-cell{padding:12px 8px;background:#00000047}.stat-cell strong{display:block;color:var(--ink);font:700 20px monospace}.stat-cell span{color:var(--dim);font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.result-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:9px}.toast-stack{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:50;display:grid;gap:8px;width:min(430px,calc(100% - 24px));pointer-events:none}.toast{padding:12px 15px;border:1px solid rgba(255,255,255,.16);background:#0a1018f0;box-shadow:0 10px 30px #00000059;color:#dce5e4;font-size:12px;animation:toast-in .2s ease-out}.toast.error{border-color:#ff606c80}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}}.mobile-warning{display:none}.party-controls{display:grid;gap:10px;margin-top:12px}.party-controls .custom-row{grid-template-columns:minmax(0,1fr) auto;margin-top:0}.lobby-side>.form-actions{display:none}@media(max-width:950px){.hero-landing{grid-template-columns:1fr;gap:10px;padding-top:40px}.rift-stage{min-height:380px}.rift-shard{height:270px}.hero-grid{grid-template-columns:repeat(2,1fr)}.profile-layout,.lobby-layout,.settings-grid{grid-template-columns:1fr}.nav-button.optional{display:none}}@media(max-width:620px){.screen-inner{width:min(100% - 24px,1200px);padding-top:14px}.topbar{gap:8px}.wordmark strong{font-size:15px}.service-pill{display:none}.landing-title{font-size:58px}.landing-copy{font-size:15px}.rift-stage{min-height:320px}.hero-grid,.mode-grid{grid-template-columns:1fr}.hero-card{min-height:320px}.hero-art{height:130px}.settings-section{padding:16px}.setting-row{grid-template-columns:1fr 110px}.team-frames{width:42vw;top:58px;gap:4px}.team-frames.allies{left:6px}.team-frames.enemies{right:6px}.unit-frame{min-height:43px;padding:5px 6px}.unit-name{font-size:9px;margin-bottom:4px}.player-vitals{left:7px;bottom:96px;width:42vw;padding:7px}.target-vitals{top:0;margin-top:52px;width:48vw}.target-vitals .panel-body{padding:6px}.ability-bar{bottom:18px;width:calc(100% - 12px);justify-content:center;gap:3px}.ability-button{width:calc((100vw - 39px)/8);min-width:39px;height:52px;padding:2px}.ability-glyph{height:32px;font-size:18px}.ability-name{display:none}.cast-stack{bottom:82px;width:65vw}.connection-info{display:none}.stat-grid{grid-template-columns:repeat(2,1fr)}.mobile-warning{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:34px;border:0;background:radial-gradient(circle at 50% 35%,#2a3b41f5,#04080dfc 58%);color:#dfcfa4;text-align:center;pointer-events:auto}.mobile-warning strong{color:#ffe19a;font:700 30px/1.05 Georgia,serif}.mobile-warning span{max-width:360px;color:#b9c7c6;font-size:13px;line-height:1.55}}.ping-bar{position:fixed;right:18px;bottom:52px;display:flex;gap:5px;pointer-events:auto;z-index:12}.ping-bar button{border:1px solid rgba(127,236,217,.22);background:#070f15c7;color:#b9c9c9;border-radius:6px;padding:6px 8px;font:700 9px/1 Inter,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;backdrop-filter:blur(8px)}.ping-bar button:hover,.ping-bar button:focus-visible{color:#fff;border-color:#78dfcf;box-shadow:0 0 14px #4ed2b626}.ping-bar b{color:#6fe1ce;margin-right:3px}@media(max-width:760px){.ping-bar{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}