:root{--gold:#f2c14e;--gold-dark:#a8600f;--panel:#121524db;--panel-edge:#6b7180;--steel-1:#9aa1b0;--steel-2:#5d6372;--steel-3:#2b2e37;--fire:#e2412b;--fire-light:#ff9a3c;--ice:#2f7de1;--ice-light:#7fd6ff;--green:#4fd13a;--font-display:"Cinzel", Georgia, serif;--font-ui:"Signika", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:#fff;font-family:var(--font-ui);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:radial-gradient(#1a2250 0%,#070914 70%);overflow:hidden}button{font-family:inherit}.stage-viewport{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.stage-box{position:relative;overflow:hidden;box-shadow:0 0 80px #000c}.stage{transform-origin:0 0;position:absolute;top:0;left:0;overflow:hidden}.stage.shake{animation:.42s cubic-bezier(.36,.07,.19,.97) shake}@keyframes shake{10%,90%{translate:-2px 1px}20%,80%{translate:5px -2px}30%,50%,70%{translate:-8px 3px}40%,60%{translate:8px -3px}}.arena-bg{width:100%;height:100%;position:absolute;inset:0}.battle{position:absolute;inset:0}.torch-flame{transform-box:fill-box;transform-origin:50% 100%;animation:.35s ease-in-out infinite alternate flicker}.torch-glow{animation:1.2s ease-in-out infinite alternate glow}@keyframes flicker{0%{transform:scale(1)skew(-3deg)}to{transform:scale(.88,1.12)skew(4deg)}}@keyframes glow{0%{opacity:.12}to{opacity:.26}}.banner-sway{animation:4s ease-in-out infinite alternate sway}@keyframes sway{0%{transform:skew(-1.5deg)}to{transform:skew(1.5deg)}}.flag-wave{transform-box:fill-box;transform-origin:0;animation:.8s ease-in-out infinite alternate flagwave}@keyframes flagwave{0%{transform:scaleX(1)}to{transform:scaleX(.75)skewY(8deg)}}.crowd-bob{animation:.9s ease-in-out infinite alternate bob}@keyframes bob{0%{transform:translateY(0)}to{transform:translateY(-2.5px)}}.clouds{animation:40s linear infinite alternate drift}@keyframes drift{0%{transform:translate(-20px)}to{transform:translate(20px)}}.top-hud{z-index:5;grid-template-columns:1fr 104px 1fr;gap:4px;display:grid;position:absolute;top:12px;left:10px;right:10px}.hud-panel{align-items:flex-start;gap:6px;display:flex}.hud-panel.right{text-align:right;flex-direction:row-reverse}.portrait-frame{background:linear-gradient(160deg, color-mix(in srgb, var(--accent) 60%, #000), #10131f);clip-path:polygon(10% 0,90% 0,100% 10%,100% 90%,90% 100%,10% 100%,0 90%,0 10%);border:3px solid #8c93a3;border-radius:10px;flex:none;width:86px;height:86px;position:relative;box-shadow:inset 0 0 0 2px #23262f,0 4px 10px #0009}.portrait{width:100%;height:100%;display:block}.hud-panel.active .portrait-frame{border-color:var(--accent-light);box-shadow:0 0 18px var(--accent), inset 0 0 0 2px #23262f;animation:1s ease-in-out infinite alternate pulse-frame}@keyframes pulse-frame{to{filter:brightness(1.25)}}.you-tag{background:var(--gold);color:#3a2205;letter-spacing:1px;border-radius:6px;padding:0 6px;font-size:10px;font-weight:700;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.hud-info{flex:1;min-width:0;padding-top:2px}.hud-name{white-space:nowrap;text-overflow:ellipsis;text-shadow:0 2px #000;background:linear-gradient(#2a2f44,#151827);border:2px solid #4a5064;border-radius:6px;padding:6px 10px;font-size:17px;font-weight:700;line-height:1;overflow:hidden}.hud-bars{flex-direction:column;gap:3px;margin-top:4px;display:flex}.bar{background:#10121b;border:2px solid #4a5064;border-radius:5px;height:16px;position:relative;overflow:hidden}.bar-fill,.bar-lag{position:absolute;top:0;bottom:0;left:0}.right .bar-fill,.right .bar-lag{left:auto;right:0}.hp-fill{background:linear-gradient(180deg, color-mix(in srgb, var(--accent-light) 70%, #fff), var(--accent) 60%, color-mix(in srgb, var(--accent) 60%, #000))}.bar-lag{opacity:.75;background:#f4f0d0}.bar-text{text-shadow:0 1px 2px #000;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex;position:absolute;inset:0}.en-bar{border-width:1.5px;height:7px}.en-fill{background:linear-gradient(90deg,#f2c14e,#ffe58a)}.hud-meta{text-shadow:0 2px #000;align-items:center;gap:4px;margin-top:4px;font-size:16px;font-weight:700;display:flex}.right .hud-meta{flex-direction:row-reverse}.trophy{width:20px;height:20px}.statuses{flex-wrap:wrap;gap:3px;margin:0 4px;display:flex}.right .statuses{flex-direction:row-reverse}.chip{text-shadow:none;white-space:nowrap;background:#0000008c;border:1px solid #4a5064;border-radius:8px;padding:1px 5px;font-size:10.5px}.chip.burn{border-color:var(--fire-light);color:#ffc58a}.chip.chill{border-color:var(--ice-light);color:#bdeaff}.chip.shield.fire{border-color:var(--fire-light)}.chip.shield.ice{border-color:var(--ice-light)}.chip.energy{color:#ffe58a}.vs-col{flex-direction:column;align-items:center;display:flex}.vs-badge svg{filter:drop-shadow(0 4px 6px #000000b3);width:112px;height:76px}.vs-text{font-family:var(--font-display);font-size:42px;font-style:italic;font-weight:900}.match-clock{font-variant-numeric:tabular-nums;background:linear-gradient(#2a2f44,#10121b);border:2px solid #4a5064;border-radius:16px;align-items:center;gap:4px;margin-top:2px;padding:2px 12px;font-size:20px;font-weight:700;display:flex;box-shadow:0 3px 8px #0009}.match-clock svg{width:18px;height:18px}.match-clock.urgent{color:#ff7a6a;border-color:#ff7a6a;animation:.5s infinite alternate pulse-frame}.announce{z-index:6;background:linear-gradient(90deg,#141828f2,#141828a6);border:1px solid #4a5064;border-radius:10px;align-items:center;gap:10px;padding:8px 18px 8px 10px;display:flex;position:absolute;top:172px;left:12px;box-shadow:0 6px 16px #00000080}.announce-icon{width:38px;height:38px}.announce-title{font-family:var(--font-display);color:var(--gold);text-shadow:0 2px #000;font-size:21px;font-weight:900}.announce-sub{font-size:14px}.turn-prompt{z-index:6;white-space:nowrap;text-shadow:0 2px #000;background:#0a0c16c7;border:2px solid #4a5064;border-radius:20px;align-items:center;gap:8px;padding:6px 16px;font-size:17px;font-weight:700;display:flex;position:absolute;top:380px;left:50%;translate:-50%}.turn-prompt.mine{border-color:var(--gold);box-shadow:0 0 14px #f2c14e80}.turn-prompt.mine.timing{color:var(--gold);font-size:20px;animation:.35s infinite alternate pulse-frame}.turn-prompt.theirs{color:#c8ccda}.turn-secs{background:#2a2f44;border-radius:12px;justify-content:center;align-items:center;min-width:24px;height:24px;font-size:14px;display:inline-flex}.turn-secs.low{background:#b3261a}.battlefield{pointer-events:none;z-index:3;position:absolute;inset:0}.knight-slot{width:260px;height:260px;position:absolute}.aura-wrap{z-index:1;pointer-events:none;position:absolute;inset:0}.aura-wrap.front{z-index:3}.aura-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.fire-arc{transform-box:view-box;transform-origin:150px 120px;filter:drop-shadow(0 0 8px #ff7a1f);animation:.9s ease-in-out infinite alternate arc}@keyframes arc{0%{opacity:.8;transform:rotate(-3deg)scale(.97)}to{opacity:1;transform:rotate(2deg)scale(1.02)}}.anim-attack .fire-arc,.anim-cast .fire-arc{animation:.7s ease-out arc-strike}@keyframes arc-strike{0%{transform:none}35%{opacity:1;transform:translate(60px)rotate(18deg)scale(1.25)}to{transform:none}}.anim-defeat .aura-wrap{opacity:.25;transition:opacity 1s}.flame-lick{transform-box:fill-box;transform-origin:50% 100%;animation:.45s ease-in-out infinite alternate tongue}.ember-dot{filter:drop-shadow(0 0 3px #ff7a1f);animation:2.2s linear infinite ember-rise}@keyframes ember-rise{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translate(10px,-140px)}}.snowflake-float{animation:3.4s ease-in-out infinite alternate snow-drift}@keyframes snow-drift{0%{opacity:.3;translate:0 -10px}to{opacity:1;translate:6px 14px}}.ice-cluster{filter:drop-shadow(0 0 6px #7fd6ffb3);animation:2.2s ease-in-out infinite alternate shimmer}@keyframes shimmer{0%{filter:drop-shadow(0 0 4px #7fd6ff80)brightness()}to{filter:drop-shadow(0 0 12px #9fe8ffe6)brightness(1.15)}}.aura-pulse{animation:1.4s ease-in-out infinite alternate glow-pulse}@keyframes glow-pulse{0%{opacity:.6}to{opacity:1}}.knight-svg{z-index:2;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.knight-glow{z-index:0;height:40px;position:absolute;bottom:-6px;left:10%;right:10%}.k-body,.k-sword,.k-plume,.k-head,.k-cape{transform-box:view-box}.k-body{transform-origin:112px 222px}.k-sword{transform-origin:160px 157px}.k-plume{transform-origin:118px 34px;animation:1.1s ease-in-out infinite alternate plume}.k-cape{transform-origin:104px 112px;animation:1.6s ease-in-out infinite alternate cape}.k-eye{animation:1.4s ease-in-out infinite alternate eye}@keyframes plume{to{transform:rotate(-5deg)scaleX(1.04)}}@keyframes cape{to{transform:skewY(-3deg)scaleX(1.06)}}@keyframes eye{0%{opacity:.6}to{opacity:1}}.anim-idle .k-body{animation:1.8s ease-in-out infinite breathe}@keyframes breathe{50%{transform:translateY(-3px)scaleY(1.012)}}.anim-attack .k-body{animation:.74s cubic-bezier(.3,.8,.3,1) lunge}.anim-attack .k-sword{animation:.74s ease-out swing}@keyframes lunge{0%{transform:none}30%{transform:translate(100px)translateY(-6px)}60%{transform:translate(96px)}to{transform:none}}@keyframes swing{0%{transform:none}22%{transform:rotate(-80deg)}40%{transform:rotate(60deg)}65%{transform:rotate(55deg)}to{transform:none}}.anim-cast .k-body{animation:.74s ease-out cast}.anim-cast .k-sword{animation:.74s ease-out castsword}@keyframes cast{30%{transform:translate(-10px)translateY(-8px)}55%{transform:translate(16px)}to{transform:none}}@keyframes castsword{30%{transform:rotate(-95deg)}55%{transform:rotate(10deg)}to{transform:none}}.anim-shield .k-body{animation:.7s ease-out shieldup}.anim-shield .k-sword{animation:.7s ease-out castsword}@keyframes shieldup{40%{transform:scale(1.06)translateY(-4px)}to{transform:none}}.anim-hit .k-body{animation:.48s ease-out hit}.knight-svg.anim-hit{animation:.48s ease-out hitflash}@keyframes hit{20%{transform:translate(-22px)rotate(-5deg)}45%{transform:translate(-12px)rotate(-2deg)}to{transform:none}}@keyframes hitflash{0%,40%{filter:brightness(2.2)saturate(.4)drop-shadow(0 0 10px #fff)}to{filter:none}}.anim-victory .k-body{animation:.8s ease-in-out infinite victory}.anim-victory .k-sword{transition:transform .3s;transform:rotate(-100deg)}@keyframes victory{0%,to{transform:none}40%{transform:translateY(-26px)}}.anim-defeat .k-body{animation:1s ease-in forwards defeat}@keyframes defeat{to{opacity:.55;transform:rotate(-78deg)translate(-10px,30px)}}.aura{z-index:1;height:70px;position:absolute;bottom:4px;left:0;right:0}.fire-aura:before,.ice-aura:before{content:"";filter:blur(6px);border-radius:50%;height:26px;position:absolute;bottom:0;left:5%;right:5%}.fire-aura:before{background:#ff6e288c}.ice-aura:before{background:#6ec8ff73}.flame-tongue{opacity:.85;filter:blur(1.5px);transform-origin:50% 100%;mix-blend-mode:screen;background:linear-gradient(#fff3b033,#ffb347d9 45%,#ff5a1ff2);border-radius:50% 50% 20% 20%/70% 70% 30% 30%;width:30px;margin-left:-6px;animation:.5s ease-in-out infinite alternate tongue;position:absolute;bottom:4px}@keyframes tongue{0%{opacity:.6;transform:scaleY(.7)skew(-6deg)}to{opacity:.95;transform:scaleY(1.15)skew(6deg)}}.ember{background:#ffcf6b;border-radius:50%;width:4px;height:4px;animation:2.2s linear infinite ember;position:absolute;bottom:10px;box-shadow:0 0 6px #ff7a1f}@keyframes ember{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translate(14px,-120px)}}.ice-spike{transform-origin:50% 100%;clip-path:polygon(50% 0,100% 100%,0 100%);opacity:.85;background:linear-gradient(90deg,#bff0ff,#4aa8ff 60%,#1d5fc4);width:16px;animation:2.4s ease-in-out infinite alternate spike;position:absolute;bottom:4px}@keyframes spike{0%{filter:brightness()}to{filter:brightness(1.4)}}.snow-mote{background:#e9fbff;border-radius:50%;width:5px;height:5px;animation:3s linear infinite ember;position:absolute;bottom:10px;box-shadow:0 0 6px #7fd6ff}.status-burn span{filter:blur(1.2px)drop-shadow(0 0 6px #ff7a1f);z-index:3;opacity:.75;background:linear-gradient(#ffd25acc,#ff5a1fe6);border-radius:50% 50% 30% 30%;width:12px;height:20px;animation:.3s infinite alternate tongue;position:absolute;bottom:70px}.status-burn span:first-child{left:90px}.status-burn span:nth-child(2){bottom:110px;left:120px}.status-burn span:nth-child(3){left:148px}.status-chill{z-index:3;background:radial-gradient(closest-side,#7fd6ff00,#7fd6ff59);border-radius:40%;animation:1s infinite alternate glow;position:absolute;inset:30px 30px 10px;box-shadow:inset 0 0 30px #bff0ff99}.shield-bubble{z-index:4;border:3px solid var(--glow);background:radial-gradient(closest-side, transparent 60%, color-mix(in srgb, var(--main) 45%, transparent));box-shadow:0 0 22px var(--main), inset 0 0 26px var(--glow);border-radius:50%;animation:1.2s ease-in-out infinite alternate bubble;position:absolute;inset:10px 22px 0}@keyframes bubble{0%{filter:brightness()}to{filter:brightness(1.35)}}.fx{z-index:5;pointer-events:none;position:absolute}.fx-slash{width:200px;height:200px;filter:drop-shadow(0 0 10px var(--main))}.fx-projectile{width:52px;height:52px}.fx-projectile .core{background:radial-gradient(circle at 40% 40%, #fff, var(--light) 35%, var(--main) 70%, transparent 72%);box-shadow:0 0 30px 10px var(--main);border-radius:50%;position:absolute;inset:0}.fx-projectile.ice .core{border-radius:4px;transform:rotate(45deg)scale(.8)}.fx-projectile .trail{background:linear-gradient(90deg, transparent, var(--light));opacity:.7;filter:blur(3px);border-radius:12px;width:70px;height:24px;position:absolute;top:14px;right:40px}.fx-nova{width:220px;height:120px}.nova-ring{border:5px solid var(--light);width:160px;height:60px;box-shadow:0 0 20px var(--main);border-radius:50%;position:absolute;top:0;left:30px}.nova-spike{transform-origin:50% 100%;background:linear-gradient(90deg, #e9fbff, var(--light) 50%, var(--main));clip-path:polygon(50% 0,100% 100%,0 100%);width:22px;height:70px;filter:drop-shadow(0 0 6px var(--light));position:absolute;bottom:60px}.fx-shield-cast{border:6px solid var(--glow);width:180px;height:220px;box-shadow:0 0 40px var(--main);border-radius:50%}.fx-impact{width:0;height:0}.fx-impact .flash{background:radial-gradient(circle, #fff, var(--light) 40%, transparent 70%);border-radius:50%;width:60px;height:60px;position:absolute;top:-30px;left:-30px}.fx-impact .spark{background:var(--light);width:10px;height:10px;box-shadow:0 0 10px var(--main);border-radius:50%;position:absolute;top:-5px;left:-5px}.fx-impact.on-shield .flash{background:radial-gradient(circle,#fff,#cfd6e6 40%,#0000 70%)}.floater{z-index:7;font-family:var(--font-display);white-space:nowrap;pointer-events:none;text-shadow:0 3px #000,0 0 10px #000c;-webkit-text-stroke:1.5px #1a0b05;font-weight:900;position:absolute}.f-damage{color:#fff;font-size:34px}.f-damage.fire{color:#ffd0a0}.f-damage.ice{color:#d8f4ff}.f-crit{color:var(--gold);text-shadow:0 3px #5a2e05,0 0 18px #ffb347;font-size:40px}.f-block{color:#cfd6e6;font-size:18px;font-family:var(--font-ui);-webkit-text-stroke:0}.f-shield{font-size:26px}.f-shield.fire{color:#ffb347}.f-shield.ice{color:#9fe8ff}.f-status{font-size:16px;font-family:var(--font-ui);-webkit-text-stroke:0;background:#0009;border-radius:8px;padding:2px 8px}.f-status.fire{color:#ffb347}.f-status.ice{color:#9fe8ff}.f-dot{color:#ff9a3c;font-size:24px}.f-info{font-size:18px;font-family:var(--font-ui);-webkit-text-stroke:0;color:#fff;background:#0009;border-radius:8px;padding:2px 10px}.timing-row{z-index:4;justify-content:space-between;display:flex;position:absolute;top:718px;left:10px;right:10px}.timing-bar{align-items:center;width:250px;height:38px;transition:filter .2s,transform .2s;display:flex;position:relative}.timing-bar:not(.active):not(.running){filter:saturate(.55)brightness(.8)}.timing-bar.active{filter:drop-shadow(0 0 8px #f2c14e99)}.timing-bar.tappable{cursor:pointer;transform:scale(1.04)}.cap{z-index:2;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);filter:drop-shadow(0 2px 2px #000);background:linear-gradient(#d4d9e2,#6b7180 60%,#3a3e49);flex:none;width:20px;height:34px}.cap-l{margin-right:-10px}.cap-r{margin-left:-10px}.track{background:linear-gradient(#7d8492,#555b69 45%,#3d414c);border:3px solid #b9c0cc;border-radius:4px;flex:1;height:24px;position:relative;overflow:hidden;box-shadow:inset 0 3px 6px #0009,0 0 0 2px #23262f,0 4px 8px #0009}.zone{position:absolute;top:0;bottom:0}.zone.good{background:linear-gradient(#8af06a,#3aa827 55%,#2a8a1a)}.zone.great{background:linear-gradient(#9cf57a,#48c032 55%,#34a024)}.zone.perfect{background:linear-gradient(#c8ff9a,#6ee04a)}.track-shine{background:linear-gradient(#ffffff59,#0000);height:40%;position:absolute;top:0;left:0;right:0}.needle{opacity:0;background:#fff;border-radius:3px;width:6px;margin-left:-3px;position:absolute;top:-4px;bottom:-4px;box-shadow:0 0 6px #fff,0 0 12px #ffe36b,0 0 0 1.5px #111}.needle.visible{opacity:1}.timing-bar.res-perfect .track{border-color:#ffe36b;box-shadow:0 0 18px #ffe36b,inset 0 3px 6px #0009}.timing-bar.res-miss .track{border-color:#e2412b}.quality-label{text-align:center;font-family:var(--font-display);pointer-events:none;text-shadow:0 3px #000;-webkit-text-stroke:1px #000;font-size:24px;font-weight:900;position:absolute;top:0;left:0;right:0}.q-perfect{color:#ffe36b;text-shadow:0 3px #5a2e05,0 0 16px #ffb347;font-size:28px}.q-great{color:#a6ff8a}.q-good{color:#e6f3ff}.q-miss{color:#ff7a6a}.ability-row{z-index:4;justify-content:space-between;display:flex;position:absolute;top:790px;left:10px;right:10px}.ability-bar{gap:8px;display:flex}.ability{cursor:default;background:#111;border:3px solid #8c93a3;border-radius:10px;width:76px;height:76px;padding:0;transition:transform .12s,filter .2s,box-shadow .2s;position:relative;box-shadow:inset 0 0 0 2px #23262f,0 5px #15161b,0 6px 10px #0009}.ability:disabled{opacity:1}.ability .ability-icon{border-radius:6px;width:100%;height:100%;display:block}.ability-bar.theirs .ability{filter:saturate(.85)brightness(.9)}.ability.ready{cursor:pointer;border-color:var(--gold);animation:.9s ease-in-out infinite alternate ready}.ability.ready:active{transform:translateY(3px)scale(.96)}@keyframes ready{0%{box-shadow:inset 0 0 0 2px #23262f,0 5px #15161b,0 0 6px #f2c14e66}to{box-shadow:inset 0 0 0 2px #23262f,0 5px #15161b,0 0 18px #f2c14ef2}}.ability.selected{border-color:#fff;transform:translateY(-6px)scale(1.06);box-shadow:0 0 22px #fff}.ability.fire.selected{box-shadow:0 0 24px var(--fire-light)}.ability.ice.selected{box-shadow:0 0 24px var(--ice-light)}.ability.cooling .ability-icon,.ability.no-energy .ability-icon{filter:grayscale(.85)brightness(.55)}.cost{color:#ffe58a;background:#15161b;border:2px solid #8c93a3;border-radius:13px;justify-content:center;align-items:center;min-width:26px;height:26px;padding:0 4px;font-size:14px;font-weight:700;display:flex;position:absolute;bottom:-6px;right:-6px}.ability.no-energy .cost{color:#ff7a6a;border-color:#ff7a6a}.hotkey{color:#ffffffbf;text-shadow:0 1px 2px #000;font-size:11px;font-weight:700;position:absolute;top:2px;left:3px}.cd-overlay{font-family:var(--font-display);text-shadow:0 2px 4px #000;justify-content:center;align-items:center;font-size:30px;font-weight:900;display:flex;position:absolute;inset:0}.ability-tip{z-index:20;text-align:left;color:#e6e8ee;pointer-events:none;background:#0c0e18f5;border:1px solid #6b7180;border-radius:8px;width:200px;padding:8px 10px;font-size:12.5px;position:absolute;bottom:86px;left:50%;translate:-50%}.ability-bar.side-0 .ability:first-child .ability-tip{left:0;translate:0}.ability-bar.side-1 .ability:last-child .ability-tip{left:auto;right:0;translate:0}.ability-tip strong{color:var(--gold);font-size:14px}.ability-tip p{margin:4px 0}.tip-stats{color:#b9c0cc;flex-wrap:wrap;gap:4px 10px;display:flex}.bottom-bar{z-index:4;justify-content:space-between;align-items:center;display:flex;position:absolute;top:900px;left:18px;right:18px}.hint{color:#ffffffb3;text-shadow:0 1px 2px #000;font-size:14px}.btn{color:#fff;cursor:pointer;text-shadow:0 1px #000;background:linear-gradient(#4a5064,#23262f);border:2px solid #8c93a3;border-radius:10px;padding:10px 18px;font-size:16px;font-weight:700;box-shadow:0 4px #11131a}.btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #11131a}.btn:disabled{opacity:.55;cursor:not-allowed}.btn small{color:#c8ccda;font-size:11px;font-weight:500;display:block}.btn-primary{color:#3a2205;text-shadow:0 1px #fff6;background:linear-gradient(#ffd56b,#e09a1c 60%,#a8600f);border-color:#fff2b0}.btn-small{padding:6px 14px;font-size:14px}.btn-big{width:100%;font-size:22px;font-family:var(--font-display);padding:14px}.result-overlay{z-index:30;background:#05070fb8;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.result-rays{background:repeating-conic-gradient(from 0deg, #f2c14e1f 0 10deg, transparent 10deg 20deg);width:1400px;height:1400px;position:absolute}.defeat .result-rays{background:repeating-conic-gradient(from 0deg, #7882a014 0 10deg, transparent 10deg 20deg)}.result-title{font-family:var(--font-display);letter-spacing:2px;color:var(--gold);text-shadow:0 5px #5a2e05,0 0 30px #ffb347;margin:0;font-size:76px;font-weight:900;position:relative}.defeat .result-title{color:#b9c0cc;text-shadow:0 5px #23262f,0 0 20px #000}.result-card{background:var(--panel);text-align:center;border:2px solid #6b7180;border-radius:14px;width:360px;margin-top:18px;padding:18px;position:relative}.result-reason{color:#c8ccda;margin:0 0 12px}.result-stats{gap:10px;display:flex}.result-stats div{background:#ffffff0f;border-radius:10px;flex-direction:column;flex:1;gap:4px;padding:10px;display:flex}.result-stats span{color:#b9c0cc;font-size:13px}.result-stats strong{font-size:28px;font-family:var(--font-display)}.result-note{color:#9aa1b0;font-size:13px}.result-actions{justify-content:center;gap:10px;display:flex}.result-actions .btn{flex:1}.menu{z-index:2;background:linear-gradient(#080a1659,#080a16d9 45%);flex-direction:column;align-items:center;padding:50px 34px 30px;display:flex;position:absolute;inset:0}.lang-toggle{color:#fff;cursor:pointer;background:#00000080;border:1px solid #8c93a3;border-radius:8px;padding:4px 10px;font-weight:700;position:absolute;top:16px;right:16px}.logo{font-family:var(--font-display);text-align:center;color:#e6e8ee;text-shadow:0 4px #23262f,0 0 20px #000c;margin:0;font-size:58px;font-weight:900;line-height:1}.logo span{color:var(--gold);text-shadow:0 4px #5a2e05,0 0 24px #ffb347;display:block}.menu-sub{color:#e6e8ee;text-shadow:0 2px 2px #000;margin:8px 0 18px}.field{color:#c8ccda;flex-direction:column;gap:4px;width:100%;font-size:13px;display:flex}.field input{font:inherit;color:#fff;-webkit-user-select:text;user-select:text;background:#0a0c16d9;border:2px solid #6b7180;border-radius:10px;outline:none;padding:10px 12px;font-size:18px;font-weight:700}.field input:focus{border-color:var(--gold)}.section-title{color:#c8ccda;text-transform:uppercase;letter-spacing:1px;align-self:flex-start;margin:16px 0 6px;font-size:13px}.class-pick{gap:12px;width:100%;display:flex}.class-card{cursor:pointer;color:#fff;background:#0a0c16cc;border:3px solid #4a5064;border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:8px 8px 12px;transition:transform .15s,border-color .15s;display:flex}.class-card small{color:#b9c0cc;font-size:12px;line-height:1.25}.class-card strong{font-size:18px}.class-art{width:150px;height:150px;position:relative}.class-art .knight-svg{inset:0}.class-card.fire.picked{border-color:var(--fire-light);box-shadow:0 0 22px var(--fire);background:linear-gradient(#7a1a1299,#0a0c16d9);transform:translateY(-3px)}.class-card.ice.picked{border-color:var(--ice-light);box-shadow:0 0 22px var(--ice);background:linear-gradient(#163c7a99,#0a0c16d9);transform:translateY(-3px)}.seg{border:2px solid #6b7180;border-radius:10px;width:100%;display:flex;overflow:hidden}.seg button{color:#c8ccda;cursor:pointer;background:#0a0c16d9;border:0;flex:1;padding:9px;font-size:15px;font-weight:700}.seg button.on{color:var(--gold);background:linear-gradient(#4a5064,#2a2f44)}.modes{flex-direction:column;gap:10px;width:100%;margin-top:20px;display:flex}.mode-row{gap:10px;display:flex}.mode-row .btn{flex:1}.howto{color:#b9c0cc;text-align:center;margin-top:14px;font-size:13px;line-height:1.4}.stage-viewport{position:relative;overflow:hidden}.stage-viewport:before{content:"";background:var(--bg-img) center 40% / cover no-repeat;filter:blur(22px)brightness(.45)saturate(1.2);position:absolute;inset:-40px}.stage-box{z-index:1}.arena-photo{background:#0d1028;position:absolute;inset:0;overflow:hidden}.arena-img{width:540px;height:auto;display:block;position:absolute;top:0;left:0}.menu-stage .arena-img{width:auto;height:100%;left:50%;transform:translate(-50%)}.glow{mix-blend-mode:screen;pointer-events:none;height:auto;position:absolute}.glow-fire{animation:.9s ease-in-out infinite alternate glow-fire}.glow-ice{animation:2.4s ease-in-out infinite alternate glow-ice}@keyframes glow-fire{0%{opacity:.15;filter:brightness()}50%{opacity:.55}to{opacity:.85;filter:brightness(1.3)}}@keyframes glow-ice{0%{opacity:.1}to{opacity:.6;filter:brightness(1.25)}}.torch-light{mix-blend-mode:screen;pointer-events:none;background:radial-gradient(closest-side,#ffd678d9,#ff781e59 55%,#0000);border-radius:50%;width:34px;height:40px;margin:-20px 0 0 -17px;animation:.28s ease-in-out infinite alternate torch;position:absolute}@keyframes torch{0%{opacity:.35;transform:scale(.85,.95)}to{opacity:.8;transform:scale(1.1,1.15)}}.particles{pointer-events:none;position:absolute}.p-ember{background:#ffd36b;border-radius:50%;width:3px;height:3px;animation:linear infinite p-rise;position:absolute;bottom:0;box-shadow:0 0 6px 1px #ff7a1f}@keyframes p-rise{0%{opacity:0;transform:translate(0)}15%{opacity:1}to{opacity:0;transform:translate(18px,-130px)}}.p-snow{background:#f2fcff;border-radius:50%;width:4px;height:4px;animation:linear infinite p-fall;position:absolute;top:0;box-shadow:0 0 6px #7fd6ff}@keyframes p-fall{0%{opacity:0;transform:translate(0)}15%{opacity:1}to{opacity:0;transform:translate(-16px,140px)}}.battle-stage .top-hud{height:100px;display:block;position:absolute;inset:0 0 auto}.battle-stage .hud-panel{align-items:flex-start;gap:4px;display:flex;position:absolute;top:10px}.battle-stage .hud-panel.left{left:8px}.battle-stage .hud-panel.right{flex-direction:row-reverse;right:8px}.battle-stage .portrait-frame{clip-path:none;background:radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--accent) 55%, #1a1d2c), #0e1018 75%);border:3px solid #9aa1b0;border-radius:8px;width:74px;height:80px;overflow:hidden;box-shadow:inset 0 0 0 2px #23262f,0 0 0 2px #23262f,0 4px 10px #000000b3}.battle-stage .portrait{width:112%;height:auto;position:absolute;top:2%;left:-6%}.battle-stage .hud-panel.active .portrait-frame{border-color:var(--accent-light);box-shadow:0 0 16px var(--accent), inset 0 0 0 2px #23262f}.battle-stage .hud-info{flex-direction:column;gap:3px;padding-top:2px;display:flex}.right .hud-info{align-items:flex-end}.name-plate{clip-path:polygon(0 0,100% 0,92% 100%,0 100%);background:linear-gradient(#2c3146,#141724);border:2px solid #4f566c;width:132px;padding:4px 10px 5px;box-shadow:0 3px 6px #0009}.right .name-plate{clip-path:polygon(0 0,100% 0,100% 100%,8% 100%);text-align:right}.name-plate .hud-name{white-space:nowrap;text-overflow:ellipsis;text-shadow:0 2px #000;font-size:16px;font-weight:700;line-height:1.1;display:block;overflow:hidden}.name-plate .hp-bar{background:#0b0c12;border:0;border-radius:3px;height:6px;margin-top:3px}.trophy-plate{clip-path:polygon(0 0,100% 0,90% 100%,0 100%);text-shadow:0 2px #000;background:linear-gradient(#252a3d,#11131d);border:2px solid #3e4458;align-items:center;gap:4px;width:110px;padding:3px 8px;font-size:17px;font-weight:700;display:flex}.right .trophy-plate{clip-path:polygon(0 0,100% 0,100% 100%,10% 100%);flex-direction:row-reverse}.trophy-plate .trophy{width:20px;height:20px}.hp-num{color:#e6e8ee;margin-left:auto;font-size:11px;font-weight:600}.right .hp-num{margin-left:0;margin-right:auto}.hp-num small{color:#9aa1b0;font-size:9px}.hud-sub{align-items:center;gap:3px;display:flex}.right .hud-sub{flex-direction:row-reverse}.battle-stage .en-bar{border-width:1.5px;border-radius:6px;width:66px;height:12px}.en-text{color:#2a1a00;justify-content:center;align-items:center;font-size:9px;font-weight:700;display:flex;position:absolute;inset:0}.battle-stage .chip{padding:0 4px;font-size:10px}.battle-stage .vs-col{flex-direction:column;align-items:center;display:flex;position:absolute;top:2px;left:50%;transform:translate(-50%)}.vs-img{filter:drop-shadow(0 4px 6px #0009);width:98px;height:auto}.battle-stage .match-clock{border-radius:14px;margin-top:-2px;padding:1px 12px;font-size:18px}.info-panel{z-index:6;background:linear-gradient(90deg,#101322f2,#101322b3);border:1px solid #4a5064;border-radius:10px;align-items:center;gap:8px;max-width:220px;padding:6px 14px 6px 8px;display:flex;position:absolute;top:104px;left:6px;box-shadow:0 6px 14px #00000080}.info-panel.mine{border-color:var(--gold);box-shadow:0 0 12px #f2c14e73}.info-panel.urgent .info-title{animation:.3s infinite alternate pulse-frame}.info-icon{flex:none;width:30px;height:30px}.info-title{color:var(--gold);text-shadow:0 2px #000;align-items:center;gap:6px;font-size:16px;font-weight:700;display:flex}.info-sub{color:#eef0f5;font-size:12.5px}.battle-stage .knight-slot{position:absolute}.knight-actor{transform-origin:50% 100%;position:absolute;inset:0}.knight-img{object-fit:contain;filter:drop-shadow(0 6px 4px #00000073);pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.knight-flash{opacity:0;filter:brightness(0)invert();mix-blend-mode:screen}.knight-actor.anim-idle{animation:1.7s ease-in-out infinite kb-idle}@keyframes kb-idle{0%,to{transform:none}50%{transform:translateY(-1.5px)scale(1.01,1.018)}}.knight-actor.anim-attack{animation:.74s cubic-bezier(.3,.8,.3,1) kb-lunge}@keyframes kb-lunge{0%{transform:none}18%{transform:translateX(calc(var(--dir) * -10px)) rotate(calc(var(--dir) * -4deg))}38%{transform:translateX(calc(var(--dir) * 70px)) rotate(calc(var(--dir) * 7deg)) scale(1.04)}62%{transform:translateX(calc(var(--dir) * 64px)) rotate(calc(var(--dir) * 4deg))}to{transform:none}}.knight-actor.anim-cast{animation:.74s ease-out kb-cast}@keyframes kb-cast{0%{filter:none;transform:none}30%{filter:drop-shadow(0 0 14px var(--cast,#fff)) brightness(1.2);transform:translateY(-10px)scale(1.04)}55%{transform:translateX(calc(var(--dir) * 16px))}to{filter:none;transform:none}}.side-0 .knight-actor{--cast:#ff8a3c}.side-1 .knight-actor{--cast:#7fd6ff}.knight-actor.anim-shield{animation:.7s ease-out kb-shield}@keyframes kb-shield{40%{filter:drop-shadow(0 0 16px var(--cast));transform:scale(1.06)translateY(-4px)}to{transform:none}}.knight-actor.anim-hit{animation:.48s ease-out kb-hit}.knight-actor.anim-hit .knight-flash{animation:.4s ease-out kb-flash}@keyframes kb-hit{20%{transform:translateX(calc(var(--dir) * -20px)) rotate(calc(var(--dir) * -6deg))}45%{transform:translateX(calc(var(--dir) * -10px))}to{transform:none}}@keyframes kb-flash{0%,25%{opacity:.38}to{opacity:0}}.knight-actor.anim-victory{animation:.8s ease-in-out infinite kb-victory}@keyframes kb-victory{0%,to{transform:none}40%{transform:translateY(-22px)scale(1.03)}}.knight-actor.anim-defeat{animation:1s ease-in forwards kb-defeat}@keyframes kb-defeat{to{transform:translateY(18px) rotate(calc(var(--dir) * -70deg));opacity:.55;filter:grayscale(.6)}}.battle-stage .shield-bubble{inset:-4% 6% -2%}.battle-stage .status-burn span{bottom:40px}.battle-stage .status-burn span:first-child{left:40%}.battle-stage .status-burn span:nth-child(2){bottom:70px;left:52%}.battle-stage .status-burn span:nth-child(3){left:62%}.battle-stage .timing-row{pointer-events:none;display:block;position:absolute;inset:0}.battle-stage .timing-bar{pointer-events:auto;width:192px;height:30px;position:absolute;top:427px}.battle-stage .timing-bar.side-0{left:25px}.battle-stage .timing-bar.side-1{left:322px}.battle-stage .cap{width:16px;height:28px}.battle-stage .cap-l{margin-right:-8px}.battle-stage .cap-r{margin-left:-8px}.battle-stage .track{border-width:2.5px;height:20px}.battle-stage .quality-label{font-size:21px;top:-2px}.battle-stage .q-perfect{font-size:25px}.battle-stage .ability-row{display:block;position:absolute;inset:470px 0 auto}.battle-stage .ability-bar{gap:7px;position:absolute;top:0}.battle-stage .ability-bar.side-0{left:20px}.battle-stage .ability-bar.side-1{right:20px}.battle-stage .ability{border-width:2.5px;border-radius:9px;width:62px;height:62px}.battle-stage .ability .ability-icon{object-fit:cover}.battle-stage .ability-bar.theirs .ability{filter:none}.battle-stage .cost{background:#101116;min-width:24px;height:24px;font-size:13px;bottom:-5px;right:-5px}.battle-stage .ability-tip{bottom:74px}.battle-stage .bottom-bar{top:552px;left:16px;right:16px}.battle-stage .f-damage{font-size:30px}.battle-stage .f-crit{font-size:34px}.battle-stage .result-title{font-size:64px}.class-art{justify-content:center;align-items:flex-end;display:flex}.class-img{object-fit:contain;filter:drop-shadow(0 6px 6px #00000080);transform-origin:50% 100%;width:100%;height:100%;animation:1.7s ease-in-out infinite kb-idle}.name-plate .hud-name{background:0 0;border:0;border-radius:0;padding:0}.info-panel{min-width:188px}.fx-canvas{z-index:4;pointer-events:none;position:absolute;top:0;left:0}.battle-stage .floater{z-index:9}.battle-stage .status-burn,.battle-stage .status-chill{display:none}.battle-stage .shield-bubble{opacity:.55}.battle-stage .timing-row,.battle-stage .ability-row,.battle-stage .top-hud{z-index:6}.knight-rig{pointer-events:none;filter:drop-shadow(0 6px 4px #00000073);position:absolute}.menu{padding-top:14px}.menu .logo{margin:8px 0 12px;font-size:46px}.menu-topbar{align-items:center;gap:8px;width:100%;display:flex}.menu-topbar .lang-toggle{align-self:flex-start;position:static}.profile-chip{color:#fff;cursor:pointer;text-align:left;background:#0a0c16d9;border:2px solid #4a5064;border-radius:14px;flex:1;align-items:center;gap:10px;min-width:0;padding:6px 10px 6px 6px;transition:border-color .15s;display:flex}.profile-chip:hover{border-color:var(--gold)}.pc-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.pc-info strong{white-space:nowrap;text-overflow:ellipsis;font-size:17px;overflow:hidden}.pc-info small{color:var(--gold);font-size:12px}.trophy-chip{color:#fff;background:#0a0c16d9;border:2px solid #4a5064;border-radius:14px;align-items:center;gap:6px;padding:6px 10px 6px 6px;display:flex}.trophy-chip div{flex-direction:column;display:flex}.trophy-chip strong{font-size:15px}.trophy-chip small{color:#c8ccda;font-size:11px}.xp-bar{background:#0b0d16;border:1px solid #3b4152;border-radius:6px;height:8px;overflow:hidden}.xp-fill{background:linear-gradient(90deg,#4fc3ff,#8a7dff);height:100%;transition:width .5s;box-shadow:0 0 8px #6f8bff}.lvl-badge{color:#fff;background:radial-gradient(circle at 35% 30%,#8fa6ff,#3b46a8 70%);border:2px solid #c6d0ff;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:14px;font-weight:800;display:inline-grid;box-shadow:0 2px #151a3d}.pframe{border-radius:12px;flex:none;padding:3px;position:relative}.pframe img{object-fit:cover;background:#151823;border-radius:8px;width:100%;height:100%;display:block}.pframe-level{color:#fff;background:radial-gradient(circle at 35% 30%,#8fa6ff,#3b46a8 70%);border:2px solid #c6d0ff;border-radius:11px;place-items:center;min-width:22px;height:22px;padding:0 4px;font-size:12px;font-weight:800;display:grid;position:absolute;bottom:-6px;right:-6px}.frame-wood{background:linear-gradient(135deg,#8a5a2b,#4e2f14);box-shadow:inset 0 0 0 1px #c08a52,0 2px 6px #000}.frame-iron{background:linear-gradient(135deg,#6b7180,#2b2e37);box-shadow:inset 0 0 0 1px #9aa1b0,0 2px 6px #000}.frame-steel{background:linear-gradient(135deg,#f1f4fa,#8e97a8 45%,#e2e7f0 70%,#6b7180);box-shadow:0 0 10px #dce6ff73,0 2px 6px #000}.frame-crimson{background:linear-gradient(135deg,#ff7a4d,#b0161e 55%,#4d0608);box-shadow:0 0 14px #ff462899,0 2px 6px #000}.frame-royal{background:conic-gradient(#b58cff,#e6e8ff,#7b4dff,#e6e8ff,#b58cff);animation:6s linear infinite royal-spin;box-shadow:0 0 16px #a078ffb3,0 2px 6px #000}@keyframes royal-spin{to{filter:hue-rotate(40deg)}}.rank-badge{flex:none}.rank-badge svg{filter:drop-shadow(0 2px 2px #000);width:100%;height:100%}.rb-shape{stroke:#11131a;stroke-width:1.4px;fill:var(--rk,#7d838f)}.rb-inner{fill:#00000040;stroke:#ffffff59;stroke-width:1px}.rb-pip{fill:#fff}.rank-recruit{--rk:#7d838f}.rank-bronze{--rk:#b4703a}.rank-silver{--rk:#c3cad6}.rank-gold{--rk:#e8b33c}.rank-platinum{--rk:#5fd6c8}.rank-diamond{--rk:#6fa8ff}.rank-legend{--rk:#c06bff}.rank-chip{color:#11131a;background:var(--rk);border-radius:8px;padding:2px 8px;font-size:12px;font-weight:700}.modes{margin-top:14px}.btn-big small{font-family:var(--font-ui,inherit);color:#5a3608;font-size:12px}.practice-row{align-items:stretch;gap:8px;display:flex}.practice-btn{flex:0 0 46%}.practice-row .seg{flex:1}.quests{background:#0a0c16d9;border:2px solid #4a5064;border-radius:14px;flex-direction:column;gap:8px;width:100%;margin-top:14px;padding:10px 12px;display:flex}.quests-head{color:var(--gold);justify-content:space-between;align-items:baseline;font-size:15px;font-weight:800;display:flex}.quests-head small{color:#9aa1b0;font-size:12px;font-weight:500}.quest{color:#e6e8ee;align-items:center;gap:10px;font-size:14px;display:flex}.quest-text{flex-direction:column;flex:1;gap:4px;display:flex}.quest-reward{text-align:right;color:#c8ccda;width:54px;font-size:13px}.quest-xp{text-align:right;color:#8fb4ff;width:64px;font-size:13px;font-weight:700}.quest.done .quest-text span{color:#8a90a0;text-decoration:line-through}.quest.done .quest-reward{color:#6be37a;font-size:16px;font-weight:800}.quest.done .xp-fill{box-shadow:none;background:linear-gradient(90deg,#47c46b,#8be08a)}.profile{z-index:2;color:#fff;background:linear-gradient(#080a1699,#080a16eb 30%);flex-direction:column;display:flex;position:absolute;inset:0}.profile-top{grid-template-columns:1fr auto 1fr;align-items:center;padding:14px 16px 8px;display:grid}.profile-top h2{font-family:var(--font-display);color:var(--gold);text-shadow:0 3px #5a2e05;margin:0;font-size:28px}.profile-top .btn{justify-self:start}.profile-scroll{flex-direction:column;flex:1;gap:12px;padding:4px 18px 24px;display:flex;overflow-y:auto}.pcard{background:#0e101ce6;border:2px solid #4a5064;border-radius:14px;align-items:center;gap:14px;padding:12px;display:flex}.hero-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.name-input{font:inherit;color:#fff;-webkit-user-select:text;user-select:text;background:0 0;border:0;border-bottom:2px dashed #4a5064;outline:none;width:100%;padding:2px 0;font-size:22px;font-weight:800}.name-input:focus{border-bottom-color:var(--gold)}.hero-title{color:var(--gold);font-size:14px;font-weight:700}.xp-mini{flex-direction:column;gap:4px;display:flex}.xp-mini small,.rank-info small{color:#b9c0cc;font-size:12px}.rank-info{flex-direction:column;flex:1;gap:4px;display:flex}.rank-name{font-family:var(--font-display);font-size:20px;font-weight:900}.rank-trophies{font-weight:700}.rank-bar .xp-fill{background:linear-gradient(90deg,#f2c14e,#ff9a3c);box-shadow:0 0 8px #f2a13c}.stat-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.stat{text-align:center;background:#0e101ce6;border:1px solid #3b4152;border-radius:12px;flex-direction:column;gap:2px;padding:10px 6px;display:flex}.stat strong{font-family:var(--font-display);font-size:22px}.stat span{color:#b9c0cc;font-size:12px}.class-records{gap:8px;display:flex}.class-rec{color:#b9c0cc;background:#0e101ce6;border:1px solid #3b4152;border-radius:12px;flex-direction:column;flex:1;gap:2px;padding:8px;font-size:12px;display:flex}.class-rec b{color:#fff;font-size:15px}.class-rec.fire{border-color:#8a3a26}.class-rec.ice{border-color:#2b5a8a}.tabs{border:2px solid #4a5064;border-radius:12px;display:flex;overflow:hidden}.tabs button{color:#c8ccda;cursor:pointer;background:#0e101ce6;border:0;flex:1;padding:10px;font-size:15px;font-weight:800}.tabs button.on{color:var(--gold);background:linear-gradient(#4a5064,#2a2f44)}.looks-note{color:#9aa1b0;text-align:center;margin:0;font-size:12px}.look-slot{flex-direction:column;gap:6px;display:flex}.look-title{text-transform:uppercase;letter-spacing:1px;color:#c8ccda;font-size:13px}.look-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.look-item{color:#e6e8ee;cursor:pointer;background:#0e101ce6;border:2px solid #3b4152;border-radius:12px;flex-direction:column;align-items:center;gap:4px;min-height:92px;padding:8px 4px;font-size:12px;display:flex;position:relative}.look-item.on{border-color:var(--gold);box-shadow:0 0 12px #f2c14e73}.look-item.locked{cursor:not-allowed}.look-item.locked>.cos-icon,.look-item.locked>.pframe,.look-item.locked>span{opacity:.35;filter:grayscale(.8)}.look-item .lock{white-space:nowrap;background:#000c;border-radius:8px;padding:2px 6px;font-size:11px;position:absolute;top:34%;left:50%;transform:translate(-50%)}.look-item .equipped{color:var(--gold);font-weight:900;position:absolute;top:4px;right:6px}.cos-icon{object-fit:contain;width:42px;height:42px}.road{flex-direction:column;gap:8px;display:flex}.road-row{opacity:.7;background:#0e101ce6;border:1px solid #3b4152;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;display:flex}.road-row.reached{opacity:1;border-color:#3f6b4a}.road-row.next{opacity:1;border-color:var(--gold);box-shadow:0 0 12px #f2c14e59}.road-items{flex-wrap:wrap;flex:1;gap:10px;display:flex}.road-item{align-items:center;gap:6px;font-size:13px;display:flex}.road-item .cos-icon,.road-item .pframe{width:32px!important;height:32px!important}.road-check{color:#6be37a;font-weight:900}.result-card{max-height:calc(100% - 120px);padding:14px 16px;overflow-y:auto}.result-stats strong{font-size:22px}.result-stats div{padding:6px}.trophy-change{justify-content:center;align-items:center;gap:8px;margin:10px 0 4px;font-size:18px;font-weight:800;display:flex}.trophy-change.up strong{color:#6be37a}.trophy-change.down strong{color:#ff6b5a}.rank-up{color:var(--gold);margin:4px 0;font-weight:800;animation:.6s ease-in-out infinite alternate pulse-frame}.result-note{margin:10px 0 4px}.xp-lines{flex-direction:column;gap:3px;margin:8px 0;padding:0;font-size:13px;list-style:none;display:flex}.xp-lines li{color:#c8ccda;justify-content:space-between;display:flex}.xp-lines b{color:#8fb4ff}.xp-block{margin:6px 0 12px}.xp-head{align-items:center;gap:8px;display:flex}.xp-head .xp-bar{flex:1;height:12px}.xp-gain{color:#8fb4ff;font-size:14px;font-weight:800}.level-up{font-family:var(--font-display);color:#bcd0ff;text-shadow:0 0 14px #6f8bff,0 3px #1b2050;margin-top:8px;font-size:22px;font-weight:900}.level-up strong{color:#fff}.unlocks{margin-bottom:12px}.unlocks-title{color:var(--gold);margin-bottom:6px;font-weight:800}.unlock-list{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.unlock-card{border:2px solid var(--gold);background:#281e0a99;border-radius:12px;flex-direction:column;align-items:center;gap:2px;width:92px;padding:8px 4px;font-size:12px;display:flex;box-shadow:0 0 14px #f2c14e66}.unlock-card small{color:#c8ccda;font-size:10px}.hud-level{color:#fff;z-index:2;background:radial-gradient(circle at 35% 30%,#8fa6ff,#3b46a8 70%);border:1.5px solid #c6d0ff;border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 3px;font-size:10px;font-weight:800;display:grid;position:absolute;top:-4px;left:-4px}.hud-panel.right .hud-level{left:auto;right:-4px}.profile-scroll>*{flex-shrink:0}.look-item.locked>.cos-icon,.look-item.locked>.pframe{opacity:.5;filter:saturate(.7)}.look-item.locked>span{opacity:.5;filter:none}.result-title{font-size:52px}.result-card{max-height:calc(100% - 80px);margin-top:6px;padding-bottom:0}.result-actions{background:linear-gradient(#12152400,#121524 30%);padding:10px 0 14px;position:sticky;bottom:0}.cos-sword{transform:rotate(-40deg)scale(1.25)}.road-item .cos-sword{transform:rotate(-40deg)scale(1.15)}.cos-icon.cos-sword{filter:drop-shadow(0 2px 2px #000);width:74px;height:42px;margin:0 -14px;transform:rotate(-32deg)}.road-item .cos-icon.cos-sword{margin:0 -8px;width:56px!important;height:32px!important}.unlock-card .cos-icon.cos-sword{width:80px}.profile-chip{position:relative}.sp-dot{color:#2a1600;background:linear-gradient(#ffd45a,#e08a12);border-radius:11px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 5px;font-size:12px;font-weight:900;animation:1.6s ease-in-out infinite spPulse;display:flex;position:absolute;top:2px;left:44px;box-shadow:0 0 10px #ffbe3ccc}@keyframes spPulse{50%{transform:scale(1.12)}}.tabs button{position:relative}.tab-dot{color:#1d1000;vertical-align:2px;background:#e8a020;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:6px;padding:0 4px;font-size:11px;display:inline-flex}.skills{flex-direction:column;gap:10px;display:flex}.skill-points{background:linear-gradient(#3c2c0ee6,#14100ae6);border:2px solid #8a6a28;border-radius:14px;align-items:center;gap:12px;padding:10px 14px;display:flex}.skill-points>div{flex-direction:column;align-items:center;min-width:74px;display:flex}.skill-points strong{color:var(--gold);font-family:Cinzel,serif;font-size:32px;line-height:1}.skill-points span{color:#e8d6a8;text-transform:uppercase;letter-spacing:.04em;text-align:center;font-size:11px}.skill-points p{color:#d6d0c0;margin:0;font-size:13px}.skill-class button{padding:7px;font-size:14px}.skill-row{background:#0c0e1ae6;border:2px solid #3e4456;border-radius:14px;align-items:center;gap:12px;padding:10px;display:flex}.skill-row.fire{border-color:#ff783273}.skill-row.ice{border-color:#6ebeff73}.skill-row.locked{opacity:.55;filter:grayscale(.7)}.skill-icon{flex:none;width:62px;height:62px;position:relative}.skill-icon .ability-icon{border-radius:10px;width:100%;height:100%;display:block}.skill-new{color:#04210e;background:#3ad06c;border-radius:6px;padding:1px 5px;font-size:10px;font-weight:900;position:absolute;top:-6px;left:-6px}.skill-body{flex:1;min-width:0}.skill-name{color:#fff;font-size:16px;font-weight:800}.skill-body p{color:#b9bfcf;margin:2px 0 6px;font-size:12px;line-height:1.3}.skill-meta{color:#c8ccda;flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;display:flex}.pips{gap:3px;display:inline-flex}.pips i{background:#2a2e3c;border:1px solid #5a6072;width:12px;height:12px;transform:rotate(45deg)scale(.8)}.pips i.on{background:linear-gradient(135deg,#ffe58a,#e09a20);border-color:#ffd36b;box-shadow:0 0 6px #ffc850b3}.skill-val b{color:#fff}.skill-val em{color:#6fe08a;font-style:normal;font-weight:700}.skill-lock{color:#e8c070;font-size:13px;font-weight:700}.skill-up{flex:none;min-width:84px}.skill-up:not(:disabled){color:#2a1600;background:linear-gradient(#ffd45a,#d08010);border-color:#ffe08a}.ability .skill-lv{color:#ffd36b;text-shadow:0 0 3px #000,0 0 3px #000;letter-spacing:-1px;pointer-events:none;font-size:9px;position:absolute;top:0;right:3px}.tip-lvl{color:#ffd36b;font-size:11px;display:block}.sp-gain{color:#2a1600;background:linear-gradient(#ffd45a,#d08010);border-radius:20px;align-self:center;width:fit-content;margin:8px auto 0;padding:5px 14px;font-size:14px;font-weight:900;box-shadow:0 0 14px #ffbe3c99}.unlock-card.skill-unlock .ability-icon{border-radius:8px;width:56px;height:56px}.class-art{overflow:hidden}.class-3d{width:120px;height:120px;position:absolute;top:22px;left:15px}.class-3d .knight-rig{filter:drop-shadow(0 6px 5px #00000080)}.btn-pvp{background:linear-gradient(#3d4a78,#232a4a);border-color:#8fa2e8}.btn-pvp small{color:#c9d3ff}.account-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.account-line{color:#c8ccda;align-items:center;gap:8px;font-size:13px;display:flex}.link-btn{color:var(--gold);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.account-note{color:#9aa1b0;text-align:center;margin:0;font-size:12px}.google-signin{flex-direction:column;align-items:center;gap:4px;min-height:40px;display:flex}.google-signin small{color:#b9c0cc;font-size:12px}.google-signin .busy{opacity:.5;pointer-events:none}.dev-signin{gap:4px;display:flex}.dev-signin input{width:90px;font:inherit;color:#fff;-webkit-user-select:text;user-select:text;background:#10121c;border:1px solid #6b7180;border-radius:6px;padding:2px 6px}.modal-back{z-index:30;background:#04060eb8;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.modal-card{border:2px solid var(--gold);color:#fff;text-align:center;background:#0e101cf7;border-radius:16px;flex-direction:column;align-items:center;gap:12px;width:min(360px,100%);padding:20px 18px;display:flex}.modal-card h3{font-family:var(--font-display);color:var(--gold);margin:0;font-size:24px}.modal-card p{color:#c8ccda;margin:0;font-size:14px;line-height:1.4}.queue{z-index:2;text-align:center;color:#fff;background:#080a16b3;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:16px;display:flex;position:absolute;inset:0}.queue h2{font-family:var(--font-display);color:var(--gold);text-shadow:0 3px #5a2e05;margin:0;font-size:28px}.queue p{color:#c8ccda;margin:0}.queue-swords{filter:drop-shadow(0 0 14px #ffb347);font-size:64px}.queue-time{font-family:var(--font-display);font-size:34px}.queue-hint{max-width:320px;font-size:13px}.lb-row{background:#0e101ce6;border:1px solid #3b4152;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;display:flex}.lb-row.me{border:2px solid var(--gold);box-shadow:0 0 12px #f2c14e59}.lb-row.top1 .lb-rank{color:#ffd56b}.lb-row.top2 .lb-rank{color:#d9dee8}.lb-row.top3 .lb-rank{color:#e0a070}.lb-rank{text-align:center;width:28px;font-family:var(--font-display);color:#9aa1b0;font-size:20px;font-weight:900}.lb-name{flex-direction:column;flex:1;min-width:0;display:flex}.lb-name strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lb-name small{color:var(--gold);font-size:11px}.lb-trophies{text-align:right;min-width:64px;font-weight:800}.lb-gap{text-align:center;color:#6b7180}.lb-note{text-align:center;color:#9aa1b0;margin:8px 0;font-size:13px}.away-note{z-index:12;color:#fff;white-space:nowrap;background:#781414e6;border:1px solid #ff8a7a;border-radius:10px;padding:6px 12px;font-size:13px;position:absolute;top:96px;left:50%;transform:translate(-50%)}.timing-bar.parry{filter:drop-shadow(0 0 10px #78beffd9);animation:.5s ease-in-out infinite alternate parry-pulse}@keyframes parry-pulse{0%{transform:scale(1)}to{transform:scale(1.03)}}