:root{color:#e7f6ef;font-synthesis:none;text-rendering:optimizelegibility;background:#061415;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#desktop-page-shell{width:100%;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 50% 8%,#2d7a6b6b,#0000 40%),linear-gradient(135deg,#071c20eb,#0f2e2bb8),#061415;min-width:280px;min-height:320px}button,kbd{font:inherit}.desktop-page-shell{background:radial-gradient(circle at 50% 48%,#3581703d,#0000 33%),repeating-linear-gradient(135deg,#ffffff04 0 1px,#0000 1px 28px);place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.mobile-game-viewport{contain:layout paint;isolation:isolate;background:#061415;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;position:relative;overflow:hidden}#app-shell{width:100%;height:100%;position:absolute;inset:0;overflow:hidden}#app-shell,#game-root,.matchmaking-panel,.main-menu,.main-menu__artboard,.home-shell,.profile-panel,.battle-result-overlay{z-index:72;pointer-events:none;font-variant-ligatures:none;width:100%;height:100%;position:absolute;inset:0;overflow:hidden;container-type:size}#app-shell{pointer-events:auto}.battle-result-overlay[hidden]{display:none}.battle-result-overlay__frame{top:var(--battle-result-center-y);width:min(var(--battle-result-visual-width), var(--battle-result-visual-max-width));aspect-ratio:3/2;pointer-events:none;position:absolute;left:50%;transform:translate(-50%,-50%)}.battle-result-overlay__image{z-index:1;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.battle-result-overlay__reference{z-index:4;top:var(--battle-result-reference-top);left:var(--battle-result-reference-left);width:var(--battle-result-reference-width);-webkit-user-select:none;user-select:none;pointer-events:none;height:auto;display:block;position:absolute}.battle-result-overlay__image[hidden],.battle-result-overlay__reference[hidden],.battle-result-overlay__fallback[hidden]{display:none}.battle-result-overlay__fallback,.battle-result-overlay__name,.battle-result-overlay__score{z-index:3;color:#fff;text-align:center;white-space:nowrap;text-shadow:-2px -2px #2d1827eb,2px -2px #2d1827eb,-2px 2px #2d1827eb,2px 2px #2d1827eb,0 4px 5px #0000007a;pointer-events:none;font-variant-ligatures:none;margin:0;font-family:Mikado Menu,Arial Black,Arial Rounded MT Bold,system-ui,sans-serif;font-weight:700;line-height:.95;position:absolute;left:50%;transform:translate(-50%,-50%)}.battle-result-overlay__name{top:var(--battle-result-name-y);left:var(--battle-result-name-x);width:var(--battle-result-name-max-width);max-width:var(--battle-result-name-max-width);font-size:var(--battle-result-name-size);text-overflow:clip;overflow:hidden}.battle-result-overlay__score{top:var(--battle-result-score-y);color:#fff0a0;font-size:var(--battle-result-score-size);letter-spacing:.035em}.battle-result-overlay__fallback{z-index:2;width:min(74%,420px);font-size:var(--battle-result-name-size);top:38%}.battle-result-overlay[data-winner=draw] .battle-result-overlay__name{color:#fff0a8;top:45%}.battle-result-overlay[data-winner=draw] .battle-result-overlay__score{top:56%}.battle-result-overlay__name .mikado-safe-character,.battle-result-overlay__name .mikado-fallback-character,.battle-result-overlay__score .mikado-safe-character,.battle-result-overlay__score .mikado-fallback-character{font-feature-settings:"liga" 0, "clig" 0, "dlig" 0, "calt" 0;font-family:Arial Black,Arial Rounded MT Bold,Trebuchet MS,system-ui,sans-serif;display:inline}.battle-result-overlay__debug-controls{z-index:9;top:max(8px, env(safe-area-inset-top));color:#fff;pointer-events:auto;background:#000000c2;border:1px solid #ffffff6b;border-radius:7px;gap:6px;width:min(250px,100% - 16px);padding:8px;font:10px/1.35 ui-monospace,monospace;display:grid;position:absolute;right:8px}.battle-result-overlay__debug-controls[hidden]{display:none}.battle-result-overlay__debug-controls label{grid-template-columns:72px 1fr;align-items:center;gap:5px;display:grid}.battle-result-overlay__debug-controls output{white-space:pre-wrap}.battle-result-overlay__name-guide,.battle-result-overlay__score-guide,.battle-result-overlay__center-guide{display:none}.battle-result-overlay--debug .battle-result-overlay__frame{outline-offset:-1px;outline:1px dashed #ffffffa8}.battle-result-overlay--debug .battle-result-overlay__name-guide,.battle-result-overlay--debug .battle-result-overlay__score-guide,.battle-result-overlay--debug .battle-result-overlay__center-guide{z-index:8;pointer-events:none;display:block;position:absolute}.battle-result-overlay--debug .battle-result-overlay__name-guide{top:var(--battle-result-name-y);left:var(--battle-result-name-x);width:var(--battle-result-name-max-width);height:calc(var(--battle-result-name-size) * 1.18);border:1px dashed #ffef73;transform:translate(-50%,-50%)}.battle-result-overlay--debug .battle-result-overlay__score-guide{top:var(--battle-result-score-y);border-top:1px dashed #8effa9;width:30%;left:35%}.battle-result-overlay--debug .battle-result-overlay__center-guide{border-left:1px dashed #ffffffb8;top:-18%;bottom:-18%;left:50%}.battle-result-overlay__frame[data-debug-mode=reference] .battle-result-overlay__name,.battle-result-overlay__frame[data-debug-mode=reference] .battle-result-overlay__score{visibility:hidden}@media (height<=700px){.battle-result-overlay__debug-controls{max-height:34%;overflow:auto}}.deck-builder,.settings-panel,.battle-ui-overlay{box-sizing:border-box;min-width:0;min-height:0}#game-root{pointer-events:none;background:0 0;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}#game-root.is-battle-active{width:100%;height:100%;box-shadow:none;pointer-events:auto;border:0;border-radius:0;inset:0}body[data-game-layout=desktop-mobile-frame] .mobile-game-viewport{border:1px solid #a6ebd23d;border-radius:18px;box-shadow:0 24px 78px #00000085}@media (hover:hover) and (pointer:fine){.mobile-game-viewport{aspect-ratio:390/844;border:1px solid #a6ebd23d;border-radius:18px;width:min(390px,100vw - 24px,46.2085dvh - 11.09px);height:auto;box-shadow:0 24px 78px #00000085}}@media (orientation:landscape) and (pointer:coarse){.mobile-game-viewport{aspect-ratio:390/844;width:46.2085dvh;height:100dvh}}#game-root canvas{image-rendering:auto;width:100%;height:100%;display:block;position:absolute;inset:0}.mobile-viewport-diagnostic{z-index:1000;color:#eafff7;white-space:pre-wrap;pointer-events:none;background:#020f12eb;border:1px solid #5cf4d7b8;border-radius:8px;width:min(310px,100vw - 16px);padding:9px 11px;font:10px/1.45 Cascadia Mono,Consolas,monospace;position:fixed;top:8px;right:8px;box-shadow:0 8px 28px #0000007a}.mobile-viewport-guide{z-index:90;color:#fff;pointer-events:none;font:8px/1 Cascadia Mono,Consolas,monospace;position:absolute;left:0;right:0}.mobile-viewport-guide--terrain{border:1px dashed #ffca57;inset:0}.mobile-viewport-guide--hud-top{border:1px solid #ff5ca8;top:0}.mobile-viewport-guide--hud-bottom{border:1px solid #ff5ca8;bottom:0}body.mobile-viewport-debug .mobile-game-viewport{outline-offset:-2px;outline:2px solid #55f58b}body.mobile-viewport-debug canvas.three-battle-canvas{outline-offset:-3px;outline:1px solid #55c7ff}body.mobile-viewport-debug canvas.phaser-battle-canvas{outline-offset:-5px;outline:1px solid #b78cff}body.mobile-viewport-debug #app-shell{outline-offset:-4px;outline:1px solid #ff8a55}body.mobile-viewport-debug .main-menu__artboard{outline-offset:-6px;outline:1px solid #fff06a}body.mobile-viewport-debug .bottom-navigation:not([hidden]){outline-offset:-2px;outline:2px solid #ff67cf}.arena-calibration-layer{z-index:40;pointer-events:none;position:absolute;inset:0;overflow:hidden}.arena-calibration-reference{object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.arena-calibration-guides{pointer-events:none;background-image:linear-gradient(#ffffff1c 1px,#0000 1px),linear-gradient(90deg,#ffffff1c 1px,#0000 1px);background-size:10% 10%;position:absolute;inset:0}.arena-calibration-guide{color:#fff;text-align:right;text-shadow:0 1px 2px #000;border-top:1px dashed;height:0;font:700 8px/1.2 Cascadia Mono,Consolas,monospace;position:absolute;left:0;right:0}.arena-calibration-guide--top-hud,.arena-calibration-guide--bottom-hud{color:#ffe36b}.arena-calibration-guide--arena-top,.arena-calibration-guide--arena-bottom{color:#d7a0ff}.arena-calibration-guide--river{color:#5df3ff;border-top-style:solid;border-top-width:2px}.arena-calibration-guide--actual{color:#76ff8b;border-top-style:dotted}.arena-calibration-castle{color:#fff;text-align:center;text-shadow:0 1px 2px #000;border:1px solid;place-items:end center;width:54px;height:44px;padding-bottom:2px;font:700 7px/1 Cascadia Mono,Consolas,monospace;display:grid;position:absolute;transform:translate(-50%,-50%)}.arena-calibration-castle:before,.arena-calibration-castle:after{content:"";background:currentColor;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.arena-calibration-castle:before{width:14px;height:1px}.arena-calibration-castle:after{width:1px;height:14px}.arena-calibration-castle--king{width:72px;height:58px}.arena-calibration-castle--player{color:#58cfff}.arena-calibration-castle--opponent{color:#ff6a7b}.arena-calibration-actual-anchor{background:#141e147a;border:2px solid #76ff8b;border-radius:50%;width:10px;height:10px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #07130a,0 0 7px #76ff8b}.arena-calibration-panel{z-index:70;top:max(8px, calc(env(safe-area-inset-top) + 4px));left:max(8px, calc(env(safe-area-inset-left) + 4px));color:#f5fff9;pointer-events:auto;background:#030b11e8;border:1px solid #6dede194;border-radius:9px;width:min(190px,100vw - 16px);font:10px/1.3 Cascadia Mono,Consolas,monospace;position:fixed;overflow:hidden;box-shadow:0 7px 24px #00000070}.arena-calibration-panel>summary{color:#8ff5e9;letter-spacing:.08em;cursor:pointer;-webkit-user-select:none;user-select:none;padding:7px 9px;font-weight:850}.arena-calibration-panel>div{gap:7px;padding:0 9px 9px;display:grid}.arena-calibration-panel label{justify-content:space-between;align-items:center;gap:7px;display:flex}.arena-calibration-panel select,.arena-calibration-panel input{accent-color:#63e8da;min-width:0}.arena-calibration-panel select{color:#f5fff9;width:112px;font:inherit;background:#102a35;border:1px solid #6dede16b;border-radius:4px}.arena-calibration-panel__opacity{grid-template-columns:auto 1fr;display:grid!important}.arena-calibration-panel__opacity input{width:100%}.arena-calibration-panel output{color:#a8c8c5;font-size:8px}.arena-calibration-panel output[data-error=true]{color:#ff9199}#game-root canvas.three-battle-canvas{z-index:0;pointer-events:none}#game-root canvas.phaser-battle-canvas{z-index:3;pointer-events:none;background:0 0}#game-root canvas.phaser-battle-canvas.is-battle-input-active{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.battle-hand-sharpness-layer{z-index:4;pointer-events:none;position:absolute;inset:0;overflow:hidden}.battle-hand-sharpness-layer[hidden]{display:none}.sharp-mana{pointer-events:none;contain:layout paint style;position:absolute}.sharp-mana[hidden],.sharp-mana__value[hidden],.sharp-mana__mode[hidden]{display:none}.sharp-mana__frame{background:#10101be6;border-radius:6px;position:absolute;overflow:visible;box-shadow:0 4px 0 4px #03040a4d,0 0 0 3px #090812f0,0 0 0 4px #746583b8,0 0 10px #a855f709}.sharp-mana[data-increasing=true] .sharp-mana__frame{box-shadow:0 4px 0 4px #03040a4d,0 0 0 3px #090812f0,0 0 0 4px #746583b8,0 0 10px #a855f71a}.sharp-mana[data-full=true] .sharp-mana__frame{box-shadow:0 4px 0 4px #03040a4d,0 0 0 3px #090812f0,0 0 0 4px #d8b4fedb,0 0 11px #a855f72e}.sharp-mana__segment{background:linear-gradient(#26313b,#141b23);border:1px solid #5a536857;border-radius:4px;display:block;position:absolute;overflow:hidden}.sharp-mana__fill{border-radius:inherit;background:linear-gradient(#d98cff,#7625c8);display:block;position:absolute;inset:0 auto 0 0;overflow:hidden}.sharp-mana__fill:after{content:"";background:#fff3;border-radius:2px;height:3px;position:absolute;top:2px;left:1px;right:1px}.sharp-mana[data-spend-flash=true] .sharp-mana__fill{background:linear-gradient(#f0a9ff,#9c3ed6)}.sharp-mana[data-accelerated=true] .sharp-mana__fill{background:linear-gradient(#e8a4ff,#9738e1)}.sharp-mana__value,.sharp-mana__mode{z-index:2;color:#fff;font-variant-numeric:tabular-nums;text-rendering:geometricprecision;text-shadow:0 1px #000;-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-weight:700;line-height:1;position:absolute}.sharp-mana__value{text-align:center;white-space:nowrap;justify-content:center;align-items:center;display:flex}.sharp-mana__mode{color:#9bb8b0;text-align:right;white-space:nowrap;top:0}.sharp-mana[data-accelerated=true] .sharp-mana__mode{color:#ffd066}.sharp-hand-card,.sharp-next-card{pointer-events:none;border-radius:10px;position:absolute;overflow:hidden}.sharp-next-card{border-radius:9px}.sharp-hand-card__art,.sharp-next-card__art{z-index:1;display:block;position:absolute;overflow:hidden}.sharp-hand-card__image,.sharp-next-card__image{object-fit:contain;image-rendering:auto;filter:none;opacity:1;width:100%;height:100%;display:block}.sharp-hand-card__shade{z-index:2;border-radius:inherit;background:#040a0d94;display:none;position:absolute;inset:0}.sharp-hand-card.is-disabled .sharp-hand-card__shade{display:block}.sharp-next-card__label,.sharp-next-card__name{z-index:3;text-align:center;text-overflow:ellipsis;text-shadow:0 2px 3px #000,0 0 4px #000;white-space:nowrap;-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-weight:900;line-height:1;position:absolute;left:3px;right:3px;overflow:hidden}.sharp-next-card__label{font-size:8px;top:5px}.sharp-next-card__name{color:#f5fff9;font-size:9px;bottom:6px}.battle-card-interaction-layer{z-index:5;pointer-events:none;position:absolute;inset:0;overflow:hidden}.battle-card-interaction-layer[hidden]{display:none}.battle-card-interaction-target{cursor:grab;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:absolute}.battle-card-interaction-target:active{cursor:grabbing}.battle-touch-drag-debug{z-index:30;color:#f4fff9;white-space:pre;pointer-events:none;background:#030a10eb;border:1px solid #82e9d2;border-radius:8px;max-width:calc(100% - 16px);padding:7px 9px;font:10px/1.35 Cascadia Mono,Consolas,monospace;position:absolute;top:112px;left:8px}.battle-touch-drag-debug[hidden]{display:none}.sharp-hand-card__name,.sharp-hand-card__pending{z-index:3;color:#f5fff9;text-align:center;text-overflow:ellipsis;text-shadow:0 2px 3px #000,0 0 4px #000;white-space:nowrap;font-weight:900;line-height:1.05;position:absolute;left:4px;right:4px;overflow:hidden}.sharp-hand-card__name{font-size:9px;bottom:11%}.sharp-hand-card__pending{color:#ffe0a3;font-size:7px;top:65%}.sharp-hand-card.is-disabled .sharp-hand-card__name{color:#aeb8b6}.card-sharpness-debug{z-index:20;color:#fff;pointer-events:none;background:#030a10f0;border:1px solid #bc8cff;border-radius:9px;width:min(360px,100% - 16px);padding:8px;position:absolute;top:8px;left:8px}.card-sharpness-debug>div{align-items:end;gap:8px;margin-top:6px;display:flex}.card-sharpness-debug figure{margin:0}.card-sharpness-debug img{object-fit:contain;image-rendering:auto;filter:none;opacity:1;display:block}.card-sharpness-debug figcaption{margin-top:2px;font-size:9px}.card-sharpness-debug pre{overflow-wrap:anywhere;white-space:pre-wrap;margin:6px 0 0;font:9px/1.3 monospace}.three-health-layer{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.three-health-layer *,.three-battle-stats,.three-preload-stats,.three-projectile-validation-stats{pointer-events:none}.three-health-bar{transform-origin:50%;will-change:transform;background:#02090ae0;border:1px solid #ffffffad;border-radius:999px;width:38px;height:6px;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 1px 3px #0000008c}.three-health-bar>span{transform-origin:0;background:#42d7d1;width:100%;height:100%;display:block}.three-health-bar--opponent>span{background:#f27664}.castle-health-bar{--castle-health-bar-width:60px;--castle-health-bar-height:10px;--castle-health-bar-font-size:8px;--castle-health-bar-fill-top:45.509%;--castle-health-bar-fill-right:4.4704%;--castle-health-bar-fill-bottom:22.7545%;--castle-health-bar-fill-left:18.4645%;width:var(--castle-health-bar-width);height:var(--castle-health-bar-height);transform-origin:50%;will-change:transform;position:absolute;top:0;left:0}.castle-health-bar__artwork{position:absolute;inset:0;overflow:hidden}.castle-health-bar__frame{z-index:1;width:149.271%;height:613.174%;position:absolute;top:-246.707%;left:-24.7813%}.castle-health-bar__frame img{object-fit:contain;image-rendering:auto;filter:none;width:100%;height:100%;display:block}.castle-health-bar__frame--top{z-index:3;clip-path:inset(0 0 52.3438%)}.castle-health-bar__frame--bottom{z-index:3;clip-path:inset(52.832% 0 0)}.castle-health-bar__frame--left{z-index:3;clip-path:inset(47.6563% 71.0286% 47.168% 0)}.castle-health-bar__frame--right{z-index:3;clip-path:inset(47.6563% 0 47.168% 80.599%)}.castle-health-bar__fill-slot,.castle-health-bar__value{top:var(--castle-health-bar-fill-top);right:var(--castle-health-bar-fill-right);bottom:var(--castle-health-bar-fill-bottom);left:var(--castle-health-bar-fill-left);position:absolute}.castle-health-bar__fill-slot{z-index:2;background:#1c222e;border-radius:999px;overflow:hidden}.castle-health-bar__fill{border-radius:inherit;background:linear-gradient(#ffffff47,#0000 40%),linear-gradient(#58d5ff 0%,#28b9ff 56%,#0878d5 100%);width:100%;height:100%;transition:width .14s linear}.castle-health-bar--opponent .castle-health-bar__fill{background:linear-gradient(#ffffff3d,#0000 40%),linear-gradient(#ff7080 0%,#f04457 56%,#b80f2c 100%)}.castle-health-bar__value{z-index:4;color:#fff;font:900 var(--castle-health-bar-font-size)/1 Arial, Helvetica, sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.25px;text-align:center;text-shadow:-.6px -.6px #111827,.6px -.6px #111827,-.6px .6px #111827,.6px .6px #111827,0 1px 1px #000000bf;place-items:center;display:grid;overflow:visible}.castle-health-bar--fallback .castle-health-bar__artwork{background:#02090ae0;border:1px solid #ffffffad;border-radius:999px;overflow:hidden;box-shadow:0 1px 3px #0000008c}.castle-health-bar--fallback .castle-health-bar__frame{display:none}.castle-health-bar--fallback .castle-health-bar__fill-slot{inset:1px}.castle-health-bar--fallback .castle-health-bar__value{inset:0}.castle-health-bar--debug:after{z-index:6;content:"";background:#fff;border:1px solid #111;border-radius:50%;width:3px;height:3px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.castle-health-bar__debug{z-index:7;color:#fff;white-space:normal;background:#000000c7;border:1px solid #ffffff73;border-radius:2px;width:max-content;max-width:230px;padding:2px 3px;font:7px/1.25 Cascadia Mono,Consolas,monospace;position:absolute;top:calc(100% + 3px);left:50%;transform:translate(-50%)}body.castle-editor-active{background:#061415;overflow:hidden}body.castle-editor-active #app-shell{width:100vw;max-width:none;min-height:100vh;margin:0}body.castle-editor-active #mobile-game-viewport,body.castle-sprite-debug-active #mobile-game-viewport,body.raw-castle-models #mobile-game-viewport{max-width:none;max-height:none;box-shadow:none;border:0;border-radius:0;width:100vw!important;height:100vh!important}body.castle-editor-active #app-shell>:not(#game-root){display:none!important}body.castle-editor-active #game-root{background:#061415;width:100vw;max-width:none;height:100vh;display:block;position:fixed;inset:0;overflow:hidden}.castle-editor{--editor-panel-width:460px;color:#edfaff;background:radial-gradient(circle at 35% 0,#143a42 0,#0000 45%),#061415;width:100%;height:100%;font:500 13px/1.35 Inter,ui-sans-serif,system-ui,sans-serif}.castle-editor button,.castle-editor input,.castle-editor select,.castle-editor textarea{font:inherit}.castle-editor button,.castle-editor select,.castle-editor input[type=number]{color:#eefcff;background:#102c32;border:1px solid #315f68;border-radius:7px;min-height:32px}.castle-editor button{cursor:pointer;touch-action:manipulation;padding:5px 9px}.castle-editor button:hover,.castle-editor button.is-active{background:#18515a;border-color:#5de9f2;box-shadow:inset 0 0 0 1px #5de9f255}.castle-editor__header{background:#071d22ee;border-bottom:1px solid #28515a;justify-content:space-between;align-items:center;gap:16px;height:58px;padding:0 18px;display:flex}.castle-editor__header div{display:grid}.castle-editor__header strong{font-size:16px}.castle-editor__header small,.castle-editor__header output,.castle-editor small,.castle-editor__hint{color:#9fc4cb}.castle-editor__lock{color:#dffcff;align-items:center;gap:7px;margin:4px 0 8px;font-weight:750;display:flex}.castle-editor__warning{color:#ffe6a0;background:#47351466;border:1px solid #a77c2c;border-radius:7px;margin:6px 0;padding:6px 8px;font-size:11px}.castle-editor__workspace{grid-template-columns:minmax(0, 1fr) var(--editor-panel-width);height:calc(100% - 58px);display:grid}.castle-editor__preview,.castle-editor__stage{min-width:0;min-height:0}.castle-editor__stage{justify-content:center;align-items:center;width:100%;height:100%;padding:12px;display:flex;overflow:hidden}.castle-editor__canvas-frame{--castle-editor-aspect:390 / 844;width:min(100%,46.2085vh - 37.891px);max-height:calc(100vh - 82px);aspect-ratio:var(--castle-editor-aspect);background:#061415;border:1px solid #77efff88;border-radius:10px;position:relative;overflow:hidden;box-shadow:0 18px 60px #000a}.castle-editor__canvas-frame.is-free-viewport{aspect-ratio:auto;width:100%;height:100%;max-height:none}.castle-editor__canvas{inset:0;width:100%!important;height:100%!important;position:absolute!important}.castle-editor__reference{z-index:2;object-fit:cover;opacity:.5;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.castle-editor__reference[hidden]{display:none}.castle-editor__health-layer,.castle-editor__labels,.castle-editor__hud{z-index:4;pointer-events:none;position:absolute;inset:0}.castle-editor__labels{z-index:5}.castle-editor__label{color:#071719;white-space:nowrap;background:#dffcffeb;border-radius:9px;padding:2px 6px;font-size:10px;font-weight:800;position:absolute;top:0;left:0;box-shadow:0 1px 5px #0008}.castle-editor__hud{z-index:3}.castle-editor__hud-top,.castle-editor__hud-bottom{color:#fff;background:#07151bcc;border:1px dashed #ffda67;place-items:center;font-weight:800;display:grid;position:absolute;left:0;right:0}.castle-editor__hud-top{height:8%;top:0}.castle-editor__hud-bottom{height:18%;bottom:0}.castle-editor__panel{scrollbar-color:#3b6f78 #07171b;background:#081b20f5;border-left:1px solid #28515a;padding:12px;overflow:auto}.castle-editor__panel section{background:#0c242ad9;border:1px solid #224750;border-radius:10px;margin:0 0 10px;padding:10px}.castle-editor__panel h2{color:#bffaff;margin:0 0 8px;font-size:13px}.castle-editor__button-grid,.castle-editor__actions,.castle-editor__quick,.castle-editor__toolbar>div>div{flex-wrap:wrap;gap:5px;display:flex}.castle-editor__toolbar{gap:8px;display:grid}.castle-editor__toolbar label,.castle-editor__toolbar>div{grid-template-columns:74px 1fr;align-items:center;gap:6px;display:grid}.castle-editor__control{border-top:1px solid #1b3b42;grid-template-columns:145px 1fr;align-items:center;gap:8px;padding:5px 0;display:grid}.castle-editor__control:first-child{border-top:0}.castle-editor__control.is-mixed label:after{content:" · valeurs mixtes";color:#ffdb70;font-size:10px}.castle-editor__control>div{grid-template-columns:minmax(70px,1fr) 70px 32px 32px auto;align-items:center;gap:4px;display:grid}.castle-editor__control input[type=range]{accent-color:#5de9f2;width:100%}.castle-editor__control input[type=number]{width:70px;padding:4px}.castle-editor__control button{min-height:28px;padding:2px 6px}.castle-editor__quick{margin-top:8px}.castle-editor__checks{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid}.castle-editor__checks label{white-space:nowrap}.castle-editor__values,.castle-editor textarea{box-sizing:border-box;color:#bffaff;white-space:pre-wrap;background:#041114;border:1px solid #315f68;border-radius:7px;width:100%;max-height:270px;padding:9px;font:11px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto}.castle-editor textarea{resize:vertical;min-height:210px;margin-top:8px}.castle-sprite-editor__canvas{cursor:grab;touch-action:auto}.castle-sprite-editor__canvas.is-dragging{cursor:grabbing;touch-action:none}.castle-sprite-editor__reference-guides{z-index:3;pointer-events:none;position:absolute;inset:0}.castle-sprite-editor__reference-guides[hidden]{display:none}.castle-sprite-editor__reference-guides i{top:var(--y);left:var(--x);color:#fff;text-indent:8px;white-space:nowrap;border:2px solid #ffeb75;border-radius:50%;width:10px;height:10px;font:700 8px/1 ui-sans-serif,system-ui,sans-serif;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #000,0 0 8px #000}.castle-sprite-editor__reference-guides b{color:#fff;text-shadow:0 1px 2px #000;border-top:1px dashed #ffeb75;height:0;font:700 8px/1 ui-sans-serif,system-ui,sans-serif;position:absolute;left:0;right:0}.castle-sprite-editor__reference-guides .is-river{top:49%}.castle-sprite-editor__reference-guides .is-arena-top{top:7%}.castle-sprite-editor__reference-guides .is-arena-bottom{bottom:7%}.castle-sprite-editor__nudges button{-webkit-user-select:none;user-select:none;touch-action:none;min-width:30%}.castle-sprite-editor__export{background:#332b13d9!important;border-color:#d4ad42!important}.castle-sprite-editor__export p{color:#ffd878;margin:6px 0 9px;font-size:11px}.castle-sprite-editor__export p.is-integrated{color:#77f1cb}.castle-sprite-editor__copy-final{letter-spacing:.035em;width:100%;margin-bottom:8px;color:#111d17!important;background:linear-gradient(#ffe889,#e6b836)!important;border-color:#fff0a6!important;min-height:46px!important;font-weight:900!important}.battle-layout-editor__hud-layer{z-index:8;pointer-events:none;font-family:Inter,ui-sans-serif,system-ui,sans-serif;position:absolute;inset:0;overflow:hidden}.battle-layout-editor__item{box-sizing:border-box;color:#fff;outline-offset:2px;min-width:8px;min-height:8px;font-size:calc(10px * var(--hud-editor-text-scale,1));text-align:center;text-shadow:0 1px 3px #000;pointer-events:auto;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;outline:1px dashed #0000;justify-content:center;align-items:center;display:flex;position:absolute}.battle-layout-editor__item:hover,.battle-layout-editor__item.is-selected{background-color:#fff17614;outline-color:#fff176}.battle-layout-editor__item.is-dragging{cursor:grabbing;outline-style:solid}.battle-layout-editor__item--opponentInfo,.battle-layout-editor__item--playerInfo,.battle-layout-editor__item--timer{background:#081722b8;border:1px solid #dcf1ff52;border-radius:9px;flex-direction:column}.battle-layout-editor__item--opponentInfo{color:#ffb2b2}.battle-layout-editor__item--playerInfo{color:#7de8ff}.battle-layout-editor__item--timer strong{font-size:calc(22px * var(--hud-editor-text-scale,1))}.battle-layout-editor__item--menu,.battle-layout-editor__item--chat{font-size:calc(22px * var(--hud-editor-icon-scale,1));background:#051219c2;border:1px solid #ffffff42;border-radius:50%}.battle-layout-editor__item--deck{background:#05364eb8;border-radius:8px;align-items:stretch}.battle-layout-editor__item--deck i{min-width:0;transform:scale(var(--hud-editor-card-scale,1));transform-origin:bottom;background:linear-gradient(145deg,#567baf,#231a49);border:2px solid #b79cff;border-radius:5px 5px 9px 9px;flex:1 1 0;font-style:normal;position:relative;overflow:hidden}.battle-layout-editor__item--deck i b{background:#9b4fd0;border-radius:50%;place-items:center;width:18px;height:18px;display:grid;position:absolute;top:2px;left:2px}.battle-layout-editor__item--deck i span{font-size:calc(7px * var(--hud-editor-text-scale,1));text-overflow:ellipsis;white-space:nowrap;position:absolute;bottom:4px;left:2px;right:2px;overflow:hidden}.battle-layout-editor__item--nextCard{background:linear-gradient(#4b759a,#172a46);border:2px solid #75d5ff;border-radius:7px;flex-direction:column}.battle-layout-editor__item--nextCard i{font-size:calc(20px * var(--hud-editor-icon-scale,1))}.battle-layout-editor__item--manaBar{background:#21162c;border:2px solid #d4a9f0;border-radius:9px;align-items:stretch}.battle-layout-editor__item--manaBar i{background:linear-gradient(#dc8aff,#7625c8);border-right:1px solid #ffffff2e;flex:1 1 0}.battle-layout-editor__item--manaValue{color:#fff1ff;pointer-events:auto;font-weight:900}.battle-layout-editor__safe-guides{inset:var(--safe-top,0) var(--safe-right,0) var(--safe-bottom,0) var(--safe-left,0);pointer-events:none;border:1px dashed #ffd85bb8;position:absolute}.battle-layout-editor__safe-guides span{color:#ffe68c;font-size:7px;position:absolute;top:2px;left:3px}.battle-layout-editor__safe-controls{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:7px 0;display:grid}.battle-layout-editor__safe-controls label{color:#9fc4cb;gap:3px;font-size:10px;display:grid}.battle-layout-editor__safe-controls input{width:100%}.battle-layout-editor__nudges button{min-width:22%}.castle-sprite-editor .castle-health-bar{pointer-events:auto;cursor:grab;touch-action:none}.castle-sprite-editor .castle-health-bar:hover,.castle-sprite-editor .castle-health-bar.is-editor-dragging{filter:drop-shadow(0 0 4px #fff176)}.castle-sprite-editor .castle-health-bar.is-editor-dragging{cursor:grabbing}@media (width<=900px){body.castle-editor-active{overflow:auto}body.castle-editor-active #game-root{height:auto;min-height:100vh;position:static;overflow:visible}.castle-editor{min-height:100vh}.castle-editor__header{z-index:30;position:sticky;top:0}.castle-editor__workspace{height:auto;display:block}.castle-editor__preview{z-index:10;background:#061415ee;height:min(54vh,520px);position:sticky;top:58px}.castle-editor__canvas-frame{width:min(100%,24.9526vh - 11.09px);max-height:calc(54vh - 24px)}.castle-editor__panel{z-index:20;border-top:1px solid #28515a;border-left:0;position:relative}}@media (width<=560px){.castle-editor__header{padding:0 9px}.castle-editor__header output{text-align:right;max-width:42%;font-size:10px}.castle-editor__control{grid-template-columns:1fr}.castle-editor__control>div{grid-template-columns:minmax(70px,1fr) 66px 32px 32px}.castle-editor__control [data-control-reset]{grid-column:1/-1}}.three-battle-stats{z-index:4;color:#effff9;pointer-events:none;background:#031011c7;border:1px solid #a6ebd247;border-radius:6px;max-width:calc(100% - 16px);padding:4px 7px;font:9px/1.25 Cascadia Mono,Consolas,monospace;position:absolute;top:58px;left:8px}.castle-model-diagnostics{z-index:24;color:#eafff8;pointer-events:none;background:#020a0de0;border:1px solid #7beec98c;border-radius:6px;width:min(360px,100% - 16px);max-height:min(48vh,520px);padding:6px;font:7px/1.25 Cascadia Mono,Consolas,monospace;display:grid;position:absolute;top:8px;right:8px;overflow:auto}.castle-model-diagnostics>strong{color:#9fffdc;padding:2px 3px 5px;font-size:8px}.castle-model-diagnostics>output{overflow-wrap:anywhere;white-space:pre-wrap;border-top:1px solid #7beec933;padding:4px 3px;display:block}.castle-model-diagnostics__viewport{color:#ffe9a3}.castle-model-debug-rect{z-index:22;pointer-events:none;position:absolute}.castle-model-debug-rect--three{border:2px solid #60f5ff}.castle-model-debug-rect--terrain{border:1px dashed #ffe060}body.raw-castle-models #app-shell>:not(#game-root){display:none!important}#game-root.raw-castle-models__stage{background:#10262b}body.castle-sprite-debug-active #app-shell>:not(#game-root){display:none!important}#game-root.castle-sprite-debug{background:#061415}.castle-sprite-debug__controls{z-index:50;top:max(8px, env(safe-area-inset-top));color:#f5fffb;pointer-events:auto;background:#030d10d1;border:1px solid #89efcd73;border-radius:8px;gap:5px;padding:8px;font:600 10px/1.25 Inter,ui-sans-serif,system-ui,sans-serif;display:grid;position:absolute;left:8px;right:8px}.castle-sprite-debug__controls>div{gap:6px;display:flex}.castle-sprite-debug__controls button{color:#eafff8;background:#174a50;border:1px solid #72dce5;border-radius:5px;min-height:28px;padding:4px 9px}.castle-sprite-debug__controls button.is-active{color:#061415;background:#77f1d4}.raw-castle-models__panel{z-index:30;color:#eafff8;background:#020a0de0;border:1px solid #7beec98c;border-radius:7px;gap:5px;max-height:42%;padding:8px;font:8px/1.3 Cascadia Mono,Consolas,monospace;display:grid;position:absolute;top:8px;left:8px;right:8px;overflow:auto}.raw-castle-models__panel>div{gap:6px;display:flex}.raw-castle-models__panel button{color:#eafff8;cursor:pointer;background:#174a50;border:1px solid #72dce5;border-radius:5px;min-height:28px;padding:4px 8px}.raw-castle-models__panel pre{overflow-wrap:anywhere;white-space:pre-wrap;margin:0}.three-preload-stats{z-index:4;color:#d9fff2;pointer-events:none;background:#031011b8;border:1px solid #a6ebd238;border-radius:6px;max-width:calc(100% - 16px);padding:3px 7px;font:9px/1.25 Cascadia Mono,Consolas,monospace;position:absolute;top:82px;left:8px}.three-projectile-validation-stats{z-index:4;color:#f5fff8;pointer-events:none;background:#031011d1;border:1px solid #97f0b857;border-radius:6px;max-width:calc(100% - 16px);padding:4px 7px;font:9px/1.25 Cascadia Mono,Consolas,monospace;position:absolute;top:106px;left:8px}.matchmaking-panel{z-index:20;padding:max(18px, env(safe-area-inset-top)) 18px max(18px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#031011c2;place-items:center;display:grid;position:absolute;inset:0}.matchmaking-panel[hidden],.match-presence[hidden]{display:none}.matchmaking-card{color:#effff9;background:linear-gradient(155deg,#123b37f7,#071d1ef7);border:1px solid #67e5cb59;border-radius:20px;width:min(390px,100%);max-height:100%;padding:22px;overflow-y:auto;box-shadow:0 24px 80px #00000073}.matchmaking-eyebrow{color:#67e5cb;letter-spacing:.1em;text-transform:uppercase;font-size:.7rem;font-weight:800}.matchmaking-card h1{margin:6px 0 18px;font-size:1.55rem}.matchmaking-field{color:#b8d9d0;gap:6px;font-size:.78rem;display:grid}.matchmaking-field input,.matchmaking-join input{color:#effff9;background:#031314c7;border:1px solid #67e5cb47;border-radius:10px;width:100%;min-height:44px;padding:0 12px}.matchmaking-actions{gap:8px;margin:14px 0;display:grid}.matchmaking-actions button,.matchmaking-join button,.matchmaking-cancel,.match-presence button{color:#effff9;cursor:pointer;background:#40af9a3d;border:1px solid #67e5cb6b;border-radius:10px;min-height:44px;font-weight:750}.matchmaking-actions button:disabled,.matchmaking-join button:disabled{opacity:.42;cursor:default}.matchmaking-join{grid-template-columns:1fr 96px;gap:8px;display:grid}.matchmaking-card p{color:#b8d9d0;margin:14px 0 4px;font-size:.82rem}.active-deck-preview{background:#0313148f;border:1px solid #67e5cb33;border-radius:12px;gap:8px;margin:14px 0;padding:10px;display:grid}.active-deck-preview>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.active-deck-preview span{color:#b8d9d0;font-size:.76rem}.active-deck-preview button{color:#effff9;background:#286f65;border:1px solid #67e5cb;border-radius:9px;min-height:38px;padding:0 14px}.active-deck-preview p{color:#ffb06b;min-height:0;margin:0}.profile-summary{background:linear-gradient(145deg,#583b9547,#0313149e);border:1px solid #b797ff47;border-radius:12px;gap:6px;margin:10px 0;padding:10px;display:grid}.profile-summary>div{justify-content:space-between;align-items:center;gap:8px;display:flex}.profile-summary span,.profile-summary small{color:#cabcf1;font-size:.72rem}.profile-summary button{color:#f7f0ff;background:#563b91;border:1px solid #b797ff;border-radius:9px;min-height:36px;padding:0 14px}.profile-summary__experience{text-align:center;background:linear-gradient(90deg, #8a61d3 var(--profile-progress,0%), #0e1f20cc var(--profile-progress,0%));border-radius:7px;min-height:22px;padding:4px 8px;font-size:.68rem;position:relative;overflow:hidden}.matchmaking-room{color:#67e5cb;justify-content:space-between;min-height:24px;display:flex}.matchmaking-room strong{letter-spacing:.12em;font-family:Cascadia Mono,Consolas,monospace;font-size:1.15rem}.matchmaking-error{min-height:20px;color:#ff9a9b!important}.matchmaking-cancel{background:#f56f702e;border-color:#f56f7073;width:100%;margin-top:8px}.match-presence{z-index:12;top:max(8px, env(safe-area-inset-top));color:#effff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#05191ae0;border:1px solid #67e5cb3d;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;width:min(560px,100% - 130px);padding:7px 10px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.match-presence>div{gap:2px;min-width:0;display:grid}.match-presence strong{text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.match-presence span{color:#8fbbb0;font-size:.65rem}.match-presence span[data-state=offline]{color:#ffb06b}.match-presence button{color:#ffb9b9;background:#f56f7024;border-color:#f56f7066;min-height:34px;padding:0 10px;font-size:.68rem}.debug-toggle,.debug-panel,.prototype-badge{z-index:10;-webkit-backdrop-filter:blur(14px);position:fixed}.debug-toggle{top:max(8px, calc(env(safe-area-inset-top) + 4px));right:max(8px, calc(env(safe-area-inset-right) + 4px));color:#dffcf1;cursor:pointer;background:#061a19e0;border:1px solid #67e5cb59;border-radius:999px;min-width:44px;min-height:44px;padding:0 10px}.debug-toggle:hover,.debug-toggle:focus-visible{outline-offset:2px;border-color:#67e5cb;outline:2px solid #67e5cb59}.debug-panel{top:max(68px, calc(env(safe-area-inset-top) + 62px));right:max(16px, calc(env(safe-area-inset-right) + 10px));color:#d9eee8;background:#061818e0;border:1px solid #67e5cb3d;border-radius:16px;width:min(300px,100vw - 32px);padding:14px;box-shadow:0 12px 35px #0000004d}.debug-panel[hidden]{display:none}.debug-panel__heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.debug-panel__heading>div{gap:2px;display:grid}.debug-panel__eyebrow{color:#67e5cb;letter-spacing:.12em;text-transform:uppercase;font-size:.7rem;font-weight:750}.debug-panel kbd{color:#9fc5bb;text-align:center;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:7px;min-width:28px;padding:4px 7px}.debug-panel p{color:#9fc5bb;margin:10px 0 12px;font-size:.78rem;line-height:1.4}.debug-restart{color:#e7fff7;cursor:pointer;background:#67e5cb1f;border:1px solid #67e5cb59;border-radius:9px;width:100%;min-height:36px;margin:0 0 12px}.debug-restart:hover,.debug-restart:focus-visible{border-color:#67e5cb;outline:2px solid #67e5cb3d}.debug-ai{background:#67e5cb12;border:1px solid #67e5cb2e;border-radius:10px;gap:8px;margin:0 0 12px;padding:10px;display:grid}.debug-ai__control{color:#b8d9d0;justify-content:space-between;align-items:center;gap:10px;font-size:.76rem;display:flex}.debug-ai select,.debug-ai button{color:#e7fff7;background:#123b37;border:1px solid #67e5cb4d;border-radius:7px;min-height:32px}.debug-ai__buttons{grid-template-columns:1fr 1fr;gap:6px;display:grid}.debug-panel dl{gap:5px;margin:0;display:grid}.debug-panel dl>div{grid-template-columns:84px 1fr;align-items:baseline;gap:8px;min-width:0;display:grid}.debug-panel dt{color:#789d94;font-size:.72rem}.debug-panel dd{overflow-wrap:anywhere;color:#f1fff9;min-width:0;margin:0;font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace;font-size:.75rem}.prototype-badge{top:max(16px, calc(env(safe-area-inset-top) + 10px));left:max(16px, calc(env(safe-area-inset-left) + 10px));color:#d7f0e7b8;letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;pointer-events:none;background:#061415ad;border:1px solid #ffffff14;border-radius:999px;max-width:calc(100vw - 32px);padding:7px 12px;font-size:.68rem;display:none;overflow:hidden}.deck-builder{z-index:30;padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));color:#effff9;background:linear-gradient(160deg,#123b37,#061819 65%);grid-template-rows:auto auto minmax(0,1fr);gap:12px;display:grid;position:absolute;inset:0}.deck-builder[hidden]{display:none}.deck-builder button,.deck-builder input,.deck-builder select,.card-details button{min-height:42px;color:inherit;background:#123b37;border:1px solid #67e5cb59;border-radius:9px}.deck-builder__header,.deck-builder__identity,.deck-builder__tools{justify-content:space-between;align-items:center;gap:12px;display:flex}.deck-builder__header h1{margin:2px 0 0;font-size:clamp(1.25rem,4vw,1.8rem)}.deck-builder__header button{padding:0 18px}.deck-builder__deck{gap:8px;display:grid}.deck-builder-tabs{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.deck-tab{grid-template-columns:minmax(0,1fr) auto;gap:4px;display:grid}.deck-tab button{text-overflow:ellipsis;white-space:nowrap;min-width:0;padding:0 8px;overflow:hidden}.deck-tab button.is-active{color:#071b1a;background:#67e5cb}.deck-tab__copy{font-size:.65rem}.deck-builder__identity label{color:#a8cec4;gap:3px;font-size:.7rem;display:grid}.deck-builder__identity input{width:min(38vw,240px);padding:0 10px}.deck-builder__identity>span{white-space:nowrap;font-size:.78rem}.deck-builder__identity>button{padding:0 10px}.deck-builder-slots{grid-template-columns:repeat(8,minmax(64px,1fr));gap:7px;display:grid}.deck-builder-slot{color:#6fa399;cursor:pointer;touch-action:manipulation;background:#0000002e;border:1px dashed #67e5cb4d;border-radius:11px;place-items:center;min-height:112px;display:grid}.deck-builder-slot>span{font-size:1.35rem}.deck-builder-slot>small{font-size:.65rem}.deck-builder-status{color:#ffb06b;min-height:18px;margin:0;font-size:.76rem}.deck-builder-status[data-valid=true]{color:#67e5cb}.deck-builder__browser{grid-template-rows:auto minmax(0,1fr);gap:8px;min-height:0;display:grid}.deck-builder__tools{justify-content:flex-start}.deck-builder__tools label{color:#a8cec4;align-items:center;gap:6px;font-size:.75rem;display:flex}.deck-builder__tools select{padding:0 8px}.deck-builder-collection{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));align-content:start;gap:9px;min-height:0;padding:2px 4px 14px 2px;display:grid;overflow-y:auto}.collection-card{background:#0a2928db;border:1px solid #67e5cb33;border-radius:12px;gap:6px;padding:8px;display:grid}.collection-card.is-in-deck{border-color:#67e5cb;box-shadow:inset 0 0 0 1px #67e5cb59}.collection-card>p{color:#a8cec4;min-height:2.4em;margin:0;font-size:.68rem;line-height:1.2}.collection-card>div:last-child{grid-template-columns:1fr auto;gap:5px;display:grid}.collection-card button{min-height:36px;padding:0 7px;font-size:.68rem}.collection-card.is-in-deck .collection-card__add{opacity:.48}.card-face{--card-color:#67e5cb;--rarity-primary:#2f89d9;--rarity-secondary:#123d6d;--rarity-border:#72c6ff;--rarity-header:#206eaf;--rarity-accent:#b9e7ff;--rarity-selected:#d8f3ff;--rarity-glow:#41a9f547;--rarity-background:linear-gradient(145deg, #2f89d9, #123d6d);--rarity-mana:#4769d8;--rarity-mana-border:#c5dcff;--rarity-mana-text:#fff;background:var(--rarity-background);border:3px solid var(--rarity-border);width:100%;min-width:0;height:100%;min-height:164px;box-shadow:inset 0 0 0 2px #ffffff1a, inset 0 -24px 34px #00000047, 0 6px 13px #00000057, 0 0 16px var(--rarity-glow);isolation:isolate;border-radius:13px;padding:0;display:block;position:relative;overflow:hidden}.card-face:before{content:"";z-index:1;pointer-events:none;background-image:linear-gradient(180deg, transparent 0 68%, #02080eb8 84% 100%), var(--rarity-header);background-position:50%,top;background-repeat:no-repeat,no-repeat;background-size:100% 100%,100% 22px;border:1px solid #ffffff2e;border-radius:9px;position:absolute;inset:0;box-shadow:inset 0 1px #fff3}.card-face[data-rarity=legendary]:after{content:"";z-index:2;mix-blend-mode:screen;pointer-events:none;background:linear-gradient(115deg,#0000 12%,#64ffe71f 28%,#ffee9b33 42%,#bf82ff26 58%,#0000 72%);position:absolute;inset:0}.card-face--building{border-radius:5px}.card-face--power{border-style:double}.card-face--building .card-face__art,.card-face--power .card-face__art{background-size:cover,cover}.card-face--final-unit{background:0 0;border:0;box-shadow:0 6px 13px #00000057}.card-face--final-unit:before{box-shadow:none;background:linear-gradient(#0000 0 72%,#02080ebd 91% 100%);border:0}.card-face--final-unit:after{display:none}.card-face--final-unit .card-face__art{filter:none;background-color:#0000;background-size:contain,cover;inset:0}.mana-cost{--mana-cost-width:26%;z-index:6;width:var(--mana-cost-width);aspect-ratio:1;pointer-events:none;max-width:94%;display:block;position:absolute;top:3%;left:3%}.mana-cost--compact,.mana-cost--next{--mana-cost-width:22%}.mana-cost--detail{--mana-cost-width:26%}.mana-cost__image{object-fit:contain;image-rendering:auto;filter:none;opacity:1;-webkit-user-select:none;user-select:none;width:100%;height:auto;max-height:100%;display:block}.mana-cost__fallback{width:100%;height:100%;color:var(--rarity-mana-text,#fff);background:var(--rarity-mana,#4769d8);border:2px solid var(--rarity-mana-border,#c5dcff);text-shadow:0 2px 2px #0000008c;border-radius:50%;place-items:center;font-size:clamp(.62rem,3vw,.9rem);font-weight:950;display:grid;box-shadow:inset 0 -3px #00000038,0 2px 6px #00000075}.mana-cost__fallback[hidden]{display:none}.card-face__rarity{z-index:4;max-width:calc(100% - 48px);color:var(--rarity-accent);letter-spacing:.07em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;text-shadow:0 1px 3px #000000d1;font-size:.53rem;font-weight:950;position:absolute;top:7px;right:7px;overflow:hidden}.card-face__art{z-index:0;background-color:#040c161f;background-image:var(--card-art-url,none), radial-gradient(ellipse at 50% 62%, var(--rarity-glow), transparent 64%);filter:drop-shadow(0 5px 4px #00000057);text-shadow:0 2px 3px #000;background-position:50%,50%;background-repeat:no-repeat,no-repeat;background-size:contain,cover;font-size:1.25rem;font-weight:900;position:absolute;inset:20px 4px 30px;overflow:hidden}.card-face__name{z-index:4;color:#fff;text-align:center;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px 3px #000,0 0 4px #000;font-size:.73rem;font-weight:950;line-height:1.05;position:absolute;bottom:16px;left:5px;right:5px;overflow:hidden}.card-face small{z-index:4;color:var(--rarity-accent);letter-spacing:.05em;text-align:center;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:.52rem;font-weight:800;position:absolute;bottom:4px;left:5px;right:5px;overflow:hidden}.card-face--compact{border-width:2px;border-radius:9px;min-height:96px}.card-face--compact .card-face__art{inset:4px 2px 23px}.card-face--final-unit.card-face--compact .card-face__art{inset:0}.card-face--compact .card-face__name{font-size:.58rem;bottom:5px;left:3px;right:3px}.card-face--compact small{display:none}.collection-card.is-selected .card-face,.deck-builder-slot:focus-visible .card-face{border-color:var(--rarity-selected);box-shadow:0 0 0 2px var(--rarity-selected), 0 0 18px var(--rarity-glow)}.card-details{color:#effff9;background:#0b2a29;border:1px solid #67e5cb;border-radius:16px;width:min(440px,100vw - 24px);max-height:calc(100vh - 32px);overflow:auto}.card-details::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000809bf}.card-details h2{margin:8px 0}.card-details h3{color:#67e5cb;margin:12px 0 2px;font-size:.8rem}.card-details p{color:#b8d9d0;margin:3px 0}.card-details dl{gap:3px;display:grid}.card-details dl>div{grid-template-columns:1fr 1.4fr;gap:8px;display:grid}.card-details dt{color:#7da79e}.card-details dd{overflow-wrap:anywhere;margin:0}.card-details__art{--card-color:#67e5cb;width:100%;min-height:100px;color:var(--rarity-accent,#b9e7ff);background-color:var(--rarity-secondary,#123d6d);background-image:var(--card-art-url,var(--rarity-background,linear-gradient(145deg, #2f89d9, #123d6d)));border:2px solid var(--rarity-border,#72c6ff);box-shadow:0 0 16px var(--rarity-glow,#41a9f547);border-radius:10px;place-items:center;font-size:2rem;font-weight:900;display:grid;position:relative;overflow:hidden}.card-details>button{width:100%;margin-top:12px}.profile-panel{z-index:32;padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));color:#effff9;background:linear-gradient(155deg,#211c3e,#071a1b 58%);position:absolute;inset:0;overflow-y:auto}.profile-panel[hidden]{display:none}.profile-panel>header{z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f1926f0;border-bottom:1px solid #b797ff47;justify-content:space-between;align-items:center;gap:12px;padding:8px;display:flex;position:sticky;top:0}.profile-panel h1{margin:2px 0;font-size:clamp(1.25rem,4vw,1.8rem)}.profile-panel h2{color:#cabcf1;margin:14px 0 8px;font-size:1rem}.profile-panel button,.profile-panel input{color:#f7f0ff;background:#2a2850;border:1px solid #b797ff66;border-radius:9px;min-height:42px;padding:0 12px}.profile-panel>main{width:min(900px,100%);margin:0 auto}.profile-panel__overview{gap:10px;padding-top:12px;display:grid}.profile-panel__overview label{color:#cabcf1;gap:4px;font-size:.75rem;display:grid}.profile-panel__overview dl{grid-template-columns:repeat(3,1fr);gap:7px;margin:0;display:grid}.profile-panel__overview dl>div{background:#ffffff0d;border-radius:9px;padding:8px}.profile-panel__overview dt{color:#9f96be;font-size:.68rem}.profile-panel__overview dd{margin:2px 0 0;font-weight:750}.profile-panel__overview p{color:#ffcf82;min-height:18px;margin:0}.profile-road{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px;display:grid}.profile-milestone{background:#ffffff0d;border:1px solid #b797ff2e;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:9px;display:flex}.profile-milestone>div{gap:3px;display:grid}.profile-milestone span{color:#a9a1c3;font-size:.68rem}.profile-milestone[data-state=AVAILABLE]{border-color:#b797ff}.profile-history{gap:5px;margin:0;padding:0;list-style:none;display:grid}.profile-history li{color:#c6d8d3;background:#00000029;border-left:3px solid #81958f;border-radius:5px;padding:9px;font-size:.76rem}.profile-history li[data-outcome=WIN]{border-left-color:#67e5cb}.profile-history li[data-outcome=LOSS]{border-left-color:#f2ae49}@media (width<=560px){#game-root{border-radius:12px}.debug-panel{width:min(260px,100vw - 24px);padding:12px}.debug-panel dl>div{grid-template-columns:72px 1fr}.deck-builder{padding-left:max(7px, env(safe-area-inset-left));padding-right:max(7px, env(safe-area-inset-right));gap:7px}.deck-builder__header h1{font-size:1.2rem}.deck-tab{grid-template-columns:minmax(0,1fr) auto}.deck-tab__copy{max-width:54px;white-space:normal!important;padding:0 4px!important}.deck-builder__identity{grid-template-columns:1fr auto;gap:5px;display:grid}.deck-builder__identity label{grid-column:1/-1}.deck-builder__identity input{width:100%}.deck-builder-slots{grid-template-columns:repeat(4,1fr)}.deck-builder-slot{min-height:88px}.card-face{min-height:82px;padding:5px}.deck-builder-collection{grid-template-columns:repeat(2,minmax(0,1fr))}.deck-builder__tools{justify-content:space-between}.deck-builder__tools label{gap:2px;display:grid}.profile-panel__overview dl{grid-template-columns:repeat(2,1fr)}.profile-road{grid-template-columns:1fr}}@media (height<=520px){.debug-panel{top:max(62px, calc(env(safe-area-inset-top) + 56px));max-height:calc(100vh - 76px);overflow:auto}.debug-panel p{display:none}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.card-balance-debug{z-index:10050;top:max(10px, env(safe-area-inset-top));right:max(10px, env(safe-area-inset-right));color:#ecfff9;pointer-events:none;width:min(390px,100vw - 20px);font:600 12px/1.35 Inter,system-ui,sans-serif;position:fixed}.card-balance-debug__toggle,.card-balance-debug__panel{pointer-events:auto;border:1px solid #84f6db7a;box-shadow:0 12px 34px #0000008c}.card-balance-debug__toggle{color:#edfff9;min-height:34px;font:inherit;cursor:pointer;background:#123d3d;border-radius:8px 8px 0 0;margin-left:auto;padding:6px 10px;display:block}.card-balance-debug__panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#05161bf5;border-radius:8px 0 8px 8px;max-height:min(760px,100vh - 54px);padding:12px;overflow:auto}.card-balance-debug__panel[hidden]{display:none}.card-balance-debug__panel header{justify-content:space-between;align-items:start;gap:12px;display:flex}.card-balance-debug__panel header>div{display:grid}.card-balance-debug__panel header small{color:#8fe7d3;text-transform:uppercase;letter-spacing:.08em;font-size:10px}.card-balance-debug__panel header strong{font-size:16px}.card-balance-debug__panel header>span{color:#ffe79b;white-space:nowrap;background:#ffd65b1a;border-radius:4px;padding:3px 6px}.card-balance-debug__selector{color:#a8d9ce;gap:4px;margin-top:10px;display:grid}.card-balance-debug__selector select{color:#f2fffb;background:#17353b;border:1px solid #547c7d;border-radius:5px;width:100%;min-height:34px;padding:5px 7px}.card-balance-debug__identity{gap:1px;margin:10px 0 7px;display:grid}.card-balance-debug__identity>strong{color:#fff2ba;font-size:15px}.card-balance-debug__identity>code{color:#81d8cd;overflow-wrap:anywhere;font-size:11px}.card-balance-debug dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;display:grid}.card-balance-debug dl>div{background:#ffffff0a;min-width:0;padding:5px 6px}.card-balance-debug dt{color:#8bb9b2;text-transform:uppercase;font-size:10px}.card-balance-debug dd{overflow-wrap:anywhere;margin:1px 0 0}.card-balance-debug__ability{background:#7bdcc314;border-left:2px solid #62bca8;margin-top:8px;padding:7px}.card-balance-debug__ability strong{color:#a8e8d9;text-transform:uppercase;font-size:10px}.card-balance-debug__ability p{margin:3px 0 0;font-weight:500}@media (width<=480px){.card-balance-debug{top:max(4px, env(safe-area-inset-top));width:calc(100vw - 8px);right:4px}.card-balance-debug__panel{max-height:calc(100vh - 44px);padding:9px}.card-balance-debug dl{grid-template-columns:1fr}}.asset-loading{z-index:1000;min-width:0;min-height:0;padding:max(20px, env(safe-area-inset-top)) 20px max(20px, env(safe-area-inset-bottom));color:#eafff8;box-sizing:border-box;background:radial-gradient(circle at 50% 35%,#183f3d,#061415 68%);place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.asset-loading[hidden]{display:none}.asset-loading__panel{z-index:3;text-align:center;background:#041415e0;border:1px solid #79bca8;border-radius:16px;gap:12px;width:min(320px,88%);padding:22px;display:grid;position:relative;box-shadow:0 18px 60px #00000059}.asset-loading__panel[hidden]{display:none}.asset-loading progress{accent-color:#67e5cb;width:100%}.asset-loading p{color:#ffc985;min-height:1.3em;margin:0;font-size:.78rem}.asset-loading button{color:#fff;background:#17665c;border:1px solid #67e5cb;border-radius:10px;min-height:44px}.asset-loading__spinner{border:4px solid #67e5cb38;border-top-color:#67e5cb;border-radius:50%;justify-self:center;width:46px;height:46px;animation:.8s linear infinite asset-loading-spin}.asset-loading__detail,.asset-loading__counts{color:#b9ddd5;margin:0;font-size:.78rem;line-height:1.4}.asset-loading__steps{text-align:left;gap:7px;margin:2px 0;padding:0;list-style:none;display:grid}.asset-loading__steps[hidden]{display:none}.asset-loading__steps li{color:#789d96;background:#ffffff08;border:1px solid #0000;border-radius:8px;padding:7px 9px 7px 31px;font-size:.75rem;position:relative}.asset-loading__steps li:before{content:"";border:2px solid;border-radius:50%;width:11px;height:11px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.asset-loading__steps li[data-state=active]{color:#eafff8;background:#67e5cb1a;border-color:#67e5cb66}.asset-loading__steps li[data-state=active]:before{border-top-color:#0000;animation:.7s linear infinite asset-loading-spin}.asset-loading__steps li[data-state=complete]{color:#84e8cb}.asset-loading__steps li[data-state=complete]:before{border-width:0 0 2px 2px;border-radius:0;width:12px;height:7px;transform:translateY(-70%)rotate(-45deg)}.asset-loading__steps li[data-state=error]{color:#ffd0a1;background:#ff9a5b1a;border-color:#ff9a5b6b}.asset-loading__actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.asset-loading__actions button[hidden]{display:none}.asset-loading--startup{isolation:isolate;background:#100a22;padding:0;display:block}.asset-loading--startup .asset-loading__panel,.asset-loading--startup .training-loading__cancel,.asset-loading--startup .training-loading__debug,.startup-loading__brand{display:none}.asset-loading--startup .startup-loading__brand{z-index:2;top:max(4.5%, env(safe-area-inset-top));aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 5px 5px #000000b3);pointer-events:none;-webkit-user-select:none;user-select:none;width:min(25%,132px);height:auto;display:block;position:absolute;left:50%;transform:translate(-50%)}.startup-loading__progress{right:max(6%, env(safe-area-inset-right));bottom:max(22px, calc(env(safe-area-inset-bottom) + 14px));left:max(6%, env(safe-area-inset-left));z-index:2;pointer-events:none;justify-items:center;width:auto;display:grid;position:absolute}.startup-loading__progress[hidden]{display:none}.startup-loading__percent{z-index:2;color:#fff;letter-spacing:-.04em;text-shadow:-2px -2px #111827,2px -2px #111827,-2px 2px #111827,2px 2px #111827,0 3px 2px #000000b3;margin-bottom:-2px;font:900 clamp(1.35rem,6vw,2rem)/1 system-ui,sans-serif;position:relative}.startup-loading__track{background:#07101a;border:3px solid #111827;border-radius:5px;width:min(100%,520px);height:clamp(18px,2.8vh,25px);display:block;position:relative;overflow:hidden;box-shadow:inset 0 2px #ffffff2e,0 4px 8px #0000008c}.startup-loading__fill{width:100%;transform:scaleX(var(--startup-loading-progress,0));transform-origin:0;background:linear-gradient(#58baff 0 28%,#1787e9 30% 74%,#0962bd 76% 100%);transition:transform .18s ease-out;display:block;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff73}.asset-loading--startup.asset-loading--leaving{opacity:0;transition:opacity .18s ease-out}.asset-loading--training{isolation:isolate;background:#100a22;padding:0;display:block}.asset-loading--training .asset-loading__panel{width:min(350px,86%);max-height:58%;position:absolute;inset:50% auto auto 50%;overflow:auto;transform:translate(-50%,-50%)}.asset-loading--training:not(.asset-loading--error) .asset-loading__panel{pointer-events:none}.training-loading__background{z-index:0;object-fit:cover;object-position:center;image-rendering:auto;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.training-loading__background[hidden]{display:none}.asset-loading .training-loading__cancel{z-index:2;aspect-ratio:926/418;appearance:none;color:#0000;width:min(62%,260px);min-height:48px;box-shadow:none;touch-action:manipulation;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:10%;padding:0;display:block;position:absolute;top:72.5%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.training-loading__cancel[hidden]{display:none}.training-loading__cancel:disabled{cursor:default;opacity:.72}.training-loading__cancel:focus-visible{outline-offset:3px;outline:3px solid #fff4bd}.training-loading__cancel-crop{pointer-events:none;display:block;position:absolute;inset:0;overflow:hidden}.training-loading__cancel-crop img{image-rendering:auto;pointer-events:none;-webkit-user-select:none;user-select:none;width:165.875%;max-width:none;height:auto;display:block;position:absolute;top:-65.0718%;left:-33.0454%}.training-loading__debug{right:8px;bottom:max(8px, env(safe-area-inset-bottom));z-index:4;color:#fff;text-align:left;pointer-events:none;background:#000000b8;border-radius:6px;padding:7px 9px;font:10px/1.35 ui-monospace,monospace;display:block;position:absolute;left:8px}.training-loading__debug[hidden]{display:none}.asset-loading--error .asset-loading__actions button{display:block}@keyframes asset-loading-spin{to{transform:rotate(360deg)}}.asset-preview{color:#eafff8;background:#071a1b;border:1px solid #6bc5b1;border-radius:14px;width:min(760px,94vw);max-height:86vh;padding:0}.asset-preview::backdrop{background:#000000b8}.asset-preview header{z-index:1;background:#0c2929;border-bottom:1px solid #315e58;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex;position:sticky;top:0}.asset-preview header div,.asset-preview article>div:last-child{gap:3px;display:grid}.asset-preview button{color:#fff;background:#155b53;border:1px solid #63c7b0;border-radius:9px;min-height:40px;padding:0 14px}.asset-preview__content{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;padding:12px;display:grid;overflow:auto}.asset-preview article{background:#ffffff0d;border-radius:9px;grid-template-columns:54px 1fr;align-items:center;gap:10px;min-width:0;padding:9px;display:grid}.asset-preview article[data-preview-card-id]{background:var(--rarity-background);border:1px solid var(--rarity-border);box-shadow:0 0 10px var(--rarity-glow)}.asset-preview article[data-preview-card-id] .asset-preview__swatch{border:1px solid var(--rarity-accent)}.asset-preview__swatch{aspect-ratio:1;color:#08201f;background:linear-gradient(135deg,#62d2bd,#dda856);border-radius:12px;place-items:center;width:54px;font-size:.62rem;font-weight:800;display:grid}.asset-preview__swatch--card{background-position:50%;background-size:cover}.asset-preview code,.asset-preview small{overflow-wrap:anywhere;color:#a8d3c8;font-size:.68rem}.asset-preview__unit{background:#42d7d114;border:1px solid #315e58;border-radius:10px;grid-column:1/-1;grid-template-columns:272px 1fr;gap:14px;padding:12px;display:grid}.asset-preview__unit[data-rarity]{border-color:var(--rarity-border);box-shadow:0 0 12px var(--rarity-glow)}.asset-preview__rarity{color:var(--rarity-accent);letter-spacing:.04em;text-transform:uppercase;font-size:.68rem;font-weight:900}.asset-preview__unit-stage{background:#081919;border-radius:9px;place-items:center;min-height:272px;display:grid}.asset-preview__unit-stage canvas{object-fit:contain;image-rendering:auto;width:256px;height:256px}.asset-preview__unit-controls{align-content:center;gap:8px;display:grid}.asset-preview__unit-controls label{color:#c8eee5;flex-wrap:wrap;align-items:center;gap:8px;display:flex}.asset-preview__unit-controls select,.asset-preview__unit-controls input[type=number]{color:#fff;background:#102f2d;border:1px solid #4b8b80;border-radius:7px;min-height:34px;padding:0 8px}.asset-preview__unit-controls input[type=number]{width:76px}.asset-preview__unit-controls div{flex-wrap:wrap;gap:6px;display:flex}.asset-preview__unit-controls output{color:#ffdf6b;font:700 .75rem Cascadia Mono,monospace}@media (width<=620px){.asset-preview__unit{grid-template-columns:1fr}}.debug-visual-readout{color:#b8dbd2;overflow-wrap:anywhere;background:#0000002e;border-radius:8px;gap:4px;margin-top:8px;padding:8px;font-size:.68rem;display:grid}:root{--ui-safe-top:max(10px, env(safe-area-inset-top));--ui-safe-bottom:max(10px, env(safe-area-inset-bottom));--ui-touch:44px;--ui-radius-sm:10px;--ui-radius:14px;--ui-radius-lg:20px;--ui-space-1:4px;--ui-space-2:8px;--ui-space-3:12px;--ui-surface:#081e27f5;--ui-surface-raised:#143741fa;--ui-border:#91f0dc6b;--ui-border-strong:#c4ffefad;--ui-rim:#04121bf0;--ui-shadow-low:0 4px 0 #020e16eb;--ui-shadow-high:0 10px 28px #00000057;--ui-highlight:inset 0 2px #ffffff1f;--ui-accent:#67e5cb;--ui-accent-strong:#26a990;--ui-violet:#a98bea;--ui-warning:#ffc377;--ui-danger:#ff9496}.ui-surface{color:#effff9;background:linear-gradient(160deg, #12333df7, var(--ui-surface));border:2px solid var(--ui-border);border-radius:var(--ui-radius);box-shadow:var(--ui-highlight), inset 0 -3px #0000002e}.ui-surface--raised{background:linear-gradient(145deg, #1e4b4ffa, var(--ui-surface-raised) 46%, #081e28fa);border-color:var(--ui-border-strong);box-shadow:var(--ui-highlight), inset 0 -4px #00000038, var(--ui-shadow-low), var(--ui-shadow-high)}.ui-surface--accent{box-shadow:var(--ui-highlight), inset 0 -4px #0003, var(--ui-shadow-low), var(--ui-shadow-high);background:linear-gradient(135deg,#523b8bfa,#1d5051fa);border-color:#dbc6ff94}.ui-button{min-width:var(--ui-touch);min-height:var(--ui-touch);color:#f8fffc;letter-spacing:.025em;border-radius:var(--ui-radius-sm);cursor:pointer;touch-action:manipulation;padding:0 16px;font-weight:900;transition:transform .11s,filter .11s,box-shadow .11s}.ui-button--primary{text-shadow:0 1px #00000057;background:linear-gradient(#68efd0 0%,#25b99e 52%,#14816f 100%);border:2px solid #b5ffed;min-height:54px;box-shadow:inset 0 2px #ffffff47,inset 0 -3px #0000002e,0 6px #07564e,0 12px 24px #00000047}.ui-button--secondary{background:linear-gradient(#3a7e83,#20545d 58%,#153b48);border:2px solid #92e2d88a;box-shadow:inset 0 2px #ffffff1a,inset 0 -2px #00000038,0 3px #031922eb}.ui-button--icon{background:linear-gradient(#405c72,#223849);border:2px solid #d6eeff6b;place-items:center;padding:0;display:inline-grid;box-shadow:inset 0 2px #ffffff1f,0 3px #03111be0}.ui-button:active:not(:disabled){filter:brightness(.94);transform:translateY(3px)scale(.985);box-shadow:inset 0 1px #ffffff1a,0 1px #031922cc}.ui-button:focus-visible,.ui-form-control:focus-visible,.bottom-navigation button:focus-visible{outline-offset:2px;outline:3px solid #fff1a8}.ui-button:disabled{opacity:.42;cursor:default;filter:saturate(.35);box-shadow:none}.ui-button.is-loading{cursor:wait}.ui-field{min-width:0}.ui-form-control{min-height:var(--ui-touch);color:#f1fff9;border-radius:var(--ui-radius-sm);background:linear-gradient(#02111bf0,#08222bf0);border:2px solid #7eeed361;box-shadow:inset 0 2px 5px #00000059,0 1px #ffffff12}.ui-error-message{min-height:20px;color:var(--ui-danger)!important}.ui-error-message[hidden]{display:none}.ui-progress{color:#e9e1ff;gap:4px;font-size:.7rem;font-weight:750;display:grid;position:relative}.ui-progress__track{background:#030f18eb;border:2px solid #e4eeff33;border-radius:999px;height:13px;display:block;overflow:hidden;box-shadow:inset 0 3px 5px #0000006b}.ui-progress__track [data-progress-fill]{width:var(--ui-progress,0%);border-radius:inherit;background:linear-gradient(90deg,#7655d4,#d49cff 72%,#f1d6ff);height:100%;transition:width .22s;display:block;box-shadow:inset 0 2px #ffffff47,0 0 10px #be8bff59}.matchmaking-panel.home-screen{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:radial-gradient(circle at 50% 18%,#23675f75,#0000 46%),#020e13e0;padding:0;display:block;overflow:hidden}.matchmaking-panel.home-screen[hidden]{display:none}.home-shell{color:#effff9;background:linear-gradient(#123f43 0%,#071c25 48%,#06161d 100%);width:min(100%,560px);height:100%;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 70px #00000075}.app-top-bar{z-index:2;top:var(--ui-safe-top);grid-template-columns:minmax(0, 1fr) auto var(--ui-touch);align-items:center;gap:8px;min-height:62px;padding:7px;display:grid;position:absolute;left:10px;right:10px}.app-top-bar__identity{min-width:0;min-height:var(--ui-touch);color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:8px;padding:0 6px;display:flex}.app-top-bar__identity>span:last-child{min-width:0;display:grid}.app-top-bar__identity strong{text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.app-top-bar__identity small{color:#cabcf1;font-size:.66rem}.app-top-bar__avatar{color:#191535;background:linear-gradient(145deg,#e4cbff,#9f7be8);border:2px solid #f4eaff;border-radius:12px;flex:0 0 38px;place-items:center;height:38px;font-weight:950;display:grid;box-shadow:0 3px #59447f}.app-top-bar__resources{white-space:nowrap;justify-items:end;gap:1px;padding:0 4px;display:grid}.app-top-bar__resources strong{color:#ffe395;font-size:.78rem}.app-top-bar__resources span{color:#a6d4c9;font-size:.62rem}.home-content{height:100%;padding:calc(var(--ui-safe-top) + 80px) 12px calc(var(--ui-safe-bottom) + 84px);scrollbar-width:thin;overscroll-behavior:contain;overflow:hidden auto}.home-welcome{gap:7px;padding:6px 3px 4px;display:grid}.home-welcome h1{margin:0;font-size:clamp(1.45rem,7vw,2rem);line-height:1.05}.home-welcome>small{color:#b9aee3;font-size:.68rem}.home-player-name{margin-top:3px}.home-player-name input{padding:0 12px}.home-experience{margin-top:2px}.home-deck,.home-modes{margin:10px 0 0;padding:12px}.home-section-heading{color:#9cc9c0;text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;align-items:center;gap:8px;font-size:.66rem;display:flex}.home-section-heading h2{color:#effff9;text-transform:none;letter-spacing:normal;margin:0;font-size:.9rem}.home-deck>div:nth-child(2){min-height:26px}.home-deck__slots{grid-template-columns:repeat(8,1fr);gap:4px!important;display:grid!important}.home-deck__slots i{aspect-ratio:.72;background:linear-gradient(150deg,#b98bffb8,#357578bd);border:1px solid #ffffff2e;border-radius:5px;display:block;box-shadow:inset 0 1px #ffffff2e}.home-deck #open-deck-builder{width:100%;min-height:var(--ui-touch)}.home-combat{text-align:left;width:100%;margin:12px 0 0;padding:7px 18px;display:grid}.home-combat span{font-size:1.06rem}.home-combat small{color:#f1fffac2;font-size:.68rem}.home-modes[data-focus=true]{border-color:#fff1a8}.arena-selection{background:linear-gradient(#1f443ff5,#0f2a28f5);border:1px solid #fff1a873;border-radius:16px;margin:10px 0 0;padding:12px;box-shadow:0 12px 28px #00000047}.arena-selection__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:10px;display:grid}.arena-selection__card{color:#effff8;text-align:center;background:#05191bc7;border:3px solid #0000;border-radius:14px;gap:7px;padding:7px;display:grid;overflow:hidden}.arena-selection__card img{aspect-ratio:1080/1354;object-fit:cover;border-radius:9px;width:100%}.arena-selection__card[aria-checked=true]{border-color:#ffe278;transform:translateY(-1px);box-shadow:0 0 0 2px #ffffffb3,0 0 20px #ffca416b}.arena-selection__actions{grid-template-columns:1fr 1.4fr;gap:10px;margin-top:12px;display:grid}.arena-selection__actions button{min-height:42px}#arena-selection-continue:not(:disabled){color:#321707;background:linear-gradient(#ffe37c,#d58a22);font-weight:900}#home-modes-back{border-radius:8px;padding:5px 8px;font-size:.68rem}.home-content[data-battle-step=home] #home-modes-panel,.home-content[data-battle-step=arena] .home-welcome,.home-content[data-battle-step=arena] .home-hero,.home-content[data-battle-step=arena] #home-deck-panel,.home-content[data-battle-step=arena] #home-combat,.home-content[data-battle-step=modes] .home-welcome,.home-content[data-battle-step=modes] .home-hero,.home-content[data-battle-step=modes] #home-deck-panel,.home-content[data-battle-step=modes] #home-combat{display:none}@media (width<=420px){.arena-selection{padding:9px}.arena-selection__grid{gap:8px}.arena-selection__card{padding:5px}}.home-mode-grid{grid-template-columns:repeat(3,1fr);gap:7px;margin:10px 0;display:grid}.home-mode-grid button{align-content:center;gap:2px;min-width:0;min-height:62px;padding:7px;display:grid}.home-mode-grid strong{font-size:.72rem}.home-mode-grid span{color:#a9d2c9;font-size:.6rem}.matchmaking-join button{min-height:var(--ui-touch)}.home-network{gap:4px;padding:9px 2px 0;display:grid}.home-network>p{color:#a5cfc5;margin:0;font-size:.68rem}.home-network #matchmaking-status:empty{display:none}.ui-connection-state{color:#9cc9c0;align-items:center;gap:7px;min-height:24px;font-size:.7rem;display:inline-flex}.ui-connection-state__dot{background:#82909a;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #82909a24}.ui-connection-state[data-state=online] .ui-connection-state__dot{background:#65e6aa;box-shadow:0 0 0 3px #65e6aa26}.ui-connection-state[data-state=connecting] .ui-connection-state__dot,.ui-connection-state[data-state=reconnecting] .ui-connection-state__dot{background:var(--ui-warning);animation:1.1s ease-in-out infinite ui-pulse}.ui-connection-state[data-state=error] .ui-connection-state__dot{background:var(--ui-danger)}.bottom-navigation{z-index:38;left:50%;bottom:var(--ui-safe-bottom);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;background:#071d24f5;border:1px solid #7eeed340;border-radius:18px;grid-template-columns:repeat(4,1fr);gap:4px;width:min(100% - 20px,540px);min-height:62px;padding:5px;display:grid;position:absolute;transform:translate(-50%);box-shadow:0 12px 34px #0000006b,inset 0 1px #ffffff0f}.bottom-navigation[hidden]{display:none}.bottom-navigation button{color:#82aaa4;cursor:pointer;pointer-events:auto;touch-action:manipulation;background:0 0;border:0;border-radius:13px;align-content:center;place-items:center;gap:2px;min-width:0;min-height:50px;padding:2px;display:grid}.bottom-navigation button>span{font-size:1.12rem;line-height:1}.bottom-navigation .collection-navigation-icon,.bottom-navigation .collection-navigation-lock{display:none}.bottom-navigation button small{font-size:.62rem}.bottom-navigation button.is-active{color:#f5fffb;background:linear-gradient(#3693849e,#19535385);box-shadow:inset 0 1px #ffffff1a}.bottom-navigation button:disabled{opacity:.35;cursor:default}.ui-modal{color:#effff9;background:0 0;border:0;width:min(420px,100% - 24px);max-width:100%;padding:0}.ui-modal::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00050ab8}.ui-modal>[data-modal-surface]{padding:18px}.ui-modal header{justify-content:space-between;align-items:center;gap:12px;display:flex}.ui-modal h2{margin:3px 0}.ui-modal p{color:#add0c8;line-height:1.45}.profile-panel,.deck-builder{width:min(100%,560px);padding-bottom:calc(var(--ui-safe-bottom) + 78px);left:50%;right:auto;transform:translate(-50%);box-shadow:0 0 70px #0000007a}@keyframes ui-pulse{50%{opacity:.45;transform:scale(.82)}}@media (width<=390px),(height<=720px){.app-top-bar{min-height:56px}.app-top-bar__avatar{flex-basis:34px;height:34px}.home-content{padding-top:calc(var(--ui-safe-top) + 70px)}.home-welcome{gap:4px}.home-player-name span{display:none}.home-deck,.home-modes{margin-top:8px;padding:9px}.home-mode-grid button{min-height:56px}.bottom-navigation{min-height:58px}}@media (width>=700px){.home-shell,.profile-panel,.deck-builder{border-left:1px solid #7eeed324;border-right:1px solid #7eeed324}}@media (prefers-reduced-motion:reduce){.ui-button,.ui-progress__track [data-progress-fill]{transition:none}.ui-connection-state__dot{animation:none!important}}.home-mode-grid{grid-template-columns:1fr}.home-mode-grid button{text-align:left;grid-template-columns:minmax(110px,.8fr) 1fr;place-items:center start;min-height:68px;padding:9px 12px}.home-mode-grid button strong{grid-row:1/span 2;font-size:.82rem}.home-mode-grid button span{font-size:.66rem}.home-mode-grid button small{color:#78b8ad;text-overflow:ellipsis;white-space:nowrap;font-size:.6rem;overflow:hidden}.matchmaking-join{color:#a9d2c9;grid-template-columns:1fr;gap:5px;font-size:.68rem;display:grid}.matchmaking-join>span:last-child{grid-template-columns:minmax(0,1fr) 104px;gap:8px;display:grid}.matchmaking-join input{letter-spacing:.12em;text-transform:uppercase;font-family:Cascadia Mono,Consolas,monospace;font-weight:850}.matchmaking-flow{z-index:1;top:calc(var(--ui-safe-top) + 80px);right:12px;bottom:calc(var(--ui-safe-bottom) + 10px);overscroll-behavior:contain;pointer-events:auto;grid-template-rows:auto auto auto auto auto auto auto auto auto;align-content:start;gap:12px;padding:18px;display:grid;position:absolute;left:12px;overflow:hidden auto}.matchmaking-flow[hidden]{display:none}.matchmaking-flow__heading{text-align:center;gap:4px;display:grid}.matchmaking-flow__heading h1{margin:0;font-size:clamp(1.35rem,6vw,1.85rem)}.matchmaking-flow__heading p{color:#acd2ca;margin:0;font-size:.78rem;line-height:1.4}.matchmaking-spinner{justify-content:center;gap:7px;min-height:13px;display:flex}.matchmaking-spinner i{background:#67e5cb;border-radius:50%;width:10px;height:10px;animation:1s ease-in-out infinite matchmaking-bounce}.matchmaking-spinner i:nth-child(2){animation-delay:.12s}.matchmaking-spinner i:nth-child(3){animation-delay:.24s}.matchmaking-flow:not(.is-loading) .matchmaking-spinner{visibility:hidden}.matchmaking-flow__wait{color:#fff1a8;text-align:center;letter-spacing:.08em;font-family:Cascadia Mono,Consolas,monospace;font-size:1.65rem}.matchmaking-flow__progress{width:100%}.ui-progress.is-indeterminate .ui-progress__track [data-progress-fill]{width:36%;animation:1.3s ease-in-out infinite matchmaking-progress}.matchmaking-flow__deck{background:#02141b8a;border:1px solid #7eeed32e;border-radius:11px;gap:3px;padding:10px;display:grid}.matchmaking-flow__deck>span,.matchmaking-flow__room>span{color:#82b6ad;letter-spacing:.06em;text-transform:uppercase;font-size:.62rem;font-weight:800}.matchmaking-flow__deck strong{text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.matchmaking-flow__deck small{color:#7fa69f;font-size:.6rem}.matchmaking-flow__room{text-align:center;background:linear-gradient(145deg,#4c39848c,#071b23c7);border:1px solid #bc9eff52;border-radius:13px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px 10px;padding:12px;display:grid}.matchmaking-flow__room[hidden]{display:none}.matchmaking-flow__room>span{grid-column:1/-1}.matchmaking-flow__room strong{overflow-wrap:anywhere;color:#f4eaff;letter-spacing:.16em;font-family:Cascadia Mono,Consolas,monospace;font-size:clamp(1.55rem,9vw,2.25rem)}.matchmaking-flow__room button{min-width:82px}.matchmaking-flow__players{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.matchmaking-flow__players[hidden]{display:none}.matchmaking-flow__players article{background:#ffffff0d;border:1px solid #ffffff17;border-radius:11px;gap:3px;min-width:0;padding:10px;display:grid}.matchmaking-flow__players article>span{color:#87b4ab;text-transform:uppercase;font-size:.6rem}.matchmaking-flow__players strong{text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.matchmaking-flow__players small{color:#b4a9da;font-size:.62rem}.matchmaking-flow__players b{color:#ffcf82;margin-top:3px;font-size:.66rem}.matchmaking-flow__players b:not(:empty):before{content:"● "}.matchmaking-flow__actions{gap:8px;margin-top:auto;display:grid}.matchmaking-flow__actions button,.network-status-modal [data-network-modal-return]{width:100%;min-height:48px}.ui-modal__actions{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:14px;display:grid}.ui-modal__actions button{min-height:48px}.ui-modal>[data-modal-surface]{max-height:calc(100dvh - var(--ui-safe-top) - var(--ui-safe-bottom) - 20px);overflow-y:auto}@keyframes matchmaking-bounce{50%{opacity:.35;transform:translateY(-5px)}}@keyframes matchmaking-progress{0%{transform:translate(-110%)}50%{transform:translate(90%)}to{transform:translate(280%)}}@media (width<=380px),(height<=700px){.matchmaking-flow{top:calc(var(--ui-safe-top) + 70px);gap:8px;padding:12px}.matchmaking-flow__heading p{font-size:.7rem}.matchmaking-flow__deck,.matchmaking-flow__players article{padding:8px}.matchmaking-flow__room strong{font-size:1.45rem}}@media (width<=329px){.matchmaking-flow__players{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.matchmaking-spinner i,.ui-progress.is-indeterminate .ui-progress__track [data-progress-fill]{animation:none}}.battle-ui-overlay{z-index:48;pointer-events:none;width:min(100%,620px);margin:0 auto;position:absolute;inset:0}.battle-ui-overlay[hidden]{display:none}.battle-player-plate{z-index:1;box-sizing:border-box;color:#fff;filter:drop-shadow(0 2px 2px #0000009e);pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 12px 7px 14px;font-family:Mikado Menu,Arial Black,Arial Rounded MT Bold,system-ui,sans-serif;display:grid;position:absolute}.battle-player-plate[hidden]{display:none}.battle-player-plate--opponent{background-image:url(/assets/ui/settings/red-1.png)}.battle-player-plate--local{background-image:url(/assets/ui/settings/blue-1.png)}.battle-player-plate.is-disconnected{opacity:.72}.battle-player-plate__name{text-shadow:0 2px 1px #230807c7,0 0 3px #000000bd;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:clamp(.72rem,3.3vw,.88rem);line-height:1;overflow:hidden}.battle-player-plate__stats,.battle-player-plate__trophies,.battle-player-plate__crowns{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.battle-player-plate__stats{text-shadow:0 2px 1px #230807d1;gap:10px;font-size:.73rem;line-height:1}.battle-player-plate__trophies img{object-fit:contain;width:16px;height:15px}.battle-player-plate__crowns{color:#fff2a0;border-left:1px solid #ffffff57;min-height:17px;padding-left:9px}.battle-player-plate__crowns small{letter-spacing:.03em;font-size:.48rem}.battle-player-plate__trophies b,.battle-player-plate__crowns b{font-size:.77rem}.battle-overlay__connection,.battle-overlay__opponent{top:calc(var(--ui-safe-top) + 5px);color:#b7d8d1;text-shadow:0 1px 3px #000000e6;text-overflow:ellipsis;white-space:nowrap;background:#020f143d;border-radius:999px;max-width:145px;padding:2px 7px;position:absolute;overflow:hidden}.battle-ui-overlay .ui-connection-state[hidden]{display:none}.battle-overlay__connection{top:calc(var(--ui-safe-top) + 82px);right:8px}.battle-overlay__opponent{left:58px;top:calc(var(--ui-safe-top) + 38px)}.battle-overlay__menu{z-index:2;box-sizing:border-box;filter:drop-shadow(0 2px 2px #0000008c);opacity:.92;pointer-events:auto;background:url(/assets/menu/main-ui/square-button-frame.png) 50%/100% 100% no-repeat;border:0;place-items:center;padding:0;display:grid;position:absolute;transform:none}.battle-overlay__menu[hidden]{display:none}.battle-overlay__menu>span{grid-template-columns:repeat(3,3px);align-items:center;gap:2px;display:grid}.battle-overlay__menu i{background:#eaf5ef;border-radius:50%;width:3px;height:3px;box-shadow:0 1px 1px #000000b3}.battle-overlay__menu:after{inset:calc(-1 * var(--battle-menu-touch-outset,5px));content:"";position:absolute}.battle-menu-modal__actions{grid-template-columns:1fr}.battle-overlay__error{right:12px;bottom:calc(var(--ui-safe-bottom) + 226px);text-align:center;background:#5c1923e6;border:1px solid #ff94968c;border-radius:10px;min-height:0;margin:0 auto;padding:7px 10px;position:absolute;left:12px;box-shadow:0 7px 22px #00000047;color:#ffe6e7!important}.battle-overlay__live{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.battle-overlay__accessible-cards{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.battle-overlay__accessible-cards button{width:1px;height:1px;padding:0}.battle-ui-overlay>dialog{pointer-events:auto}.battle-ui-overlay.has-result>:not(.battle-result){display:none!important}.battle-result{z-index:4;padding:calc(var(--ui-safe-top) + 12px) 12px calc(var(--ui-safe-bottom) + 12px);color:#fff;pointer-events:none;background:0 0;grid-template-rows:auto auto;align-content:center;place-items:center;gap:clamp(8px,2.4cqh,18px);display:grid;position:absolute;inset:0}.battle-result[hidden]{display:none}.battle-result__swords{aspect-ratio:1.27;filter:drop-shadow(0 7px 8px #0000007a);width:clamp(190px,58cqw,300px);position:relative;overflow:hidden}.battle-result__art{pointer-events:none;width:280%;max-width:none;height:auto;display:none;position:absolute;top:0;left:50%;transform:translate(-50%)}.battle-result__art--red{width:226%}.battle-result[data-outcome=VICTORY] .battle-result__art--blue,.battle-result[data-outcome=DEFEAT] .battle-result__art--red{display:block}.battle-result[data-outcome=DRAW] .battle-result__art--blue{filter:saturate(.18)brightness(1.03);display:block}.battle-result[data-outcome=DRAW] .battle-result__art--red{display:none}.battle-result h1{color:#fff;letter-spacing:.035em;text-align:center;text-shadow:-2px -2px #1b101feb,2px -2px #1b101feb,-2px 2px #1b101feb,2px 2px #1b101feb,0 5px 7px #0000009e;margin:0;font-family:Mikado Menu,Arial Black,system-ui,sans-serif;font-size:clamp(2rem,9cqw,3rem);line-height:1}.battle-result[data-outcome=DEFEAT] h1{color:#ffe5ec}.battle-result[data-outcome=DRAW] h1{color:#fff1a2}@media (width<=390px),(height<=700px){.battle-overlay__error{bottom:calc(var(--ui-safe-bottom) + 170px);font-size:.68rem}.battle-result__swords{width:clamp(180px,54cqw,250px)}.battle-result h1{font-size:clamp(1.8rem,8.5cqw,2.4rem)}}@media (width>=700px){.battle-ui-overlay{border-left:1px solid #7eeed31f;border-right:1px solid #7eeed31f}}.deck-builder,.profile-panel{width:min(100%,560px);padding-bottom:calc(var(--ui-safe-bottom) + 82px);left:50%;right:auto;overflow-x:hidden;transform:translate(-50%);box-shadow:0 0 70px #0000007a}.deck-builder .deck-builder__topbar,.profile-panel .profile-panel__topbar{z-index:5;width:100%;min-height:58px;padding:8px;display:flex;position:sticky;top:0;left:auto;right:auto}.deck-builder__deck,.deck-builder__browser,.profile-panel__overview{min-width:0;padding:11px}.deck-builder__deck{z-index:2;position:relative}.deck-builder__browser{overflow:hidden}.deck-builder__identity{align-items:end}.deck-builder__identity label{flex:180px}.deck-builder__identity input{min-height:var(--ui-touch)}.deck-builder__rename{flex:none}.deck-builder-tabs{min-width:0}.deck-tab button{min-height:var(--ui-touch)}.deck-builder-slots{grid-template-columns:repeat(8,minmax(0,1fr))}.deck-builder-slot{outline:none;min-width:0;min-height:104px;position:relative;overflow:visible}.deck-builder-slot:focus-visible{outline-offset:2px;outline:3px solid #fff1a8}.deck-builder-slot.is-empty{border-width:2px;min-height:76px}.deck-builder-slot__number{z-index:2;color:#d9f9f0;background:#021016d6;border:1px solid #ffffff2e;border-radius:50%;place-items:center;min-width:20px;height:20px;font-size:.62rem;font-weight:900;display:grid;position:absolute;top:4px;right:4px}.deck-builder-slot__remove{z-index:3;width:var(--ui-touch);position:absolute;top:-7px;left:-7px;min-width:var(--ui-touch)!important;min-height:var(--ui-touch)!important;color:#ffd9dc!important;background:#692f3c!important;border-radius:50%!important;padding:0!important}.deck-builder-slot.is-dragging,.collection-card.is-dragging{opacity:.42;transform:scale(.97)}.deck-builder.is-pointer-dragging .deck-builder-slot{border-color:#ffe69c;box-shadow:inset 0 0 0 2px #ffe69c33}.deck-builder-status{font-weight:800}.deck-builder__save-state{color:#8fc7bb;min-height:17px;margin:-3px 0 0;font-size:.64rem}.deck-builder__visible-count{color:#d5eee7;white-space:nowrap;margin-left:auto;font-size:.68rem}.deck-builder__tools{flex-wrap:wrap}.deck-builder__tools label{min-width:138px}.deck-builder__tools select{min-height:var(--ui-touch)}.deck-builder-collection{overscroll-behavior:contain;grid-template-columns:repeat(2,minmax(0,1fr))}.collection-card{min-width:0;position:relative}.collection-card.is-selected{outline-offset:-2px;outline:3px solid #fff1a8}.collection-card.is-in-deck:after{content:"In deck";color:#06201e;background:#8ff0dc;border-radius:999px;padding:3px 6px;font-size:.56rem;font-weight:900;position:absolute;top:12px;right:12px}.collection-card__role{min-height:2.4em;font-weight:700;color:#b5d9d0!important}.collection-card button{min-height:var(--ui-touch)}.collection-empty{color:#a9cfc6;text-align:center;border:1px dashed #7eeed340;border-radius:12px;grid-column:1/-1;padding:24px}.card-face.is-fallback .card-face__art:after{content:"temp.";color:#ffffffa6;font-size:.48rem;font-weight:700;display:block}.card-details.ui-modal{width:min(520px,100% - 20px)}.card-details>[data-modal-surface]{max-height:calc(100dvh - var(--ui-safe-top) - var(--ui-safe-bottom) - 20px);gap:12px;padding:16px;display:grid;overflow-y:auto}.card-details>[data-modal-surface]>#card-details-close{z-index:3;width:var(--ui-touch);min-width:var(--ui-touch);justify-self:end;margin-bottom:-56px;position:sticky;top:0}.card-details__hero{grid-template-columns:minmax(110px,.8fr) minmax(0,1.2fr);align-items:center;gap:14px;display:grid}.card-details__hero>div:last-child{align-content:center;gap:4px;min-width:0;display:grid}.card-details__hero h2{margin:4px 0 0;line-height:1.05}.card-details__type{color:#f6efff;background:#754ccd8a;border-radius:999px;width:fit-content;margin-right:4px;padding:3px 7px;font-size:.66rem;font-weight:850;display:inline-flex}.card-details__rarity{width:fit-content;color:var(--rarity-accent,#b9e7ff);background:var(--rarity-header,#206eaf);border:1px solid var(--rarity-border,#72c6ff);box-shadow:0 0 9px var(--rarity-glow,#41a9f547);border-radius:999px;padding:3px 8px;font-size:.66rem;font-weight:950;display:inline-flex}.card-details__type{background:#236f69b8}.card-details__art{background-position:50%;background-repeat:no-repeat;background-size:contain;min-height:150px}.card-details__art--final-unit{box-shadow:none;background-color:#0000;border:0}.card-details__art.is-fallback{border:2px dashed #ffffff61}.card-details__fallback{background:#5e431347;border-radius:8px;padding:7px;color:#ffdda0!important}.card-details section{background:#02121861;border:1px solid #7eeed31f;border-radius:11px;min-width:0;padding:10px}.card-details__stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px!important}.card-details__stats>div,.card-details__essentials>div{background:#ffffff0a;border-radius:8px;padding:7px;grid-template-columns:1fr!important;gap:2px!important;display:grid!important}.card-details__matchups{grid-template-columns:1fr 1fr;gap:8px;display:grid}.card-details ul{color:#c4ddd6;margin:4px 0 0;padding-left:20px;font-size:.75rem}.profile-panel>main{width:100%}.profile-panel__overview{margin-top:10px}.profile-identity{grid-template-columns:58px minmax(0,1fr);align-items:center;gap:12px;display:grid}.profile-identity__avatar{color:#241945;background:linear-gradient(145deg,#eadbff,#a783ef);border:2px solid #f7efff;border-radius:18px;place-items:center;width:58px;height:58px;font-size:1.45rem;font-weight:950;display:grid;box-shadow:0 5px #5d498b}.profile-identity>div:last-child{gap:2px;min-width:0;display:grid}.profile-identity span,.profile-progression header span{color:#9f96be;letter-spacing:.06em;text-transform:uppercase;font-size:.64rem;font-weight:850}.profile-identity h2{color:#f8f2ff;text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.profile-identity p{color:#d5c9f5;margin:0;font-size:.75rem}.profile-identity small{color:#a4c9c1;font-size:.65rem}.profile-progression{background:#03131b7a;border:1px solid #bc9eff2e;border-radius:12px;gap:8px;padding:11px;display:grid}.profile-progression header,.profile-progression footer{justify-content:space-between;align-items:center;gap:10px;display:flex}.profile-progression header>div{display:grid}.profile-progression header b{color:#ffe091;font-size:1.1rem}.profile-progression header small,.profile-progression footer{color:#9dbdb6;font-size:.64rem}.profile-progression footer span:last-child{text-align:right;max-width:65%}.profile-panel__overview>label{grid-template-columns:minmax(0,1fr)}.profile-panel__overview>label input[readonly]{opacity:.82}.profile-panel__overview>.ui-button{width:100%}.profile-panel__overview dl{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-panel__overview dl>div{min-height:58px}.profile-history li{min-height:var(--ui-touch);border-left-width:5px;grid-template-columns:.75fr 1fr .9fr;align-items:center;gap:8px;display:grid}.profile-history li>div{gap:2px;min-width:0;display:grid}.profile-history li>div:last-child{text-align:right}.profile-history li strong{color:#effff9}.profile-history li span{color:#9fbab4;text-overflow:ellipsis;white-space:nowrap;font-size:.66rem;overflow:hidden}.profile-history__empty{text-align:center;border:1px dashed #b797ff47!important;padding:20px!important;display:block!important}.profile-road__summary{color:#c9bdf0;margin:0 0 8px;font-size:.75rem}.profile-road{grid-template-columns:1fr;gap:10px;padding-left:22px;position:relative}.profile-road:before{content:"";background:linear-gradient(#9273df,#2c6664);border-radius:999px;width:3px;position:absolute;top:12px;bottom:12px;left:10px}.profile-milestone{min-height:76px;padding:11px;position:relative}.profile-milestone__marker{color:#e9e1ff;background:#25353b;border:3px solid #735bb0;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:absolute;left:-27px}.profile-milestone>div{min-width:0}.profile-milestone small{color:#b7abdc;font-size:.62rem}.profile-milestone em{color:#b4c9c4;text-transform:uppercase;font-size:.62rem;font-style:normal;font-weight:850}.profile-milestone[data-state=AVAILABLE]{background:linear-gradient(140deg,#54398994,#12393bc2)}.profile-milestone[data-state=AVAILABLE] .profile-milestone__marker{color:#18201e;background:#ffe08f;border-color:#fff1bc}.profile-milestone[data-state=CLAIMED]{opacity:.72}.profile-milestone[data-state=CLAIMED] .profile-milestone__marker{color:#0c2723;background:#78dfc8;border-color:#bdfff0}.profile-milestone button{min-width:96px;min-height:var(--ui-touch)}@media (width<=430px){.deck-builder,.profile-panel{padding:var(--ui-safe-top) 7px calc(var(--ui-safe-bottom) + 74px);gap:7px}.deck-builder__deck,.deck-builder__browser,.profile-panel__overview{padding:8px}.deck-builder-slots{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.deck-builder-slot{min-height:78px}.deck-builder-slot .card-face{min-height:72px}.deck-builder__visible-count{width:100%;margin-left:0}.card-details.ui-modal{width:calc(100% - 12px);max-height:calc(100dvh - 12px)}.card-details__hero{grid-template-columns:100px minmax(0,1fr);gap:9px}.card-details__art{min-height:126px}.card-details__matchups{grid-template-columns:1fr}.profile-history li{grid-template-columns:1fr 1fr}.profile-history li>div:last-child{text-align:left;grid-column:1/-1;grid-template-columns:1fr 1fr}}@media (width<=370px),(height<=680px){.deck-builder .deck-builder__topbar,.profile-panel .profile-panel__topbar{min-height:50px}.deck-builder__identity{gap:4px}.deck-builder-tabs{gap:3px}.deck-tab__copy{display:none}.deck-builder-slot{min-height:70px}.card-face__name{font-size:.62rem}.profile-identity{grid-template-columns:48px minmax(0,1fr)}.profile-identity__avatar{width:48px;height:48px}.profile-panel__overview dl{grid-template-columns:1fr 1fr;gap:5px}}@media (width>=900px){.deck-builder-collection{grid-template-columns:repeat(3,minmax(0,1fr))}}:root{--ui-motion-factor:1}:root[data-text-size=large]{font-size:112.5%}:root[data-reduce-motion=true] *,:root[data-reduce-motion=true] :before,:root[data-reduce-motion=true] :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}:root[data-reduce-shake=true] .screen-shake,:root[data-reduce-shake=true] [data-screen-shake]{transform:none!important}:root[data-color-vision=contrast]{--camp-player-outline:#fff;--camp-opponent-outline:#111;--placement-valid-pattern:repeating-linear-gradient(45deg, #ffffff38 0 4px, transparent 4px 8px);--placement-invalid-pattern:repeating-linear-gradient(-45deg, #00000057 0 4px, transparent 4px 8px)}:root[data-color-vision=contrast] #game-root canvas{filter:contrast(1.14)saturate(.82)}:root[data-color-vision=contrast] .ui-progress__track,:root[data-color-vision=contrast] .ui-connection-state{outline-offset:1px;outline:2px solid}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline-offset:3px;outline:3px solid #fff1a8}.settings-panel{z-index:36;width:min(100%,560px);padding:var(--ui-safe-top) 10px calc(var(--ui-safe-bottom) + 78px);color:#effff9;overscroll-behavior:contain;background:linear-gradient(160deg,#132f35,#08191f 58%,#171731);position:absolute;inset:0 auto 0 50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 0 70px #0000007a}.settings-panel[hidden]{display:none}.settings-panel__topbar{z-index:4;min-height:58px;position:sticky;top:0}.settings-panel__topbar h1{margin:1px 0 0;font-size:clamp(1.25rem,5vw,1.75rem)}.settings-panel__topbar>div>span{color:#a8cec4;letter-spacing:.08em;text-transform:uppercase;font-size:.66rem;font-weight:850}.settings-panel>main{gap:10px;padding-top:10px;display:grid}.settings-panel [data-settings-section]{gap:10px;padding:13px;display:grid}.settings-panel h2{color:#f2eaff;margin:0;font-size:1rem}.settings-panel h2 small{color:#9dbdb6;margin-top:3px;font-size:.62rem;font-weight:650;display:block}.settings-panel .ui-field{color:#d4e9e4;grid-template-columns:minmax(125px,.75fr) minmax(0,1fr);align-items:center;gap:8px;font-size:.78rem;display:grid}.settings-panel .ui-field>small{color:#91aea8;grid-column:1/-1;font-size:.64rem}.settings-panel .ui-form-control{width:100%;min-height:var(--ui-touch);color:#effff9;background:#05181fc7;border:1px solid #7eeed35c;border-radius:9px;padding:0 10px}.settings-panel input[type=range]{accent-color:#67e5cb;padding:0}.settings-panel input[type=checkbox]{accent-color:#67e5cb;width:24px;min-width:24px;height:24px;min-height:24px}.settings-toggle{min-height:var(--ui-touch);align-items:center;grid-template-columns:none!important;display:flex!important}.settings-volume{border-top:1px solid #ffffff14;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding-top:6px;display:grid}.settings-volume>label:first-child{grid-template-columns:82px minmax(0,1fr) 46px}.settings-volume output{text-align:right;font-variant-numeric:tabular-nums}.settings-panel__data-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.settings-panel__data-actions label{min-height:var(--ui-touch);cursor:pointer;place-items:center;display:grid}.settings-panel__data-actions input[type=file]{clip-path:inset(50%);width:1px;height:1px;position:absolute}.settings-panel__danger{color:#fff4f4!important;background:linear-gradient(#923f4d,#622a36)!important;border-color:#ff9a9b!important}.settings-panel__status{color:#8ee6d2;min-height:18px;margin:0;font-size:.7rem}.settings-panel p{color:#a8c5bf;margin:0;font-size:.7rem;line-height:1.45}@media (width<=380px),(height<=680px){.settings-panel{padding-left:7px;padding-right:7px}.settings-panel [data-settings-section]{gap:8px;padding:10px}.settings-panel .ui-field{grid-template-columns:1fr;gap:4px}.settings-volume{grid-template-columns:1fr}.settings-volume>label:first-child{grid-template-columns:72px minmax(0,1fr) 44px}.settings-volume .settings-toggle{justify-self:start}}@media (width>=760px){.settings-panel{border-left:1px solid #7eeed324;border-right:1px solid #7eeed324}}body{background:radial-gradient(circle at 18% 18%,#4c38824d 0 2%,#0000 24%),radial-gradient(circle at 82% 72%,#1f82773d 0 3%,#0000 28%),linear-gradient(160deg,#101528,#061820 54%,#171129)}.home-shell{isolation:isolate;background:radial-gradient(circle at 50% 30%,#5e439d8f,#0000 30%),linear-gradient(#153e4a 0%,#0b2635 45%,#071a26 100%);border-left:2px solid #7eeed333;border-right:2px solid #bc9eff3d}.app-top-bar{border-width:2px;border-radius:15px;min-height:64px;box-shadow:inset 0 2px #ffffff21,inset 0 -4px #0000002e,0 5px #061523c2,0 14px 30px #00000042}.app-top-bar__avatar{border-radius:10px 10px 14px 14px;transform:rotate(-2deg)}.app-top-bar__resources{background:linear-gradient(#111e30cc,#081823e0);border:1px solid #ffe18b4d;border-radius:10px;min-height:42px;padding:5px 10px;box-shadow:inset 0 2px 4px #00000047}.app-top-bar__resources strong{font-variant-numeric:tabular-nums;text-shadow:0 1px 4px #0000008c}.home-content{grid-template-rows:auto minmax(126px,1fr) auto auto auto auto;align-content:stretch;gap:9px;padding-left:11px;padding-right:11px;display:grid}.home-welcome{gap:3px;padding:0 4px}.home-welcome .matchmaking-eyebrow,.home-welcome h1{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.home-player-name{display:none}.home-welcome>small{text-align:center}.home-experience{width:min(290px,82%);margin:0 auto}.home-hero{place-items:center;min-height:126px;display:grid;position:relative;overflow:hidden}.home-hero:before{content:"";filter:blur(3px);background:radial-gradient(#0000007a,#0000 68%);width:68%;height:24px;position:absolute;bottom:15px}.home-hero__orbit{aspect-ratio:1;color:#2b1f4c;filter:drop-shadow(0 12px 16px #0006);background:radial-gradient(circle,#e8d4ff 0 20%,#a37be8 21% 45%,#3c346c 46% 63%,#0000 64%);border-radius:50%;place-items:center;width:clamp(104px,30vw,142px);display:grid;position:relative}.home-hero__orbit:before,.home-hero__orbit:after{content:"";border:3px solid #eedaff94;border-radius:34% 66% 58% 42%;position:absolute;inset:5%;transform:rotate(35deg)}.home-hero__orbit:after{border-color:#55efd385;inset:15%;transform:rotate(-25deg)}.home-hero__orbit strong{z-index:1;text-shadow:0 2px #fff;font-size:clamp(2rem,8vw,3rem);font-weight:950}.home-hero__orbit i{background:#ffe28a;border:2px solid #fff2bd;border-radius:50%;width:12px;height:12px;position:absolute;box-shadow:0 0 12px #ffe28a}.home-hero__orbit i:first-child{top:12%;right:9%}.home-hero__orbit i:nth-child(2){background:#75efd4;border-color:#c7fff2;bottom:18%;left:5%;box-shadow:0 0 12px #75efd4}.home-hero__label{justify-items:center;display:grid;position:absolute;bottom:5px;left:0;right:0}.home-hero__label small{color:#9bc7bf;letter-spacing:.1em;text-transform:uppercase;font-size:.57rem;font-weight:850}.home-hero__label strong{text-shadow:0 2px 5px #000;font-size:.78rem}.home-deck{grid-template-columns:minmax(0,1fr) auto;gap:5px 10px;margin:0;padding:9px 10px;display:grid}.home-deck .home-section-heading{grid-column:1/-1}.home-deck>div:nth-child(2){align-content:center;display:grid}.home-deck>div:nth-child(2)>span{color:#ffe29a;font-variant-numeric:tabular-nums;font-size:.65rem}.home-deck__slots{grid-column:1/-1}.home-deck__slots i{border-width:2px;border-radius:4px 4px 7px 7px;box-shadow:inset 0 2px #ffffff2e,0 2px #0000004d}.home-deck #open-deck-builder{grid-area:2/2;width:auto;min-height:38px;padding:0 10px;font-size:.68rem}.home-deck #active-deck-error{grid-column:1/-1;margin:0}.home-combat{text-align:center;background:linear-gradient(#ffd76b 0%,#f49b31 55%,#c35b20 100%);border-color:#fff1a8;grid-template-rows:1fr 1fr;grid-template-columns:auto 1fr;align-items:center;column-gap:12px;min-height:68px;margin:0;padding:8px 22px;box-shadow:inset 0 3px #ffffff57,inset 0 -4px #6d280f3d,0 7px #7e3319,0 15px 28px #00000059}.home-combat>span{filter:drop-shadow(0 2px 1px #0000004d);grid-row:1/-1;font-size:1.8rem}.home-combat strong{letter-spacing:.09em;text-shadow:0 2px #5b280f8c;align-self:end;font-size:1.25rem}.home-combat small{color:#542412;text-transform:uppercase;align-self:start;font-size:.62rem;font-weight:900}.home-modes{margin:0;padding:8px}.home-modes .home-section-heading>span{display:none}.home-mode-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:7px 0}.home-mode-grid button{text-align:center;grid-template-rows:auto auto;grid-template-columns:1fr;justify-items:center;min-height:58px;padding:6px 3px}.home-mode-grid button:before{color:#ffe49a;content:"";font-size:1.05rem}.home-mode-grid button:first-child:before{content:"✦"}.home-mode-grid button:nth-child(2):before{content:"⚔"}.home-mode-grid button:nth-child(3):before{content:"⌂"}.home-mode-grid button strong{grid-row:auto;font-size:.66rem;line-height:1.05}.home-mode-grid button span,.home-mode-grid button small{display:none}.matchmaking-join>span:first-child{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.matchmaking-join>span:last-child{grid-template-columns:minmax(0,1fr) 92px}.home-network{justify-content:space-between;align-items:center;min-height:28px;padding:0 3px;display:flex}.home-network #matchmaking-status{display:none}.ui-connection-state{color:#bfe0d8;background:#02111ab8;border:1px solid #7fd4c73d;border-radius:999px;min-height:28px;padding:3px 9px}.bottom-navigation{background:linear-gradient(#14303dfa,#061822fa);border:2px solid #b0e6e05c;border-radius:16px 16px 12px 12px;gap:2px;min-height:66px;padding:5px 6px;box-shadow:inset 0 2px #ffffff1a,inset 0 -4px #00000038,0 5px #020d16db,0 16px 32px #00000061}.bottom-navigation button{border:1px solid #0000;min-height:52px;transition:transform .12s,background .12s,color .12s;position:relative}.bottom-navigation button>span{filter:drop-shadow(0 2px 1px #0006);font-size:1.28rem}.bottom-navigation button small{letter-spacing:.035em;text-transform:uppercase;font-size:.58rem;font-weight:850}.bottom-navigation button.is-active{color:#fff8db;background:linear-gradient(#634aa2db,#29485bd1);border-color:#e8d8ff70;transform:translateY(-2px);box-shadow:inset 0 2px #ffffff24,0 3px #04111db3}.bottom-navigation button[data-app-route=BATTLE]{color:#ffe39a;background:linear-gradient(#5f4a8e,#2a5062);border:2px solid #ffe28f7a;border-radius:14px;min-height:59px;margin-top:-9px;box-shadow:inset 0 2px #ffffff24,0 4px #081222e6}.bottom-navigation button[data-app-route=BATTLE].is-active{background:linear-gradient(#f1b84f,#b75c2a)}.ui-modal[open]{animation:.15s ease-out ui-modal-enter}.ui-modal::backdrop{background:radial-gradient(circle,#241b3e61,#00060cd1)}.ui-modal>[data-modal-surface]{border-width:2px;box-shadow:inset 0 2px #ffffff1f,inset 0 -5px #00000038,0 7px #030f19d6,0 24px 70px #0000008c}@keyframes ui-modal-enter{0%{opacity:0;transform:translateY(10px)scale(.97)}}.settings-panel{background:radial-gradient(circle at 50% 8%,#563e8f7a,#0000 28%),linear-gradient(160deg,#15333d,#081923 58%,#17152e)}.settings-panel>main{align-content:start;gap:8px}.settings-panel [data-settings-section]{gap:0;padding:0;overflow:hidden}.settings-category__toggle{color:#effff9;text-align:left;cursor:pointer;background:linear-gradient(#2a5258c2,#11303bc2);border:0;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:56px;padding:8px 12px;display:flex}.settings-category__toggle>span{gap:1px;display:grid}.settings-category__toggle strong{font-size:.86rem}.settings-category__toggle small{color:#9fc5bd;font-size:.62rem}.settings-category__toggle b{color:#ddceff;border:1px solid #d6c4ff47;border-radius:50%;place-items:center;width:28px;height:28px;font-size:1.15rem;transition:transform .14s;display:grid}.settings-category__toggle[aria-expanded=true]{background:linear-gradient(#4e3b83d6,#1c454de6)}.settings-category__toggle[aria-expanded=true] b{transform:rotate(180deg)}.settings-category__content{border-top:1px solid #ffffff1a;gap:9px;padding:11px 12px 13px;animation:.14s ease-out settings-category-enter;display:grid}.settings-category__content[hidden]{display:none}.settings-category__content>p{padding:3px 1px}.settings-toggle{cursor:pointer;justify-content:space-between;padding:5px 0;position:relative}.settings-toggle input[type=checkbox]{opacity:0;width:1px;min-width:1px;height:1px;min-height:1px;position:absolute}.settings-toggle i{background:#253b48;border:2px solid #6d8993;border-radius:999px;flex:0 0 46px;width:46px;height:26px;position:relative;box-shadow:inset 0 2px 4px #0006}.settings-toggle i:after{content:"";background:#becbcf;border-radius:50%;width:16px;height:16px;transition:transform .14s,background .14s;position:absolute;top:3px;left:3px;box-shadow:0 2px 3px #00000061}.settings-toggle input:checked~i{background:#187c70;border-color:#8ef4dc}.settings-toggle input:checked~i:after{background:#f4fffc;transform:translate(20px)}.settings-toggle input:focus-visible~i{outline-offset:2px;outline:3px solid #fff1a8}.settings-volume{padding:5px 0}.settings-panel__data-actions .ui-button,.settings-panel__danger-zone .ui-button{min-height:40px;font-size:.68rem}.settings-panel__danger-zone{border-top:1px solid #ff949642;grid-template-columns:1fr 1fr;gap:7px;margin-top:5px;padding-top:9px;display:grid}.settings-panel__danger-zone>small{color:#d7a8ae;text-transform:uppercase;grid-column:1/-1;font-size:.6rem;font-weight:850}@keyframes settings-category-enter{0%{opacity:0;transform:translateY(-5px)}}@media (width<=380px),(height<=680px){.home-content{padding-top:calc(var(--ui-safe-top) + 67px);padding-bottom:calc(var(--ui-safe-bottom) + 71px);grid-template-rows:auto minmax(90px,1fr) auto auto auto auto;gap:6px}.home-welcome>small{display:none}.home-hero{min-height:90px}.home-hero__orbit{width:90px}.home-hero__label{display:none}.home-deck{padding:7px 8px}.home-deck__slots{gap:2px!important}.home-deck #open-deck-builder{min-height:34px}.home-combat{min-height:60px}.home-modes{padding:6px}.home-modes .home-section-heading{display:none}.home-mode-grid{margin-top:0}.home-mode-grid button{min-height:52px}.matchmaking-join input,.matchmaking-join button{min-height:40px}.home-network{min-height:24px}.settings-panel__topbar{min-height:52px}.settings-category__toggle{min-height:50px}.settings-category__content{gap:7px;padding:8px 10px 10px}}@media (width>=900px){.home-shell,.settings-panel,.profile-panel,.deck-builder{width:min(100%,610px)}.bottom-navigation{width:min(100% - 20px,590px)}}@media (prefers-reduced-motion:reduce){.ui-modal[open],.settings-category__content{animation:none}.bottom-navigation button,.settings-category__toggle b,.settings-toggle i:after{transition:none}}@font-face{font-family:Mikado Menu;src:url(/assets/menu/main-ui/font/mikado-bold-demo.otf)format("opentype");font-style:normal;font-weight:700;font-display:swap}#app-shell{--main-menu-font:"Arial Black", "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif;--mikado-menu-font:"Mikado Menu", var(--main-menu-font);--shared-top-profile-height:13.3333%}.shared-top-profile-bar{--main-menu-font:"Arial Black", "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif;--mikado-menu-font:"Mikado Menu", var(--main-menu-font);z-index:65;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:hidden;container-type:size}.shared-top-profile-bar[hidden]{display:none}.shared-top-profile-bar__content{position:absolute;inset:0}.shared-top-profile-bar__button{pointer-events:auto}.main-menu{--main-menu-font:"Arial Black", "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif;--mikado-menu-font:"Mikado Menu", var(--main-menu-font);z-index:4;isolation:isolate;background:#075294;flex-direction:column;width:100%;min-width:0;height:100%;min-height:0;display:flex;position:absolute;inset:0;overflow:hidden}.main-menu:before,.main-menu:after{content:none}.main-menu[hidden],.home-shell[hidden]{display:none}.main-menu__artboard{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#075294;flex:auto;width:100%;min-width:0;height:100%;min-height:0;position:relative;overflow:hidden;box-shadow:0 0 42px #001f4857;container-type:size}.main-menu__content{position:absolute;inset:0}.main-menu-piece{box-sizing:border-box;min-width:0;min-height:0;position:absolute}img.main-menu-piece,.main-menu-piece>img{object-fit:contain;image-rendering:auto;pointer-events:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.main-menu-background{object-fit:cover!important}.main-menu-brand{z-index:36;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 4px 3px #0009);pointer-events:none;-webkit-user-select:none;user-select:none;width:14%;height:auto;display:block;position:absolute;top:22.6%;left:50%;transform:translate(-50%,-50%)}.main-menu-button{box-sizing:border-box;min-width:0;min-height:0;color:inherit;cursor:pointer;pointer-events:auto;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:12%;margin:0;padding:0;transition:translate 70ms,filter 70ms,scale 70ms;position:absolute;overflow:visible}.main-menu-button:after{content:"";width:max(100%,44px);height:max(100%,44px);position:absolute;top:50%;left:50%;translate:-50% -50%}.main-menu-button>img{object-fit:contain;image-rendering:auto;pointer-events:none;-webkit-user-drag:none;width:100%;height:100%;display:block}@media (hover:hover){.main-menu-button:hover{filter:brightness(1.06)}}.main-menu-button:active,.main-menu-button.is-pressed{filter:brightness(.91);translate:0 1.5%;scale:.975}.main-menu-button:focus-visible{outline-offset:max(1px, .2cqw);outline:max(2px,.45cqw) solid #fff6a8}.main-menu-button[disabled]{cursor:default;filter:saturate(.45)brightness(.72)}.main-menu-battle-mode-button{z-index:24;box-sizing:border-box;color:#effbff;font:950 clamp(12px, 5.2cqw, 48px) var(--main-menu-font);text-shadow:0 .28cqw #062c4c;cursor:pointer;pointer-events:auto;touch-action:manipulation;background:linear-gradient(#2fb9ec,#0873b4 58%,#07558e);border:clamp(2px,.7cqw,6px) solid #a9ecff;border-radius:28%;margin:0;padding:0;transition:translate 70ms,filter 70ms,scale 70ms;position:absolute;box-shadow:inset 0 .45cqw #ffffff61,inset 0 -.55cqw #0027506b,0 .7cqw #033459,0 1.1cqw 2.1cqw #00000057}.main-menu-battle-mode-button[data-battle-mode=pvp]{background:linear-gradient(#ffbb45,#e66c19 58%,#ad3d0d);border-color:#ffe99a;box-shadow:inset 0 .45cqw #ffffff61,inset 0 -.55cqw #661c006b,0 .7cqw #762704,0 1.1cqw 2.1cqw #00000057}.main-menu-battle-mode-button:active{filter:brightness(.91);translate:0 1.5%;scale:.975}.main-menu-battle-mode-button:focus-visible,.main-menu-battle-mode-menu button:focus-visible{outline-offset:max(1px, .2cqw);outline:max(2px,.45cqw) solid #fff6a8}.main-menu-battle-mode-label{z-index:23;box-sizing:border-box;color:#e8f9ff;font:900 clamp(7px, 2.8cqw, 26px) var(--main-menu-font);text-shadow:0 .2cqw #061b2d;white-space:nowrap;background:#03233de0;border:max(1px,.25cqw) solid #8bdeffc2;border-radius:999px;justify-content:center;align-items:center;display:flex}.main-menu-battle-mode-label[data-battle-mode=pvp]{color:#fff0a8;border-color:#ffda69e0}.main-menu-battle-mode-menu{z-index:40;box-sizing:border-box;pointer-events:auto;background:linear-gradient(160deg,#126c9d,#073959);border:max(2px,.55cqw) solid #9ee9ff;border-radius:12%;grid-template-rows:1fr 1fr;gap:3%;padding:6%;display:grid;box-shadow:inset 0 .35cqw #fff3,0 2cqw 4cqw #0000007a}.main-menu-battle-mode-menu[hidden]{display:none}.main-menu-battle-mode-menu button{color:#eaf9ff;min-width:0;min-height:0;font:900 clamp(8px, 3.4cqw, 31px) var(--main-menu-font);cursor:pointer;touch-action:manipulation;background:#174e6d;border:max(1px,.3cqw) solid #74cde9;border-radius:10%;padding:0}.main-menu-battle-mode-menu button.is-selected{color:#17202b;background:linear-gradient(#ffe878,#e8a42e);border-color:#fff3a5}.main-menu-text{box-sizing:border-box;color:#fff;min-width:0;min-height:0;font-family:var(--main-menu-font);text-align:center;text-shadow:0 .22cqw #07121b,.13cqw 0 #07121b,-.13cqw 0 #07121b,0 -.13cqw #07121b;white-space:nowrap;pointer-events:none;-webkit-text-stroke:clamp(.35px, .075cqw, .8px) #07121b;justify-content:center;align-items:center;font-size:clamp(7px,3.25cqw,31px);font-weight:900;line-height:.94;display:flex;position:absolute;overflow:hidden}.mikado-safe-character{font-family:var(--mikado-menu-font);font-variant-ligatures:none;font-feature-settings:"liga" 0, "clig" 0, "dlig" 0, "calt" 0;white-space:pre;display:inline-block}.mikado-fallback-character{font-family:var(--main-menu-font);font-variant-ligatures:none;display:inline-block}.main-menu-sign-text{color:#fff;font-family:var(--main-menu-font);letter-spacing:0;text-align:center;text-shadow:0 1px #00112c,1px 0 #00112c,-1px 0 #00112c;-webkit-text-stroke:0;font-weight:1000;line-height:1}.game-banner-title{color:#fff;font-family:var(--main-menu-font);letter-spacing:-.02em;text-shadow:0 3px #00112c,2px 0 #00112c,-2px 0 #00112c;-webkit-text-stroke:0;font-size:clamp(.78rem,5.3cqw,1.45rem);font-weight:1000;line-height:1}.game-banner-title--clans>.mikado-safe-character:nth-child(5){margin-left:2px}.main-menu-text--level{font-size:clamp(8px,4.6cqw,42px)}.main-menu-text--level[data-digits="2"]{font-size:clamp(7px,3.75cqw,35px)}.main-menu-text--level[data-digits="3"]{font-size:clamp(6px,3.05cqw,28px)}.main-menu-text--xp{font-variant-numeric:tabular-nums;letter-spacing:-.04em;justify-content:center;align-items:center;padding:0;font-size:clamp(8px,3.1cqw,34px);display:flex}.xp-current,.xp-required{justify-content:center;align-items:center;display:inline-flex}.xp-separator{flex:0 0 .34em;width:.34em;height:.98em;margin:0 .035em;display:inline-block;position:relative}.xp-separator:before{content:"";background:#fff;border-radius:999px;width:.11em;height:1.05em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(18deg);box-shadow:0 .07em #07121b,.04em 0 #07121b,-.04em 0 #07121b}.main-menu-text--currency{font-size:clamp(8px,3.8cqw,35px)}.main-menu-text--name{text-align:left;text-overflow:ellipsis;justify-content:start;padding-left:3%;font-size:clamp(9px,4.1cqw,38px)}.main-menu-text--trophies{color:#ffc928;font-size:clamp(8px,3.7cqw,34px)}.main-menu-text--panel-title{text-transform:uppercase;font-size:clamp(7px,3.3cqw,31px)}.main-menu-text--panel-action{color:#32fa15;text-transform:uppercase;font-size:clamp(7px,3.05cqw,29px)}.main-menu-text--slot{color:#78d5ff;text-overflow:clip;white-space:normal;text-shadow:0 .2cqw #001622,.13cqw 0 #001622,-.13cqw 0 #001622;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:0;font-size:clamp(8px,4.4cqw,45px);line-height:.94;display:flex;inset:0;overflow:hidden}.chest-slot-line{text-align:center;justify-content:center;align-items:center;width:100%;display:flex}.mikado-glyph-debug{z-index:1000;color:#fff;font-family:var(--main-menu-font);background:#021626f5;border:2px solid #86defb;border-radius:14px;padding:14px;position:absolute;inset:2%;overflow:auto;box-shadow:0 12px 44px #0000008c}.mikado-glyph-debug h2{font:900 1.1rem var(--main-menu-font);margin:0 0 12px}.mikado-glyph-debug>div{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:7px;display:grid}.mikado-glyph-debug article{background:#ffffff12;border:1px solid #ffffff2b;border-radius:7px;gap:5px;min-width:0;padding:7px;display:grid}.mikado-glyph-debug article[data-renderer=fallback]{border-color:#ffbf69}.mikado-glyph-debug strong{justify-content:center;align-items:center;min-height:1.25em;font-size:1.45rem;display:flex}.mikado-glyph-debug small{overflow-wrap:anywhere;font:700 .63rem/1.25 var(--main-menu-font)}.main-menu-text--navigation{justify-content:center;align-items:flex-end;padding-bottom:1%;font-size:clamp(8px,4.6cqw,47px)}.main-menu-fill{transform:scaleX(var(--main-menu-fill-ratio,0));transform-origin:0;pointer-events:none;background:linear-gradient(#38aef2 0 48%,#078ce2 49% 100%);border-radius:10%/34%;position:absolute;overflow:hidden;box-shadow:inset 0 .16cqw #ffffff2e}.main-menu-profile-name-button{border-radius:10%}.main-menu-chest-button{border-radius:8%;overflow:hidden}.main-menu-chest-button.is-filled .main-menu-text--slot{display:none}.main-menu-chest-button>.main-menu-chest{z-index:2;object-fit:contain;filter:drop-shadow(0 .7cqw .55cqw #000e2394);pointer-events:none;width:126%;height:168%;position:absolute;top:50%;left:50%;transform:translate(-50%,-52%)}.main-menu-chest-status{z-index:3;color:#fff;font:900 clamp(7px, 2.6cqw, 24px)/1 var(--main-menu-font);text-align:center;text-shadow:0 .18cqw #001622;white-space:nowrap;background:#051c39e0;border:max(1px,.25cqw) solid #ffffffb8;border-radius:12%;padding:3% 2%;position:absolute;bottom:5%;left:5%;right:5%}.main-menu-chest-button[data-chest-state=ready] .main-menu-chest-status{color:#fff7a8;background:#256522f0}.main-menu-navigation-button{border-radius:0}#app-shell:is([data-route=HOME],[data-route=COLLECTION],[data-route=SHOP],[data-route=CLAN],[data-route=COMPETITIVE]) .bottom-navigation{--main-menu-font:"Arial Black", "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif;--mikado-menu-font:"Mikado Menu", var(--main-menu-font);--bottom-navigation-battle-label-size:clamp(.78rem, 4.25cqw, 1.05rem);z-index:70;width:100%;min-height:58px;height:max(58px, calc(var(--mobile-game-width,390px) * 165 / 1080));box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0b3b65;border:0;border-radius:0;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;padding:0;bottom:0;transform:translate(-50%)}#app-shell:is([data-route=HOME],[data-route=COLLECTION],[data-route=SHOP],[data-route=CLAN],[data-route=COMPETITIVE]) .bottom-navigation .collection-navigation-symbol{display:none}#app-shell:is([data-route=HOME],[data-route=COLLECTION],[data-route=SHOP],[data-route=CLAN],[data-route=COMPETITIVE]) .bottom-navigation .collection-navigation-icon{display:block}#app-shell:is([data-route=HOME],[data-route=COLLECTION],[data-route=SHOP],[data-route=CLAN],[data-route=COMPETITIVE]) .bottom-navigation .collection-navigation-lock{display:grid}#app-shell:is([data-route=HOME],[data-route=COLLECTION],[data-route=SHOP],[data-route=CLAN],[data-route=COMPETITIVE]) .bottom-navigation button,#app-shell:is([data-route=HOME],[data-route=COLLECTION],[data-route=SHOP],[data-route=CLAN],[data-route=COMPETITIVE]) .bottom-navigation button[data-app-route=BATTLE]{color:#fff;min-width:0;min-height:100%;box-shadow:none;background-color:#0e3d64;background-image:url(/assets/menu/main-ui/bottom-nav-idle.png);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border:0;border-radius:0;margin:0;padding:0;position:relative;transform:none}#app-shell:is([data-route=HOME],[data-route=COLLECTION],[data-route=SHOP],[data-route=CLAN],[data-route=COMPETITIVE]) .bottom-navigation button.is-active{color:#fff;background-color:#1764a1;background-image:url(/assets/menu/main-ui/bottom-nav-selected.png);border:0;overflow:visible;transform:none;box-shadow:inset 0 3px #ffffff24}#app-shell:is([data-route=HOME],[data-route=COLLECTION],[data-route=SHOP],[data-route=CLAN],[data-route=COMPETITIVE]) .bottom-navigation button>img{width:min(calc(var(--mobile-game-width,390px) * 133 / 1080), 75%);object-fit:contain;image-rendering:auto;filter:drop-shadow(0 2px 1px #00000070);height:auto;max-height:82%;display:block}#app-shell:is([data-route=HOME],[data-route=COLLECTION],[data-route=SHOP],[data-route=CLAN],[data-route=COMPETITIVE]) .bottom-navigation button[data-app-route=COLLECTION]>img{width:min(calc(var(--mobile-game-width,390px) * 170 / 1080), 88%)}#app-shell:is([data-route=HOME],[data-route=COLLECTION],[data-route=SHOP],[data-route=CLAN],[data-route=COMPETITIVE]) .bottom-navigation button[data-app-route=BATTLE]>img{width:min(calc(var(--mobile-game-width,390px) * 143 / 1080), 78%)}#app-shell:is([data-route=HOME],[data-route=COLLECTION],[data-route=SHOP],[data-route=CLAN],[data-route=COMPETITIVE]) .bottom-navigation button[data-app-route=BATTLE]{grid-template-rows:minmax(0,1fr) auto;align-content:stretch}#app-shell:is([data-route=HOME],[data-route=COLLECTION],[data-route=SHOP],[data-route=CLAN],[data-route=COMPETITIVE]) .bottom-navigation button[data-app-route=BATTLE]>img{max-height:calc(var(--mobile-game-width,390px) * 112 / 1080);align-self:center}#app-shell:is([data-route=HOME],[data-route=COLLECTION],[data-route=SHOP],[data-route=CLAN],[data-route=COMPETITIVE]) .bottom-navigation button[data-app-route=CLAN]>img{width:min(calc(var(--mobile-game-width,390px) * 141 / 1080), 76%);max-height:calc(var(--mobile-game-width,390px) * 112 / 1080);align-self:center}#app-shell:is([data-route=HOME],[data-route=COLLECTION],[data-route=SHOP],[data-route=CLAN],[data-route=COMPETITIVE]) .bottom-navigation button[data-app-route=CLAN]{grid-template-rows:minmax(0,1fr) auto;align-content:stretch}#app-shell:is([data-route=HOME],[data-route=COLLECTION],[data-route=SHOP],[data-route=CLAN],[data-route=COMPETITIVE]) .bottom-navigation button[data-app-route=CLAN] small{align-self:center;margin-bottom:1px;line-height:.9}#app-shell:is([data-route=HOME],[data-route=COLLECTION],[data-route=SHOP],[data-route=CLAN],[data-route=COMPETITIVE]) .bottom-navigation .collection-navigation-lock>img{width:min(calc(var(--mobile-game-width,390px) * 96 / 1080), 70%)}#app-shell:is([data-route=HOME],[data-route=COLLECTION],[data-route=SHOP],[data-route=CLAN],[data-route=COMPETITIVE]) .bottom-navigation button small{text-transform:none;text-shadow:0 2px #001125,1px 0 #001125,-1px 0 #001125;align-self:end;margin:0 0 2px;font-size:clamp(.48rem,2.7cqw,.72rem);font-weight:1000;display:none}#app-shell:is([data-route=HOME],[data-route=COLLECTION],[data-route=SHOP],[data-route=CLAN],[data-route=COMPETITIVE]) .bottom-navigation button[data-app-route=BATTLE] small{font-size:var(--bottom-navigation-battle-label-size);white-space:nowrap;align-self:center;margin-bottom:1px;line-height:.9}#app-shell:is([data-route=HOME],[data-route=COLLECTION],[data-route=SHOP],[data-route=CLAN],[data-route=COMPETITIVE]) .bottom-navigation button.is-active small{display:block}#app-shell:is([data-route=HOME],[data-route=COLLECTION],[data-route=SHOP],[data-route=CLAN],[data-route=COMPETITIVE]) .bottom-navigation button:disabled{opacity:1}.main-menu__toast{z-index:100;color:#fff;max-width:78%;font:900 clamp(.72rem, 3.4cqw, 1rem) var(--main-menu-font);text-align:center;background:#031623f0;border:2px solid #ffed99b8;border-radius:12px;padding:10px 16px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 28px #0006}.main-menu__toast[hidden]{display:none}.main-menu-message{color:#fff;pointer-events:auto;background:0 0;border:0;width:min(100% - 36px,350px);max-width:calc(100% - 28px);padding:0}.main-menu-message::backdrop{background:#000e1cad}.main-menu-message article{text-align:center;font-family:var(--main-menu-font);background:linear-gradient(160deg,#126c9d,#073959);border:3px solid #9ee9ff;border-radius:18px;gap:12px;padding:22px;display:grid;box-shadow:inset 0 2px #fff3,0 18px 48px #0000007a}.main-menu-message h2,.main-menu-message p{margin:0}.main-menu-message button{color:#17202b;min-height:44px;font-family:var(--main-menu-font);touch-action:manipulation;pointer-events:auto;background:linear-gradient(#ffe878,#e8a42e);border:2px solid #fff3a5;border-radius:10px;padding:0 12px;font-weight:900}