:root{color:#e8e6df;-webkit-font-smoothing:antialiased;background:#0d0f14;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{-webkit-user-select:none;user-select:none;width:100%;height:100%;margin:0;overflow:hidden}.arena{background:radial-gradient(at 50% 45%,#2b3442 0%,#161b24 55%,#0b0d12 100%);position:fixed;inset:0}.board3d{inset:0;position:absolute!important}.card-box{position:absolute;inset:0;container-type:size}.card-face{border-radius:5.5cqw;transition:box-shadow .12s,filter .2s;position:absolute;inset:0;box-shadow:0 1cqw 3cqw #0009}.card-face canvas{width:100%;height:100%;display:block}.card-face.hl-hot{box-shadow:0 0 0 1.4cqw #48a6ff,0 0 7cqw #48a6ffaa}.card-face.hl-candidate{box-shadow:0 0 0 1.4cqw #ff8a3d,0 0 8cqw #ff8a3dbb}.card-face.hl-selected{box-shadow:0 0 0 1.8cqw #ffd54a,0 0 9cqw #ffd54acc}.card-face.hl-autopay{box-shadow:0 0 0 1.4cqw #6dff7e,0 0 7cqw #6dff7eaa}.card-face.hl-cold{box-shadow:0 0 0 1cqw #1d3a5a,0 0 5cqw #1d3a5a88}.card-face.hl-dimmed{filter:brightness(.45)saturate(.6)}.card-face.tapped{filter:brightness(.7)}.hand-hit,.browser-card,.hover-preview{transform-origin:50%;position:absolute;top:0;left:0}@keyframes arrive{0%{opacity:.4;transform:scale(1.25)translateY(-8%)}}.hand-layer{pointer-events:none;position:absolute;inset:0}.hand-hit{pointer-events:auto;cursor:grab}.zone-badge{color:#ddd;white-space:nowrap;pointer-events:none;background:#000b;border-radius:10px;padding:2px 8px;font-size:11px;position:absolute;top:-22px;left:50%;transform:translate(-50%)}.cast-line{pointer-events:none;border-top:1px dashed #fff2;height:0;position:absolute;left:0;right:0}.cast-line.armed{border-top-color:#ffd54a66}.hover-preview{z-index:1200;pointer-events:none}.hover-hanger{color:#eee;text-align:center;background:#000c;border-radius:4px;padding:4px 8px;font-size:13px;position:absolute;top:101%;left:0;right:0}.hover-notes{color:#eee;background:#000d;border-radius:6px;width:200px;margin:0;padding:6px 10px;font-size:14px;line-height:1.35;list-style:none;position:absolute;top:0}.hover-notes.right{left:calc(100% + 8px)}.hover-notes.left{right:calc(100% + 8px)}.hover-notes li+li{margin-top:4px}.examine{z-index:1300;animation:.2s ease-out arrive;position:absolute}.examine-toggle{white-space:nowrap;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)}.avatar{z-index:50;background:radial-gradient(circle at 40% 35%,#5d6b85,#263044);border:3px solid #c9a640;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:absolute}.life{font-size:28px;font-weight:700}.avatar-name{color:#ccc;font-size:11px}.avatar-hand{color:#ccc;white-space:nowrap;background:#0009;border-radius:4px;padding:1px 6px;font-size:11px;position:absolute;bottom:-18px}.avatar.hl-candidate{cursor:pointer;box-shadow:0 0 0 4px #ff8a3d,0 0 18px #ff8a3dbb}.avatar.hl-selected{box-shadow:0 0 0 4px #ffd54a,0 0 18px #ffd54acc}.board-tab{z-index:55;cursor:pointer;-webkit-user-select:none;user-select:none;background:#1c2230e6;border:1px solid #c9a64060;border-radius:8px;align-items:center;gap:8px;padding:6px 10px;display:flex;position:absolute}.board-tab.left{left:8px}.board-tab.right{text-align:right;flex-direction:row-reverse;right:8px}.board-tab:hover{border-color:#c9a640}.board-tab-arrow{color:#c9a640;cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:26px;line-height:1}.board-tab-avatar{background:radial-gradient(circle at 40% 35%,#5d6b85,#263044);border:2px solid #3d8bff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;font-weight:700;display:flex}.board-tab-info{flex-direction:column;display:flex}.board-tab-name{color:#dde;font-weight:600}.board-tab-sub{color:#99a;font-size:11px}.board-tab.hl-candidate,.board-tab.has-candidates{box-shadow:0 0 0 3px #ff8a3d,0 0 16px #ff8a3dbb}.board-tab.attacked{box-shadow:0 0 0 3px #e04040,0 0 16px #e04040bb}.board-tab.gone{opacity:.5}.seat-map{z-index:55;position:absolute;top:70px;left:16px}.seat-map-table{background:#1c2230cc;border:1px solid #c9a64050;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.seat{color:#dde;cursor:pointer;background:radial-gradient(circle at 40% 35%,#5d6b85,#263044);border:2px solid #3d8bff;border-radius:50%;padding:0;font-size:11px;font-weight:700;position:absolute}.seat.me{border-color:#ff8a1e}.seat.shown{box-shadow:0 0 0 2px #c9a640}.seat.active{box-shadow:0 0 0 2px #c9a640,0 0 12px 3px #ffb050}.seat:disabled{cursor:default}.seat.gone{opacity:.4}.turn-number{z-index:50;color:#ccc;background:#0007;border-radius:4px;padding:2px 8px;font-size:11px;position:absolute}.avatar.active-turn{box-shadow:0 0 14px 3px #ff8a1e,0 0 34px 6px #ff6a0088}.avatar.theirs.active-turn{box-shadow:0 0 14px 3px #3d8bff,0 0 34px 6px #2a6cff88}.turn-flare{z-index:49;pointer-events:none;background:radial-gradient(#ffb050ee 0%,#ff7a1a77 35%,#0000 70%);width:200px;height:30px;position:absolute;transform:translate(-50%,-50%)}.turn-flare.theirs{background:radial-gradient(#7ab4ffee 0%,#3d8bff77 35%,#0000 70%)}.avatar-pip{cursor:pointer;background:#2a2016;border:2px solid #f80a;width:12px;height:12px;padding:0;position:absolute;top:50%;transform:translate(-50%,-50%)rotate(45deg)}.avatar-pip.main{width:13px;height:13px;transform:translate(-50%,-50%)}.avatar-pip.theirs{background:#16202a;border-color:#3d8bffaa}.avatar-pip.lit{background:#ffebcc;box-shadow:0 0 10px #f60}.avatar-pip.theirs.lit{background:#cce4ff;box-shadow:0 0 10px #3d8bff}.avatar-pip.stop:after{content:"";pointer-events:none;border:2px solid #f80;position:absolute;inset:-5px}.avatar-pip.theirs.stop:after{border-color:#3d8bff}.phase-ladder{--ladder:#f80;--ladder-lit:#ffebcc;align-self:flex-end;align-items:center;display:flex;position:relative}.phase-ladder.blue{--ladder:#3d8bff;--ladder-lit:#cce4ff}.phase-ladder:before{content:"";background:#fff5;height:2px;position:absolute;top:50%;left:0;right:0}.phase-ladder .pip{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;height:100%;padding:0;display:flex;position:relative}.phase-ladder .pip-icon{fill:#2a241e;stroke:var(--ladder);stroke-width:1.5px;stroke-linejoin:round;overflow:visible}.phase-ladder .pip.lit .pip-icon{fill:var(--ladder-lit);stroke:var(--ladder-lit);filter:drop-shadow(0 0 4px var(--ladder)) drop-shadow(0 0 8px var(--ladder))}.phase-ladder .pip.hinted .pip-icon{stroke:#fff}.phase-ladder .stop-mark{border-radius:50%;width:7px;height:7px;position:absolute;top:-7px}.phase-ladder .stop-mark.mine{background:#f80;left:calc(50% - 8px)}.phase-ladder .stop-mark.theirs{background:#3d8bff;left:calc(50% + 1px)}.arena-btn.toggle-on{background:linear-gradient(#4a8bd8,#2a5a9c);border-color:#a8cfff}.spinner{border:2px solid #ffb070;border-top-color:#0000;border-radius:50%;width:10px;height:10px;margin-right:6px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.prompt-bar{z-index:800;flex-direction:column;align-items:stretch;display:flex;position:absolute}.prompt-bar>.arena-btn{height:calc(var(--u) * 61);padding:0 calc(var(--u) * 24);font-size:calc(var(--u) * 24)}.prompt-message{z-index:790;text-align:center;pointer-events:none;background:#000a;border-radius:8px;line-height:1.3;position:absolute;left:50%;transform:translate(-50%)}.ladder-slot{justify-content:flex-end;align-items:center;display:flex}.phase-hint{font-size:calc(var(--u) * 20);color:#ddd;white-space:nowrap;justify-content:flex-end;align-items:center;display:flex}.pass-row{justify-content:flex-end;align-items:center;display:flex}.end-turn{height:100%;padding:0 calc(var(--u) * 16);border-radius:calc(var(--u) * 15);color:#eee;font:inherit;font-size:calc(var(--u) * 20);cursor:pointer;background:#1c2230;border:1px solid #ffffff40}.end-turn:hover:not(:disabled){filter:brightness(1.3)}.end-turn:disabled{opacity:.45;cursor:default}.end-turn.passing{background:#3b2a1c}.key-toggle{justify-content:flex-end;align-self:flex-end;align-items:center;gap:calc(var(--u) * 10);color:#fff;font:inherit;font-size:calc(var(--u) * 22);cursor:pointer;background:0 0;border:none;padding:0;display:flex}.key-toggle span{padding:calc(var(--u) * 6) calc(var(--u) * 14);border-radius:calc(var(--u) * 14);background:#b0302acc}.key-toggle.undo span{background:#2c3446cc}.key-toggle kbd{padding:calc(var(--u) * 6) calc(var(--u) * 10);border-radius:calc(var(--u) * 6);font:inherit;background:#222a;border:1px solid #ffffff80}.arena-btn{font:inherit;color:#fff;cursor:pointer;background:#2c3446;border:2px solid #ffffff40;border-radius:24px;padding:12px 18px;font-size:17px;font-weight:600;transition:filter .15s,box-shadow .15s}.arena-btn:hover:not(:disabled){filter:brightness(1.2)}.arena-btn:disabled{opacity:.45;cursor:default}.arena-btn.main{background:linear-gradient(#ff9b3d,#d4621b);border-color:#ffd0a0;box-shadow:0 0 18px #ff8a3d88}.arena-btn.escalated{background:linear-gradient(#e64848,#a92222)}.arena-btn.small{padding:8px 14px;font-size:13px}.amount-picker{background:#000b;border-radius:24px;justify-content:center;align-items:center;gap:14px;padding:6px;font-size:24px;font-weight:700;display:flex}.mana-pool{z-index:50;pointer-events:none;background:radial-gradient(#000c 40%,#0000 75%);border-radius:999px;justify-content:center;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%)}.pool-mana{width:var(--pitch);height:var(--icon);pointer-events:auto;background:0 0;border:none;flex:none;padding:0;animation:.217s linear both pool-mana-in;position:relative}.pool-mana:disabled{cursor:default}.pool-mana img{width:var(--icon);height:var(--icon);border-radius:50%;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 2px 6px #000c}.mana-pool.paying .pool-mana{cursor:pointer}.mana-pool.paying .pool-mana img{box-shadow:0 0 0 2px #fff8,0 0 12px 3px #fff6}.mana-pool.paying .pool-mana:hover img{box-shadow:0 0 0 3px #18c4e0,0 0 14px 4px #18c4e0aa}.pool-count{color:#fff;background:#00000096;border-radius:.4em;padding:0 .25em;font-weight:700;line-height:1;position:absolute}@keyframes pool-mana-in{0%{transform:scale(.511)}50%{transform:scale(1.138)}to{transform:scale(1)}}.amount-picker button{cursor:pointer;border:none;border-radius:50%;width:36px;height:36px;font-size:22px}.browser{z-index:900;position:absolute;inset:0}.browser-hidden{pointer-events:none}.browser-hidden>:not(.view-battlefield){display:none}.view-battlefield{z-index:2;pointer-events:auto;position:absolute}.browser-scrim{background:#05070bcc;position:absolute;inset:0}.browser-header{text-align:center;position:absolute;top:5vh;left:0;right:0}.browser-title{font-size:30px;font-weight:600}.browser-sub{color:#bbb;margin-top:6px;font-size:16px}.browser-card{cursor:pointer}.row-empty{border:2px dashed #ffffff40;border-radius:12px;position:absolute}.browser-scroll{width:40%;position:absolute;left:30%}.browser-buttons{justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;bottom:5vh;left:0;right:0}.browser-buttons .arena-btn:not(.small){min-width:180px}.choice-tile{color:#eee;font:inherit;cursor:pointer;background:linear-gradient(#3a4560,#232a3a);border:3px solid #c9a640;border-radius:12px;padding:18px;font-size:16px;line-height:1.3;transition:transform .15s;overflow-y:auto}.choice-tile:hover{transform:translateY(-12px)scale(1.04);box-shadow:0 0 24px #48a6ffaa}.choice-list{flex-direction:column;align-items:center;gap:12px;width:min(460px,80vw);display:flex;position:absolute;top:16vh;bottom:18vh;left:50%;transform:translate(-50%)}.choice-filter{color:#eee;width:100%;font:inherit;background:#151a26;border:2px solid #c9a640;border-radius:8px;padding:10px 14px;font-size:18px}.choice-items{flex-direction:column;gap:8px;width:100%;padding:4px;display:flex;overflow-y:auto}.choice-item{color:#eee;font:inherit;text-align:left;cursor:pointer;background:linear-gradient(#3a4560,#232a3a);border:2px solid #c9a64099;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;font-size:17px;display:flex}.choice-item:hover{border-color:#48a6ff;box-shadow:0 0 16px #48a6ff88}.choice-swatch{border:2px solid #0008;border-radius:50%;flex:none;width:22px;height:22px}.choice-none{color:#aab;text-align:center;padding:12px}.game-log{z-index:60;color:#aab;pointer-events:none;max-width:260px;font-size:12px;line-height:1.5;position:absolute;top:50%;left:16px}.bridge-status{z-index:2000;color:#ddd;background:#1c2230ee;border-radius:6px;padding:10px 16px;font-size:14px;position:absolute;top:40%;left:50%;transform:translate(-50%)}.damage-numbers{pointer-events:none;position:absolute;inset:0}.damage-number{color:#ff5a4a;text-shadow:0 0 6px #000,0 2px 4px #000;font-weight:800;position:absolute}.browser-amount{z-index:600;position:absolute;transform:translate(-50%)}.choice-tile.static{cursor:default;text-align:center;justify-content:center;align-items:center;display:flex}.choice-tile.static:hover{box-shadow:none;transform:none}.browser-tick{cursor:pointer;justify-content:center;align-items:center;gap:10px;font-size:18px;display:flex;position:absolute;left:0;right:0}.browser-tick input{width:20px;height:20px}.pile-row{cursor:pointer;border:2px solid #0000;border-radius:16px;position:absolute;left:4vw;right:4vw}.pile-row .browser-card{position:absolute;left:-4vw}.pile-row.hovered{background:#48a6ff18;border-color:#48a6ffaa;box-shadow:0 0 24px #48a6ff55}.pile-label{font-size:24px;font-weight:600;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.pile-label span{color:#bbb;font-size:15px;font-weight:400;display:block}.settings-switch{cursor:pointer;align-items:center;gap:10px;padding:6px 4px;font-size:15px;display:flex}.settings-switch input{accent-color:#ff9b3d;width:18px;height:18px}.fps-meter{z-index:950;color:#9fe29f;pointer-events:none;background:#000a;border-radius:4px;padding:3px 8px;font:12px/1.4 ui-monospace,monospace;position:absolute;top:4px;right:66px}.settings-cog{z-index:950;color:#ddd;cursor:pointer;background:#000a;border:2px solid #ffffff40;border-radius:50%;width:40px;height:40px;font-size:22px;position:absolute;top:14px;right:16px}.settings-scrim,.result-scrim{z-index:1000;background:#05070bb0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.settings-menu{background:#1b2130;border:2px solid #c9a64080;border-radius:14px;flex-direction:column;gap:14px;min-width:280px;padding:28px;display:flex}.settings-title{text-align:center;margin-bottom:6px;font-size:24px;font-weight:600}.result-banner{background:linear-gradient(90deg,#0000,#000c 20% 80%,#0000);flex-direction:column;align-items:center;gap:10px;width:100%;padding:36px 80px;display:flex}.result-title{letter-spacing:4px;text-transform:uppercase;font-size:72px;font-weight:800}.result-won .result-title{color:#f3c94b;text-shadow:0 0 30px #f3c94b88}.result-lost .result-title{color:#c9cdd6;text-shadow:0 0 30px #6a7fa888}.result-draw .result-title,.result-over .result-title{color:#e0e0e0}.result-text{color:#ccc;font-size:18px}.result-buttons{gap:16px;margin-top:18px;display:flex}.spectator-bar{z-index:900;background:#1c2230ee;border:1px solid #c9a64060;border-radius:6px;align-items:center;gap:10px;padding:6px 10px 6px 14px;display:flex;position:absolute;top:14px;left:16px}.spectator-label{color:#c9a640;text-transform:uppercase;letter-spacing:1px;font-size:12px;font-weight:600}.spectator-names{color:#dde}.result-show{z-index:950;position:absolute;top:14px;right:70px}.deck-screen{z-index:3000;color:#e8e8e8;background:radial-gradient(at 50% 0,#283247,#10141d 70%);flex-direction:column;display:flex;position:absolute;inset:0}.deck-header{border-bottom:1px solid #ffffff1a;padding:20px 32px 12px}.deck-header h1{margin:0 0 12px;font-size:26px;font-weight:600}.deck-slots{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.deck-slot.deck-game{min-width:150px}.deck-slot{min-width:240px;color:inherit;font:inherit;cursor:pointer;background:#1b2130;border:2px solid #ffffff30;border-radius:10px;flex-direction:column;align-items:flex-start;padding:8px 14px;display:flex}.deck-slot.active{border-color:#ff9b3d;box-shadow:0 0 12px #ff8a3d66}.slot-label{text-transform:uppercase;letter-spacing:.08em;color:#aaa;font-size:11px}.slot-name{font-size:16px;font-weight:600}.deck-play{min-width:160px;margin-left:auto}.deck-back{margin-left:auto}.deck-back+.deck-play{margin-left:0}.lobby-name{align-items:center;gap:10px;display:flex}.lobby-name .deck-search{min-width:180px}.lobby-tabs{gap:10px;margin:18px 0 12px;display:flex}.lobby-tab{min-width:160px}.lobby-table{border-collapse:collapse;width:100%;font-size:14px}.lobby-table th{text-align:left;text-transform:uppercase;letter-spacing:.08em;color:#aaa;border-bottom:1px solid #ffffff30;padding:6px 10px;font-size:11px;font-weight:600}.lobby-table td{border-bottom:1px solid #ffffff14;padding:8px 10px}.lobby-table tr.unavailable td{color:#ffffff70}.lobby-action{text-align:right;white-space:nowrap}.lobby-reason{font-size:12px}.create-scrim{z-index:3100}.login-screen{justify-content:center;align-items:center}.login-box{width:min(420px,90vw)}.login-box label{flex-direction:column;gap:6px;display:flex}.login-server{color:#999;font-size:12px}.create-game form{flex-direction:column;gap:12px;display:flex}.create-game label{align-items:center;gap:12px;display:flex}.create-game label .slot-label{width:90px}.create-game label .deck-search{flex:1}.create-tick{font-size:14px}.create-buttons,.waiting-buttons{justify-content:flex-end;gap:12px;display:flex}.waiting-sub{color:#aaa;font-size:14px}.waiting-players{flex-wrap:wrap;flex:1;justify-content:center;align-items:center;gap:24px 40px;display:flex}.waiting-player{background:#1b2130;border:2px solid #ffffff30;border-radius:14px;flex-direction:column;align-items:center;gap:6px;min-width:280px;padding:40px 24px;display:flex}.waiting-player.empty{color:#ffffff80;border-style:dashed}.waiting-status{text-align:center;color:#ccc;min-height:1.4em;margin-bottom:14px}.waiting-invite{color:#ccc;flex-direction:column;align-items:center;gap:6px;margin-bottom:14px;display:flex}.waiting-invite input{width:min(560px,90vw)}.waiting-vs{color:#aaa;font-size:22px}.waiting-buttons{justify-content:center;padding:0 0 48px}.waiting-buttons .arena-btn{min-width:180px}.lobby-note{color:#c9b98a;margin-top:10px;font-size:14px}.deck-error{background:#6b1f1fcc;border-radius:6px;margin-top:10px;padding:8px 12px;font-size:14px}.deck-body{flex:1;padding:12px 32px 40px;overflow-y:auto}.deck-section-title{align-items:center;gap:14px;margin:18px 0 10px;font-size:18px;font-weight:600;display:flex}.deck-search{color:inherit;font:inherit;background:#0f131b;border:1px solid #ffffff30;border-radius:8px;min-width:260px;padding:7px 12px;font-size:14px}.deck-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}.deck-tile{cursor:pointer;background:#1b2130;border:2px solid #ffffff1f;border-radius:10px;padding:10px 12px;position:relative}.deck-tile:hover{border-color:#ffffff60}.deck-tile.chosen{border-color:#ff9b3d;box-shadow:0 0 10px #ff8a3d66}.deck-name{white-space:nowrap;text-overflow:ellipsis;padding-right:18px;font-size:14px;font-weight:600;overflow:hidden}.deck-meta{color:#aaa;align-items:center;gap:8px;margin-top:6px;font-size:12px;display:flex}.deck-colors{gap:3px;display:inline-flex}.deck-dot{border:1px solid #0006;border-radius:50%;width:12px;height:12px}.deck-remove{color:#aaa;cursor:pointer;background:0 0;border:none;font-size:16px;position:absolute;top:4px;right:6px}.deck-empty{color:#999;font-size:14px}.deck-folder{margin-bottom:8px}.deck-folder-name{color:#ddd;font:inherit;cursor:pointer;background:0 0;border:none;margin:6px 0;padding:2px 0;font-size:14px}.deck-folder-count{color:#888;font-size:12px}.deck-import{background:#1b2130;border:2px solid #c9a64080;border-radius:14px;flex-direction:column;gap:12px;width:min(640px,90vw);padding:24px;display:flex}.deck-text{height:280px;color:inherit;resize:vertical;background:#0f131b;border:1px solid #ffffff30;border-radius:8px;padding:10px;font-family:ui-monospace,monospace;font-size:13px}.deck-result{font-size:14px}.deck-missing{color:#ffb3a0;margin-top:6px}.deck-missing ul{margin:4px 0 0;padding-left:20px}.mana-wheel-shield{z-index:1200;position:fixed;inset:0}.mana-wheel{animation:.333s linear both mana-wheel-in;position:absolute;overflow:visible}@keyframes mana-wheel-in{0%{opacity:0;transform:scale(.5)}30%{transform:scale(1)}40%{opacity:1}60%{transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.mana-wheel-base{fill:#000;opacity:.8}.mana-wheel-tap{opacity:.35;pointer-events:none}.mana-wedge{cursor:pointer;transform-box:view-box;transform-origin:0 0;transition:transform .1s;animation:.25s linear backwards mana-wedge-in}@keyframes mana-wedge-in{0%{transform:scale(.5)}40%{transform:scale(1.02)}to{transform:scale(1)}}.mana-wedge-overlay{fill:#fff;opacity:0;transition:opacity .1s}.mana-wedge:hover{transform:scale(1.07)}.mana-wedge:hover .mana-wedge-overlay{opacity:.698}.mana-wedge.pressed{transition-duration:50ms;transform:scale(1.04)}.mana-wedge.pressed .mana-wedge-overlay{fill:#000;opacity:.549}.confirm-shield{z-index:1200;position:fixed;inset:0}.confirm-widget{box-sizing:border-box;background:#050504;position:absolute}.confirm-button{color:#fff;cursor:pointer;background:#00000073;border:2px solid #fff;width:100%;font-family:inherit;font-weight:600;transition:background .2s;display:block}.confirm-button:hover{animation:.667s linear forwards confirm-flash}@keyframes confirm-flash{0%{box-shadow:inset 0 0 0 999px #ffffff4c}to{box-shadow:inset 0 0 0 999px #ffffff19}}.confirm-button:active{filter:brightness(.78);background:#00000073}.confirm-tail{border-style:solid;border-color:#050504 #0000 #0000;width:0;height:0;position:absolute;top:100%}.mana-symbol{vertical-align:-.12em;width:1em;height:1em;margin:0 .05em;display:inline-block}.tile-mana{aspect-ratio:1;border-radius:50%;width:50%;box-shadow:0 3px 10px #000c}.stack-dock{z-index:60;color:#fff;cursor:pointer;background:#000000b3;border:2px solid #ffffff60;border-radius:50%;justify-content:center;align-items:center;padding:0;line-height:1;display:flex;position:absolute}.stack-dock:hover{border-color:#fff}.stack-dock.docked{border-color:#ffb070}.stack-dock.pulse{animation:1s ease-in-out infinite stack-dock-pulse}@keyframes stack-dock-pulse{50%{box-shadow:0 0 14px 4px #ffb070aa}}.stack-count{z-index:60;align-items:center;gap:8px;display:flex;position:absolute;transform:translate(-50%)}.stack-count-number{color:#fff;text-align:center;background:#000000b3;border:2px solid #fffc;border-radius:999px;min-width:28px;padding:2px 8px;font-weight:700}.zone-tab{z-index:2;position:absolute}.reveal-panel{z-index:40;background:#0008;border-radius:8px;transition-property:opacity;transition-timing-function:linear;animation:.5s linear reveal-panel-in;position:absolute;overflow:visible}@keyframes reveal-panel-in{0%{opacity:0}}.reveal-panel-hidden{opacity:0;pointer-events:none}.reveal-panel-fill{background:#ffffff1c;border-radius:8px;position:absolute;bottom:0;left:0;right:0}.reveal-panel-card{position:absolute}.reveal-panel-buttons{opacity:0;justify-content:center;gap:6px;padding-top:6px;transition:opacity .5s linear;display:flex;position:absolute;top:100%;left:0;right:0}.reveal-panel-buttons.shown{opacity:1}.reveal-panel-buttons .arena-btn{padding:4px 14px;position:static}.browser[data-mode=orderTriggers]{pointer-events:none}.browser[data-mode=orderTriggers] .browser-scrim{display:none}.browser[data-mode=orderTriggers] .browser-card,.browser[data-mode=orderTriggers] .browser-scroll,.browser[data-mode=orderTriggers] .browser-buttons,.browser[data-mode=orderTriggers] .view-battlefield{pointer-events:auto}.order-card{cursor:grab;touch-action:none}.order-label{color:#fff;text-shadow:0 2px 6px #000c;pointer-events:none;font-style:italic;font-weight:600;position:absolute;transform:translateY(-50%)}.order-label.left{transform:translate(-100%,-50%)}.browser[data-mode=orderTriggers] .browser-header{text-shadow:0 2px 8px #000;top:11vh}.choose-x>.arena-btn{z-index:70;padding:0;position:absolute}.choose-x-pay{white-space:pre-line;line-height:1.05}.arena-btn.outlined{background:0 0;border-color:#ffffffb0}.auto-allocate{white-space:nowrap;color:#fff;cursor:pointer;z-index:2;align-items:center;gap:10px;display:flex;position:absolute}.amount-picker.auto span{text-align:center;min-width:2em}.bottom-tag{color:#fff;pointer-events:none;background:#000c;border-radius:12px;padding:4px 14px;font-size:18px;font-weight:700;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.sideboard-screen{z-index:1100;color:#ddd;background:#10141ced;position:absolute;inset:0}.deck-builder{position:absolute;inset:0}.deck-pool{position:absolute}.pool-cell{cursor:pointer;position:absolute;top:0}.pool-cell.used-up .pool-card{filter:brightness(.45)}.pool-pips{justify-content:center;align-items:center;gap:calc(var(--u) * 4);height:calc(var(--u) * 25);display:flex}.pool-pip{width:calc(var(--u) * 12);height:calc(var(--u) * 12);background:#0008;border:1px solid #ffffff80;transform:rotate(45deg)}.pool-pip.on{background:#f0a040;border-color:#ffd9a0}.pool-count{font-size:calc(var(--u) * 18)}.pool-card{transition:transform .1s;position:relative}.pool-cell:hover .pool-card{transform:scale(1.04)}.deck-card-img,.pool-card .card-box,.deck-column-card .card-box{border-radius:4.5%;width:100%;height:100%;position:absolute;inset:0}.pool-arrow{width:calc(var(--u) * 50);color:#ccc;font-size:calc(var(--u) * 44);cursor:pointer;background:#0000008c;border:0;position:absolute;top:0;bottom:0}.pool-arrow:hover{color:#fff}.pool-arrow.prev{left:calc(var(--u) * -60)}.pool-arrow.next{right:calc(var(--u) * -60)}.deck-blade{border-top:calc(var(--u) * 4) solid #e08a2c;background:linear-gradient(#1c2333,#0d1018);position:absolute;bottom:0;left:0;right:0}.deck-title{left:0;top:calc(var(--u) * -74);width:calc(var(--u) * 425);height:calc(var(--u) * 74);align-items:center;gap:calc(var(--u) * 16);padding-left:calc(var(--u) * 30);background:linear-gradient(90deg,#1c2333,#1c233300);display:flex;position:absolute}.deck-title-name{font-size:calc(var(--u) * 26);font-weight:600}.deck-count{white-space:nowrap;font-size:calc(var(--u) * 20);color:#ffffff60}.deck-count.error{color:#b81212;font-weight:600}.deck-columns{position:absolute;bottom:0;left:0;right:0;overflow:auto}.deck-column-card{cursor:pointer;position:absolute}.deck-column-card:hover{filter:brightness(1.15)}.deck-copies{right:calc(var(--u) * -10);top:calc(var(--u) * 6);padding:0 calc(var(--u) * 8);border-radius:calc(var(--u) * 10);font-size:calc(var(--u) * 20);background:#000c;position:absolute}.deck-preview{z-index:5;pointer-events:none;position:absolute}.deck-buttons{right:calc(var(--u) * 50);bottom:calc(var(--u) * 43);align-items:center;gap:calc(var(--u) * 16);display:flex;position:absolute}.deck-done{width:calc(var(--u) * 270);height:calc(var(--u) * 61);font-size:calc(var(--u) * 24)}.deck-refused{max-width:calc(var(--u) * 420);font-size:calc(var(--u) * 18);color:#ff9c8c}.sideboard-nav{height:calc(var(--u) * 75);z-index:2;background:#000000a0;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.sideboard-players{width:calc(var(--u) * 380);padding:calc(var(--u) * 6) calc(var(--u) * 10) calc(var(--u) * 6) calc(var(--u) * 20);flex-direction:column;display:flex}.sideboard-player{justify-content:space-between;align-items:center;display:flex}.sideboard-name{font-size:calc(var(--u) * 24);color:#ccc}.sideboard-pips{gap:calc(var(--u) * 4);display:flex}.nav-pip{width:calc(var(--u) * 16);height:calc(var(--u) * 16);border:1px solid #ffffff80;transform:rotate(45deg)}.nav-pip.on{background:#f0a040}.sideboard-timer{align-items:center;gap:calc(var(--u) * 20);padding-right:calc(var(--u) * 400);flex:1;display:flex}.sideboard-clock{width:calc(var(--u) * 100);font-size:calc(var(--u) * 26);color:#fff8d8}.sideboard-bar{height:calc(var(--u) * 26);border-radius:calc(var(--u) * 13);background:#ffffff20;flex:1;overflow:hidden}.sideboard-bar-fill{background:linear-gradient(90deg,#e08a2c,#ffc060);height:100%}.sideboard-view{right:calc(var(--u) * 80);top:calc(var(--u) * 14);width:calc(var(--u) * 192);height:calc(var(--u) * 47);font-size:calc(var(--u) * 18);z-index:3;padding:0;position:absolute}.sideboard-return{right:calc(var(--u) * 80);top:calc(var(--u) * 14);z-index:1100;width:calc(var(--u) * 270);height:calc(var(--u) * 60);position:absolute}.sideboard-waiting{z-index:6;font-size:calc(var(--u) * 36);background:#000a;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.sideboard-intro{z-index:7;background:#000000db;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.sideboard-intro-text{font-size:calc(var(--u) * 68);color:#fff}.tournament-screen{z-index:3000;color:#e8e8e8;background:radial-gradient(at 50% 0,#283247,#10141d 70%);position:absolute;inset:0}.event-upper-left{width:60%;left:0;top:calc(80 * var(--u));padding-left:calc(50 * var(--u));gap:calc(25 * var(--u));flex-direction:column;display:flex;position:absolute;bottom:25%}.event-title{font-size:calc(44 * var(--u));margin:0;font-weight:600}.event-description{color:#aaa;font-size:calc(22 * var(--u))}.event-body{flex:1;padding-right:12px;overflow-y:auto}.tournament-standings tr.me td{color:#ffd27a}.tournament-results{color:#aaa;font-size:12px}.tournament-round{margin-top:18px}.tournament-match{border-bottom:1px solid #ffffff14;justify-content:space-between;gap:12px;padding:6px 10px;font-size:14px;display:flex}.tournament-match.me{color:#ffd27a}.tournament-games{color:#ccc;gap:10px;display:flex}.event-lower-right{top:0;left:80.3%;right:0;bottom:calc(35 * var(--u));justify-content:flex-end;align-items:center;gap:calc(10 * var(--u));flex-direction:column;display:flex;position:absolute}.event-standing{flex-direction:column;align-items:center;gap:4px;display:flex}.event-place{font-size:calc(56 * var(--u));font-weight:600}.event-status{text-align:center;color:#ccc;min-height:2.6em;padding:0 12px}.event-main{width:calc(270 * var(--u));height:calc(61 * var(--u))}.event-resign{right:calc(19.7% + 24 * var(--u));bottom:calc(35 * var(--u));position:absolute}.suggest-lands{left:calc(var(--u) * 445);white-space:nowrap;position:absolute}.draft-screen{z-index:3000;color:#e8e8e8;background:radial-gradient(at 40% 30%,#283247,#10141d 75%);position:absolute;inset:0}.draft-header{justify-content:space-between;align-items:center;gap:calc(var(--u) * 20);display:flex;position:absolute}.draft-seat{text-align:center;color:#ccc;font-size:calc(var(--u) * 20);flex:1}.draft-chevrons{font-size:calc(var(--u) * 40);color:#ffd27a;letter-spacing:calc(var(--u) * 6)}.draft-me{min-width:calc(var(--u) * 400);flex-direction:column;align-items:center;display:flex}.draft-name{font-size:calc(var(--u) * 16);color:#aaa}.draft-position{font-size:calc(var(--u) * 18);font-weight:600}.draft-card{cursor:pointer;border-radius:calc(var(--u) * 10);transition:transform .12s;position:absolute}.draft-card:hover{transform:scale(1.04)}.draft-card.reserved{outline:calc(var(--u) * 4) solid #ffb84d;box-shadow:0 0 calc(var(--u) * 24) #ffb84d}.draft-card.locked{cursor:default;filter:brightness(.6)}.draft-tag{left:50%;bottom:calc(var(--u) * -14);padding:calc(var(--u) * 4) calc(var(--u) * 12);border-radius:calc(var(--u) * 12);color:#1a1a1a;font-weight:600;font-size:calc(var(--u) * 16);white-space:nowrap;background:#ffb84d;position:absolute;transform:translate(-50%)}.draft-waiting{left:0;right:calc(var(--u) * 415);text-align:center;font-size:calc(var(--u) * 26);color:#ccc;position:absolute;top:45%}.draft-blade{background:#10141dd0;border-left:1px solid #ffffff1a;position:absolute;top:0;bottom:0;right:0}.draft-blade-title{top:calc(var(--u) * 110);left:calc(var(--u) * 30);gap:calc(var(--u) * 16);align-items:baseline;display:flex;position:absolute}.draft-picks{left:calc(var(--u) * 20);right:calc(var(--u) * 20);position:absolute;overflow-y:auto}.draft-pick-row{padding:calc(var(--u) * 6) calc(var(--u) * 10);margin-bottom:calc(var(--u) * 4);border-radius:calc(var(--u) * 6);font-size:calc(var(--u) * 18);background:#ffffff10;justify-content:space-between;gap:8px;display:flex}.draft-pick-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.draft-footer{align-items:center;display:flex;position:absolute}.draft-clock{font-size:calc(var(--u) * 26);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;display:flex}.draft-bar{border-radius:calc(var(--u) * 13);background:#ffffff20;position:absolute;overflow:hidden}.draft-confirm{position:absolute;right:0}.zone-counts{z-index:40;padding:calc(var(--zu) * 5) calc(var(--zu) * 7);border-radius:calc(var(--zu) * 4);pointer-events:none;opacity:0;background:#0b0e14d8;border:1px solid #ffffff30;flex-direction:column;transition:opacity 2s linear;display:flex;position:absolute}.zone-counts.shown{opacity:1;transition:opacity .5s linear}.zone-counts-bottom{gap:calc(var(--zu) * 2);flex-direction:column;bottom:20%;left:0}.zone-counts-top{top:0;left:calc(80% + 40 * var(--zu));gap:calc(var(--zu) * 3);transform:translate(-50%)}.zone-count-row{gap:calc(var(--zu) * 1);display:flex}.zone-count-cell{width:calc(var(--zu) * 40);height:calc(var(--zu) * 15);color:#e8e8e8;align-items:center;display:flex}.zone-count-cell.lit{color:#ffeb04}.zone-count-icon{width:40%;height:100%}.zone-count-number{width:60%;font-size:calc(var(--zu) * 12);font-weight:600}.pool-counter{display:inline-block}.pool-counter img{padding:calc(var(--icon) * .12);box-sizing:border-box;background:#e8e2d4}.counter-letters{width:var(--icon);height:var(--icon);color:#1a1a1a;font-weight:700;font-size:calc(var(--icon) * .42);background:#e8e2d4;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 2px 6px #000c}.command-effect{box-sizing:border-box;padding:calc(var(--card-h) * .05);border-radius:calc(var(--card-h) * .05);color:#eee;transform-origin:0;background:linear-gradient(#2a2f3c,#151922);border:2px solid #c9b98a;transition:transform .15s;position:absolute;overflow:hidden;box-shadow:0 4px 12px #000c}.command-effect:hover{overflow:auto;transform:scale(2.2);z-index:100!important}.command-effects.top .command-effect{transform-origin:100% 0}.command-effect.kind-designation{background:linear-gradient(#4a3a12,#1d1708);border-color:#ffd27a}.command-effect-name{font-weight:700;font-size:calc(var(--card-h) * .1);line-height:1.1}.command-effect-kind{font-size:calc(var(--card-h) * .07);color:#c9b98a;margin-bottom:3px}.command-effect-rules{font-size:calc(var(--card-h) * .065);line-height:1.2}.command-page{color:#eee;cursor:pointer;background:#0008;border:none;border-radius:6px;height:22px;position:absolute}
