:root{color-scheme:dark;font-family:Avenir Next,Segoe UI,sans-serif;color:#e7e9df;background:#10191f;font-synthesis:none;--ink: #10191f;--panel: #162129;--line: #314047;--muted: #91a2a9;--pale: #e7e9df;--cyan: #88dbe4;--coral: #f59c8d;--mono: "SFMono-Regular", Consolas, monospace;--class: var(--cyan)}*{box-sizing:border-box}body{margin:0;min-width:760px;background:radial-gradient(ellipse at 8% 0%,#21313870,transparent 48%),#10191f}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}button{color:inherit}p{line-height:1.6}.frost_mage{--class: var(--cyan)}.sub_rogue{--class: var(--coral)}.arms_warrior{--class: #d4b879}.warlock{--class: #ba9dea}.app-shell{max-width:1600px;margin:0 auto;padding:0 48px}.site-header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{text-decoration:none;font-weight:700;font-size:19px;letter-spacing:2px;display:flex;align-items:center;gap:12px}.wordmark-symbol{color:var(--cyan);font-size:33px;font-weight:400}.edition{border-left:1px solid var(--line);padding-left:15px;margin-left:8px;font:10px var(--mono);color:var(--muted);letter-spacing:1px}.header-meta{font:10px var(--mono);letter-spacing:1.3px;display:flex;gap:10px;align-items:center;color:var(--muted)}.header-actions{display:flex;align-items:center;gap:28px}.social-menu{position:relative;z-index:120}.social-toggle{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:8px;min-width:64px;height:42px;padding:8px 12px;border:1px solid var(--line);background:#162129;color:#c3d3d8}.social-toggle:hover,.social-toggle[aria-expanded=true]{color:var(--cyan);border-color:#73959d;background:#21333b}.social-toggle svg{width:23px;height:23px}.social-count{font:10px var(--mono)}.social-notification{position:absolute;top:5px;right:5px;width:5px;height:5px;border-radius:50%;background:var(--coral)}.social-dismiss-layer{position:fixed;z-index:0;inset:0}.social-popover{position:absolute;z-index:1;right:0;top:calc(100% + 12px);width:360px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 112px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;background:#18262d;border:1px solid #607982;box-shadow:0 18px 56px #0009}.social-popover:focus{outline:none}.social-heading{position:sticky;z-index:1;top:0;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:17px 16px;border-bottom:1px solid #435961;background:#1d2e36}.social-heading h2{font:21px Georgia,serif;letter-spacing:-.5px;margin:0}.social-connection-status{display:flex;align-items:center;gap:6px;color:var(--muted);font:9px var(--mono);white-space:nowrap}.social-connection-status.online{color:#b4ceab}.social-player{display:grid;grid-template-columns:28px minmax(0,1fr) 54px;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line)}.social-player>.class-emblem{width:28px;height:34px;color:var(--class)}.social-player-identity{min-width:0}.social-player-identity>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.social-player-identity strong{font-size:13px;font-weight:600;overflow-wrap:anywhere}.social-player-class{display:block;color:var(--class);font:10px var(--mono);margin-top:5px}.social-player-identity small{color:var(--muted);font-size:8px}.social-you{font:8px var(--mono);color:var(--cyan)}.social-player-status{display:flex;align-items:center;gap:5px;color:var(--muted);font:9px var(--mono);margin-top:5px}.social-player-status i{width:4px;height:4px;background:#71838a}.social-player-status.available i{background:#adc99b}.social-player-status.challenged{color:#d4b879}.social-player-status.challenged i{background:#d4b879}.social-player-status.dueling{color:#b2bdc2}.social-player>.button{min-width:54px;padding:9px 10px;font-size:11px}.social-empty{padding:18px 16px;border-bottom:1px solid var(--line)}.social-empty p{margin:0;color:var(--muted);font-size:12px;line-height:1.7}.social-empty>.button{margin-top:14px;padding:9px 14px;font-size:11px}.social-profile{padding:16px;background:#132128}.social-field{display:block;margin-top:14px}.social-field>span{display:block;color:#a6b6bd;font:10px var(--mono);margin-bottom:8px}.social-field input,.social-field select{width:100%;min-width:0;background:#0d1920;border:1px solid #4b606b;color:var(--pale);padding:10px;font:11px var(--mono);border-radius:0}.social-field select:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.social-class-field{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:10px;margin:0}.social-class-field>span{margin:0}.social-edit-name summary{width:fit-content;margin-top:14px;cursor:pointer;color:var(--cyan);font-size:11px}.social-edit-name form{margin-top:12px}.social-edit-name .social-field{margin:0}.social-profile form>button{margin-top:10px;font-size:11px}.social-footnote{font-size:10px;line-height:1.6;color:#92a6af;margin:12px 0 0}.challenge-card{padding:24px;border:1px solid #839597;background:#1b2c33;margin-top:20px}.challenge-card h2{font:28px Georgia,serif;margin:15px 0 9px;overflow-wrap:anywhere}.challenge-card p{font-size:12px;line-height:1.6;color:#bdcbd0;margin:0}.challenge-card p strong{color:var(--class);font-weight:500}.challenge-topline{display:flex;align-items:center;justify-content:space-between;gap:12px}.challenge-topline>span:last-child{font:10px var(--mono);color:#d4b879}.challenge-actions{display:flex;align-items:center;gap:18px;margin-top:18px}.challenge-actions .button{padding:12px 15px;font-size:11px}.challenge-actions .text-button{font-size:11px}.challenge-actions>.subtle{font-size:11px}.social-popover .challenge-card{margin:0;padding:16px;border:0;border-bottom:1px solid #536d77;background:#20343c}.social-popover .challenge-card h2{font-size:22px;margin:10px 0 7px}.social-popover .challenge-topline .eyebrow{font-size:9px}.social-popover .challenge-actions{gap:12px;flex-wrap:wrap;margin-top:14px}.social-popover .challenge-actions .button{padding:10px 12px}.social-invitation-toast{position:fixed;z-index:30;right:28px;top:112px;width:326px;box-shadow:0 16px 60px #0008}.social-invitation-toast .challenge-card{margin:0;border-color:var(--cyan)}.social-message{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:12px 17px;border:1px solid #536d77;background:#172a32;color:#c5d5d9;font-size:12px}@media(max-width:1150px){.header-meta{display:none}}@media(max-width:850px){.social-invitation-toast{width:300px;right:12px}}.status-light{display:inline-block;flex-shrink:0;width:6px;height:6px;background:#adc99b;border-radius:50%;box-shadow:0 0 9px #adc99b30}.status-light.warning{background:var(--coral)}.site-footer{border-top:1px solid var(--line);padding:24px 0;margin-top:45px;display:flex;justify-content:space-between;color:#72868f;font:9px var(--mono);letter-spacing:1px}.eyebrow,.small-label{font:10px var(--mono);letter-spacing:1.1px;color:var(--muted)}.eyebrow{display:block}.rule-line{display:inline-block;width:26px;height:1px;background:var(--cyan);vertical-align:middle;margin-right:12px}.home{display:grid;grid-template-columns:1.2fr 1fr;gap:8%;padding:74px 0 20px}.home h1{font-family:Georgia,Times New Roman,serif;font-weight:400;font-size:clamp(45px,4.7vw,74px);line-height:1.07;letter-spacing:-3px;margin:29px 0 24px}.home h1 em{color:var(--cyan);font-weight:400}.intro-copy{max-width:455px;color:#a9b7bc;font-size:16px;line-height:1.75}.match-principles{display:flex;gap:29px;margin-top:38px}.match-principles>div{display:flex;align-items:flex-start;gap:12px}.match-principles strong{color:var(--cyan);font:11px var(--mono);padding-top:4px}.match-principles span{font-size:12px;color:#a9b7bc;line-height:1.65}.arena-sketch{height:220px;position:relative;overflow:hidden;margin-top:40px;border:1px solid #30414a80;background:linear-gradient(90deg,transparent 49.8%,#43565b35 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,#43565b35 50%,transparent 50.2%)}.sketch-ring{position:absolute;border:1px solid #78949f20;border-radius:50%;width:360px;height:360px;top:50%;left:50%;transform:translate(-50%,-50%)}.sketch-ring.inner{width:220px;height:220px}.sketch-duelist{position:absolute;top:47%;transform:translate(-50%,-50%)}.sketch-duelist.mage{left:29%;color:var(--cyan)}.sketch-duelist.rogue{left:72%;color:var(--coral)}.sketch-duelist .class-emblem{width:92px;height:92px}.sketch-line{height:1px;width:16%;position:absolute;left:43%;top:47%;background:linear-gradient(90deg,var(--cyan),var(--coral));opacity:.6}.sketch-caption{position:absolute;bottom:15px;left:20px;font:8px var(--mono);color:#657d88;letter-spacing:2px}.entry-panel{align-self:start;background:#18232a;border:1px solid #405057;padding:28px;box-shadow:0 28px 50px #0002;position:relative}.entry-panel:before{position:absolute;content:"";width:60px;height:2px;background:var(--cyan);top:-1px;left:28px}.panel-topline{display:flex;justify-content:space-between;color:var(--muted);font:10px var(--mono);letter-spacing:1px;padding-bottom:22px;border-bottom:1px solid var(--line)}h2{font-weight:500;letter-spacing:-.8px}.entry-panel h2{font-size:28px;margin:26px 0 8px}.subtle{color:var(--muted);font-size:13px;margin:0}.class-picker{display:grid;gap:12px;margin:25px 0}.class-choice{background:#101a21;border:1px solid #35454d;display:flex;text-align:left;align-items:center;gap:13px;padding:14px;transition:border-color .15s,background .15s}.class-choice.selected{border-color:var(--class);background:color-mix(in srgb,var(--class) 8%,#101a21)}.class-choice:hover{border-color:var(--class)}.class-choice .class-emblem{color:var(--class);width:57px;height:57px}.class-choice strong{display:block;font-weight:600;font-size:17px;margin-bottom:5px}.class-choice small{font-size:11px;color:var(--muted)}.radio-mark{margin-left:auto;color:var(--class);font-size:21px}.button{white-space:nowrap;border:1px solid transparent;min-height:46px;padding:13px 18px;display:inline-flex;justify-content:center;align-items:center;gap:22px;font-size:13px;font-weight:600;transition:background .15s,transform .15s}.button.primary{background:var(--pale);color:#13222a}.button.primary:hover:not(:disabled){background:var(--cyan)}.button.secondary{background:transparent;border-color:#53666f}.button.secondary:hover:not(:disabled){background:#2b3e48}.button:active:not(:disabled){transform:translateY(1px)}.button:disabled{opacity:.42}.button.full{width:100%;justify-content:space-between}.divider-label{display:flex;align-items:center;gap:12px;color:#81969f;font:9px var(--mono);letter-spacing:1px;margin:23px 0}.divider-label span{height:1px;background:var(--line);flex:1}.join-form{display:flex;gap:9px}.join-form input{width:100%;min-width:0;background:#101a21;border:1px solid #3f515a;padding:13px;letter-spacing:3px;font:15px var(--mono);color:var(--pale)}.join-form input::placeholder{color:#82949d;letter-spacing:2px;font-size:12px}.entry-note{color:var(--muted);font-size:11px;margin:14px 0 25px}.entry-controls{border-top:1px solid var(--line);padding-top:19px;font-size:10px;color:var(--muted);display:flex;align-items:center;gap:8px}kbd{font:9px var(--mono);border:1px solid #4b5b63;background:#ffffff05;padding:4px 6px;color:#c8d4d7;border-radius:2px;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-button{border:0;background:none;font:11px var(--mono);padding:5px 0;color:#bac9cd}.text-button:hover{color:var(--cyan)}.notification-stack{position:fixed;z-index:110;top:12px;left:50%;transform:translate(-50%);width:min(420px,calc(100vw - 860px));display:grid;gap:10px;pointer-events:none}.notification-stack>div{pointer-events:auto;box-shadow:0 8px 28px #0006;overflow-wrap:anywhere}.notification-stack .icon-button{flex-shrink:0}@media(max-width:1150px){.notification-stack{left:auto;right:90px;transform:none;width:min(420px,calc(100vw - 390px))}}.error-banner{padding:12px 17px;display:flex;justify-content:space-between;align-items:center;gap:18px;background:#532f2b;border:1px solid #a86152;font-size:13px}.icon-button{background:none;border:none;font-size:25px;line-height:1}.match{margin-top:23px}.match-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.room-label,.match-heading-right{display:flex;align-items:center;gap:18px}.room-code{border:0;padding:0;color:var(--pale);background:none;font:22px var(--mono);letter-spacing:4px}.room-code:hover{color:var(--cyan)}.room-label .small-label{font-size:8px;letter-spacing:.5px}.network-status{display:flex;align-items:center;gap:7px;color:var(--muted);font:10px var(--mono)}.match-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:24px;align-items:start}.duel-column{min-width:0}.combat-topbar{display:grid;grid-template-columns:1fr 140px 1fr;align-items:start;gap:20px;padding:19px 20px 17px;background:#18252d;border:1px solid #3a4d56;border-bottom:0;min-height:116px}.player-name{display:flex;align-items:baseline;gap:10px;padding-bottom:3px}.player-name>span{font:8px var(--mono);color:var(--class);letter-spacing:1px}.player-name strong{font-size:15px;font-weight:500}.player-health.opponent{text-align:right}.player-health.opponent .player-name{flex-direction:row-reverse}.health-track{height:5px;background:#08121a}.shield-track{height:4px;margin-bottom:3px;background:#08121a;visibility:hidden}.shield-track.active{visibility:visible}.shield-track>span{display:block;width:var(--value);height:100%;background:#bce4e9;transition:width .12s linear}.health-track>span{height:100%;width:var(--value);display:block;background:var(--class);transition:width .12s linear}.health-caption{display:flex;justify-content:space-between;margin-top:8px;font:11px var(--mono)}.health-caption small{color:#95a9b3;font-size:9px}.opponent .health-caption{flex-direction:row-reverse}.shield-label{font-size:8px;color:#bce4e9}.empowered-state{color:#ffd28a;font:9px var(--mono);margin-top:6px}.round-score{text-align:center;margin-top:-4px}.score-numbers{font:32px var(--mono);line-height:1.2;letter-spacing:5px}.score-numbers span{color:#687e89;font-size:22px}.round-caption{color:#adc0c7;font:8px var(--mono);letter-spacing:1px;margin-top:6px}.phase-label{color:#7f97a2;font:8px var(--mono);text-transform:uppercase;margin-top:6px;letter-spacing:1px}.arena-stage{border:1px solid #3a4d56;position:relative;background:#14232c}.arena-canvas{width:100%;height:clamp(300px,calc(100vh - 455px),640px);position:relative;outline:none;cursor:crosshair}.arena-canvas canvas{display:block}.round-clock{position:absolute;top:14px;left:50%;transform:translate(-50%);text-align:center;pointer-events:none}.round-clock>span{display:block;font:26px var(--mono);color:#c9d4d4;line-height:1}.round-clock span small{font-size:10px;margin-left:3px}.round-clock>small{font:7px var(--mono);color:#77909a;display:block;margin-top:6px}.round-clock.sudden-death>span{color:var(--coral)}.round-clock strong{font:8px var(--mono);color:var(--coral);display:block;margin-top:7px}.lobby-panel{border:1px solid #3a4d56;background:radial-gradient(ellipse at 50% 45%,#26384070,transparent 60%),#142129;padding:37px;min-height:530px}.lobby-panel h2{font:35px Georgia,serif;margin:14px 0 12px}.inline-code{color:var(--pale);font-family:var(--mono);letter-spacing:2px}.lobby-players{display:grid;grid-template-columns:1fr 1fr;margin:30px 0}.lobby-player{text-align:center}.lobby-player:first-child{border-right:1px solid var(--line)}.class-emblem.large{width:126px;height:126px;color:var(--class);margin-bottom:13px}.lobby-player h3{font-size:23px;font-weight:500;margin:12px 0}.lobby-player .small-label{color:var(--class)}.lobby-actions{display:flex;justify-content:space-between;align-items:center;gap:18px;padding-top:25px;border-top:1px solid var(--line)}.class-switch{display:flex;border:1px solid #4a5c65}.class-switch button{padding:12px;background:transparent;color:var(--muted);border:0;font-size:11px}.class-switch button.active{background:#34474f;color:var(--pale)}.lobby-tip{margin:20px 0 0;font-size:11px;color:var(--muted)}.match-sidebar{display:grid;gap:17px}.sidebar-panel{border:1px solid #34464f;padding:17px;background:#152129}.panel-heading{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;border-bottom:1px solid var(--line);margin-bottom:15px}.panel-heading h2{margin:0;font-size:14px;letter-spacing:0}.panel-heading>span{font:8px var(--mono);color:#849ca6;letter-spacing:1px}.movement-guide{display:grid;grid-template-columns:max-content 1fr;gap:9px 12px;align-items:center;font-size:11px}.control-abilities{border-top:1px solid var(--line);margin-top:15px;padding-top:13px;display:grid;gap:9px}.control-abilities>div{display:flex;align-items:center;gap:12px}.control-abilities kbd{width:45px;text-align:center}.control-abilities span{font-size:11px}.control-abilities small{color:var(--muted);font-size:9px}.control-tip,.class-tip{font-size:10px;color:var(--muted);line-height:1.7;margin:14px 0 0}.class-tip{border-left:2px solid var(--class);padding-left:10px;color:#bdcbd0}.build-owner+.build-owner{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}.build-owner .eyebrow{color:var(--class);font-size:8px}.build-owner p{font-size:11px;color:var(--muted);margin:10px 0 0}.build-owner ol{margin:10px 0 0;padding-left:18px;color:var(--class);font:11px var(--mono);line-height:1.9}.build-owner li{padding-left:3px}.network-panel summary{list-style:none;display:flex;justify-content:space-between;cursor:pointer;font-size:13px}.network-panel summary span{font:8px var(--mono);color:#a4c793}.debug-readout{display:grid;grid-template-columns:1fr auto;gap:10px;margin:19px 0;font-size:10px}.debug-readout span{color:var(--muted)}.debug-readout strong{font:10px var(--mono);font-weight:400}.network-slider{display:flex;flex-wrap:wrap;justify-content:space-between;color:var(--muted);font-size:10px;gap:5px;margin-top:13px}.network-slider strong{font:10px var(--mono);color:#ced8d8}.network-slider input{width:100%;accent-color:var(--cyan);height:14px;margin:3px 0}.network-panel>p{font-size:9px;color:var(--muted);margin:12px 0 0}.network-preset{font-size:9px;margin-top:10px;text-align:left}.playtest-note{border-left:1px solid #52666e;padding:0 17px}.playtest-note>span{font:8px var(--mono);color:#93a9b0;letter-spacing:1px}.playtest-note p{font-size:11px;color:var(--muted);margin:9px 0}.ability-panel{background:#18252d;border:1px solid #3a4d56;border-top:0;padding:15px}.ability-status{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;justify-content:space-between;min-height:20px;margin-bottom:10px;font:8px var(--mono);color:var(--muted);letter-spacing:.7px}.combo-points{display:flex;flex-shrink:0;gap:12px;align-items:center;margin-left:auto;padding:7px 11px;border:1px solid #f59c8d42;border-radius:3px;background:#10191f;color:var(--coral);font-size:9px}.combo-pips{display:flex;align-items:center;gap:10px;padding:0 3px}.combo-pip{display:block;border:1px solid currentColor;width:11px;height:11px;transform:rotate(45deg);background:#28323a}.combo-pip.filled{background:currentColor}.combo-points>strong{font-size:15px;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:0}.combo-points>strong>span{font-size:10px;color:var(--muted)}.combo-points.full-combo{color:#d4b879;border-color:#d4b87988}.ability-slot.empowered-ability{border-color:#d4b879;background:#282923}.ability-slot.empowered-ability>small{color:#d4b879}.ability-slot.teleporter-ready{border-color:#aa8bd2;background:#2a253d}.ability-slot.teleporter-ready>small,.ability-slot.teleporter-ready .ability-key>span{color:#d6baff}.cast-progress{height:3px;background:#09141c;margin:0 0 10px}.cast-progress>span{display:block;background:var(--class, var(--cyan));height:100%;width:var(--value)}.abilities{display:flex;gap:8px}.ability-slot{min-width:0;flex:1;border:1px solid #405760;background:#142129;position:relative;padding:10px;overflow:hidden;font:inherit;color:inherit;text-align:left;cursor:help}.ability-slot:hover,.ability-slot:focus-visible{border-color:var(--class)}.ability-slot:focus-visible{outline-offset:2px}.ability-slot.locked{opacity:.45}.ability-key{display:flex;align-items:center;justify-content:space-between;gap:3px;position:relative;margin-bottom:12px}.ability-key kbd{font-size:8px;padding:3px 4px}.ability-key>span{font:7px var(--mono);color:var(--class)}.ability-slot.cooling .ability-key>span{font-size:13px;color:var(--pale)}.ability-slot>strong{display:block;font-size:11px;font-weight:500;white-space:nowrap;position:relative}.ability-slot>small{display:block;color:#94aab4;font-size:9px;position:relative;margin-top:5px}.cooldown-fill{position:absolute;left:0;right:0;bottom:0;height:var(--value);background:#a8ced513}.ability-tooltip{position:fixed;z-index:100;width:340px;max-width:calc(100vw - 24px);overflow-y:auto;overscroll-behavior:contain;padding:18px;border:1px solid #627780;border-top:2px solid var(--class);border-radius:4px;background:#101c24;color:var(--pale);box-shadow:0 12px 36px #0008;font-size:12px;line-height:1.55}.ability-tooltip-heading{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font:8px var(--mono);letter-spacing:.8px}.ability-tooltip-heading>span:first-child{color:var(--class)}.ability-tooltip h3{margin:10px 0 8px;font-size:20px;font-weight:500}.ability-tooltip p{margin:8px 0 14px}.ability-tooltip-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;padding:13px 0;margin:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.ability-tooltip-stats dt{color:var(--muted);font-size:10px}.ability-tooltip-stats dd{margin:2px 0 0;font:11px/1.5 var(--mono)}.ability-tooltip-notes{margin:13px 0 0;padding-left:16px;color:#bdcbd0;font-size:11px}.ability-tooltip-notes li+li{margin-top:7px}.ability-tooltip-talents{margin-top:15px;padding-top:12px;border-top:1px solid var(--line)}.ability-tooltip-talents h4{color:var(--class);margin:0 0 8px;font:10px var(--mono);text-transform:uppercase;letter-spacing:.7px}.ability-tooltip-talents p{font-size:11px;color:#bdcbd0;margin:8px 0 0}.ability-tooltip-talents strong{display:block;color:var(--pale);font-weight:500}.phase-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:35px;text-align:center;background:#101b24ed}.phase-overlay h2{font:45px Georgia,serif;letter-spacing:-1px;margin:20px 0 9px}.phase-overlay p{color:#a6bbc4;font-size:13px;max-width:460px}.countdown-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#0f1c2370;pointer-events:none}.countdown-overlay>strong{font:125px Georgia,serif;color:var(--pale);margin:12px 0 0}.countdown-overlay p{color:#b1c5cd;font-size:13px}.result-score{font:72px var(--mono);margin:16px 0 24px}.result-score span{color:#627d8b}.match-result .button{white-space:nowrap;margin:20px 0}.reveal-choices{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:25px;width:100%;max-width:650px;text-align:left}.reveal-choices>div{border-top:2px solid var(--class);padding:23px 20px;background:#20313b}.reveal-choices h3{font-size:24px;font-weight:500;margin:18px 0 10px;color:var(--class)}.reveal-choices p{font-size:12px}.disconnect-overlay{z-index:4;background:#101b24f5}.talent-overlay{position:absolute;inset:0;overflow:auto;padding:22px;background:#122029fc;display:flex;flex-direction:column}.talent-heading{display:flex;justify-content:space-between;align-items:center}.talent-heading h2{margin:8px 0 0;font:30px Georgia,serif}.talent-point{display:flex;align-items:center;gap:10px;color:var(--class);font:39px var(--mono)}.talent-point small{font:8px/1.6 var(--mono);width:42px;color:var(--muted)}.talent-instructions{font-size:10px;color:var(--muted);margin:13px 0 16px;max-width:640px}.talent-tree{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.talent-branch h3{margin:0 0 10px;text-transform:uppercase;color:var(--class);font:10px var(--mono);letter-spacing:1.8px}.talent-node{display:block;text-align:left;width:100%;min-height:96px;padding:10px;border:1px solid #334b57;background:#192a34;margin-top:11px;position:relative}.talent-node+.talent-node:before{position:absolute;content:"";width:1px;height:11px;top:-12px;left:50%;background:#42606e}.talent-node.legal{border-color:#6b8f9b;background:#233844}.talent-node.legal:hover,.talent-node.chosen{border-color:var(--class);background:color-mix(in srgb,var(--class) 11%,#15212a)}.talent-node.owned{border-color:#587878}.talent-node:not(.legal):not(.owned):not(.chosen){opacity:.55}.talent-node-top{display:flex;align-items:baseline;gap:7px}.tier-label{font:8px var(--mono);color:#8aa6b3}.talent-node-top strong{font-size:11px;font-weight:500}.talent-node-top>span:last-child{margin-left:auto;color:var(--class);font-size:11px}.talent-node p{font-size:9px;line-height:1.5;margin:7px 0;color:#b4c7cf}.talent-node small{display:block;font:7px/1.5 var(--mono);color:#8ca8b5}.talent-lock-bar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:20px;padding-top:15px;border-top:1px solid var(--line);position:sticky;bottom:-22px;background:#122029;padding-bottom:15px}.talent-lock-bar strong{font-size:12px;font-weight:500;display:block}.talent-lock-bar span{display:block;font-size:9px;margin-top:5px;color:#9fb6c0}.talent-lock-bar .button{white-space:nowrap;flex-shrink:0;font-size:11px;padding:10px 15px}.talent-lock-bar .button span{color:inherit;font-size:15px;margin:0}@media(min-width:1500px){.home{padding-top:100px;padding-bottom:45px}.entry-panel{padding:35px}.class-choice{padding:18px}.talent-node{min-height:102px}.talent-node p{font-size:10px}}@media(max-width:1150px){.app-shell{padding:0 25px}.home{gap:35px;padding-top:45px}.home h1{font-size:50px;letter-spacing:-2px}.entry-panel{padding:23px}.match-principles{gap:13px}.match-principles>div{gap:6px}.match-principles span{font-size:10px}.match-layout{grid-template-columns:minmax(0,1fr) 215px;gap:15px}.combat-topbar{gap:12px;grid-template-columns:1fr 100px 1fr;padding:17px 13px}.player-name{gap:5px}.player-name strong{font-size:12px}.ability-slot{padding:7px}.ability-slot>strong{font-size:9px}.abilities{gap:5px}.ability-key{flex-wrap:wrap}.lobby-panel{padding:25px}.lobby-actions{align-items:stretch;flex-direction:column}.lobby-panel h2{font-size:30px}.class-switch{justify-content:center}.talent-overlay{padding:16px}.talent-tree{gap:8px}.talent-node{padding:8px}.talent-node-top strong{font-size:10px}.talent-lock-bar{bottom:-16px}.room-label .small-label{display:none}}@media(max-width:850px){.edition,.desktop-only{display:none}.home{grid-template-columns:1fr 1fr;gap:28px}.home h1{font-size:42px}.home-intro .eyebrow{font-size:8px}.match-principles{flex-direction:column}.match-principles span br{display:none}.entry-panel h2{font-size:23px}.class-choice{padding:10px;gap:8px}.class-choice strong{font-size:14px}.class-choice .class-emblem{width:40px}.class-choice small{font-size:9px}.radio-mark{font-size:14px}.entry-controls{flex-wrap:wrap}.match-layout{grid-template-columns:1fr}.match-sidebar{grid-template-columns:repeat(3,1fr)}.playtest-note{display:none}.site-footer{font-size:8px;gap:20px}.talent-node{min-height:95px}}@media(prefers-reduced-motion:no-preference){.entry-panel{animation:arrive .5s ease-out both}.home-intro{animation:arrive .5s .05s ease-out both}.reveal-choices>div{animation:arrive .3s ease-out both}@keyframes arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.practice-shell.app-shell{max-width:none;padding:0}.practice-shell .site-header{position:fixed;top:20px;right:20px;z-index:120;height:42px;border:0}.practice-shell .notification-stack{top:80px;left:50%;right:auto;transform:translate(-50%);width:min(400px,calc(100vw - 660px))}.practice-shell .practice-home{padding:0;height:100dvh;overflow:hidden}.practice-layout{display:contents}.practice-arena-column{min-width:0}.practice-shell .practice-stage{position:absolute;inset:0;border:0}.practice-shell .practice-stage .arena-canvas,.practice-shell .practice-loading{height:100dvh;width:100%}.practice-loading{display:flex;flex-direction:column;align-items:center;justify-content:center}.practice-loading h2{font:25px Georgia,serif}.target-symbol{color:#dfbf82;font:50px Georgia,serif}.practice-toolbar{display:contents}.practice-shell .practice-class-switch{position:fixed;z-index:20;top:20px;left:20px;display:flex;gap:6px}.practice-class-switch button{display:flex;align-items:center;gap:8px;height:42px;padding:4px 12px 4px 6px;font-size:12px;color:var(--muted);background:#142028ed;border:1px solid #455a636e;box-shadow:0 4px 18px #0003}.practice-class-switch button.selected{border-color:var(--class);color:var(--class);background:color-mix(in srgb,var(--class) 9%,#142028)}.practice-class-switch button:hover{border-color:var(--class);color:var(--class)}.practice-class-switch .class-emblem{width:30px;height:30px;flex-shrink:0}.practice-shell .practice-tools{position:fixed;z-index:20;top:20px;right:96px;margin:0}.practice-talent-toggle{height:42px;padding:10px 15px;gap:20px;background:#142028ed}.practice-build-count{font:10px var(--mono);color:var(--class)}.practice-shell .practice-sidebar{position:fixed;top:78px;right:20px;z-index:15;width:220px;display:block}.practice-shell .practice-readout{padding:14px 16px;background:#142028e8;border:1px solid #c5ac7b35;box-shadow:0 8px 28px #0002;pointer-events:none}.practice-readout-heading{display:flex;align-items:center;justify-content:space-between}.practice-readout-heading .eyebrow{color:#c5ac7b;font-size:9px;letter-spacing:1.5px}.practice-readout-heading button{pointer-events:auto;font-size:20px;padding:0 2px;line-height:1}.damage-total{display:flex;align-items:baseline;gap:10px;margin:14px 0}.damage-total>strong{font:36px/1 Georgia,serif;font-variant-numeric:tabular-nums;color:#e2d3b5}.damage-total>span{font:8px var(--mono);color:var(--muted);letter-spacing:.6px}.damage-details{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;border-top:1px solid #344348;padding-top:12px}.damage-details strong{font:14px var(--mono);display:block}.damage-details span{font:8px var(--mono);color:var(--muted);display:block;margin-top:5px}.dummy-health{margin-top:14px;font:9px var(--mono);color:#a5aaa3}.dummy-health .health-track{margin-top:6px;height:3px}.dummy-health .health-track>span{background:#cfb17b}.practice-action-dock{position:fixed;z-index:20;bottom:18px;left:50%;transform:translate(-50%);width:min(840px,calc(100vw - 40px));pointer-events:none}.practice-shell .ability-panel{border:1px solid #455a6380;background:#142028ed;padding:12px;box-shadow:0 8px 32px #0005;pointer-events:auto}.practice-shell .ability-panel .abilities{display:flex;gap:6px}.practice-shell .ability-slot>strong{white-space:normal;min-height:26px;line-height:13px;font-size:10px}.practice-shell .ability-key{margin-bottom:8px}.practice-hints{display:flex;justify-content:center;gap:18px;padding-top:10px;font-size:9px;color:#9aafb8;text-shadow:0 1px 4px #000}.practice-hints>span{display:flex;align-items:center;gap:6px}.practice-hints kbd{font-size:8px;background:#142028}.practice-shell .practice-hints>span:last-child{margin-left:0}.practice-utilities{position:fixed;z-index:30;top:78px;left:20px;display:grid;gap:8px;width:154px}.practice-utilities>details{padding:0;margin:0;border:1px solid #455a636e;background:#142028ed}.practice-utilities summary{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;font-size:10px;list-style:none;cursor:pointer}.practice-utilities summary::-webkit-details-marker{display:none}.practice-utilities>details[open]{width:280px;max-height:calc(100dvh - 200px);overflow-y:auto;box-shadow:0 8px 28px #0005}.practice-utilities .network-panel[open]{padding:0 14px 14px}.practice-utilities .network-panel[open] summary{padding-left:0;padding-right:0}.practice-duel-entry{padding:0 14px 14px}.practice-duel-entry .button{font-size:11px;padding:11px}.practice-duel-entry .join-form{margin-top:10px;gap:7px}.practice-duel-entry .join-form input{min-width:0;padding:10px;font-size:11px}.practice-duel-entry p{color:var(--muted);font-size:10px;line-height:1.6;margin-bottom:0}.practice-talent-dialog{width:min(1000px,calc(100vw - 80px));max-height:calc(100dvh - 60px);padding:27px;border:1px solid #52666e;background:#122029;color:var(--pale);box-shadow:0 25px 100px #0009}.practice-talent-dialog::backdrop{background:#071117bd;backdrop-filter:blur(4px)}.practice-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:25px}.practice-dialog-header h2{font:34px Georgia,serif;margin:7px 0 0;letter-spacing:-.7px}.practice-dialog-header .icon-button{padding:8px;color:var(--muted)}.practice-talent-summary{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:15px 0 21px}.practice-talent-summary p{font-size:12px;color:#c0cdd0;margin:0}.practice-talent-summary p>span{font-size:11px;color:var(--muted)}.practice-talent-summary .talent-point{font-size:32px;flex-shrink:0}.practice-talent-summary .talent-point small{width:60px}.practice-talent-dialog .talent-tree{gap:19px}.practice-talent-dialog .talent-branch h3{padding-bottom:10px;border-bottom:1px solid #3b535c}.practice-talent-dialog .talent-node{min-height:108px;padding:12px;margin-top:13px}.practice-talent-dialog .talent-node:before{height:13px;top:-14px}.practice-talent-dialog .talent-node-top strong{font-size:12px}.practice-talent-dialog .talent-node p{font-size:11px;line-height:1.5}.practice-talent-dialog .talent-node small{font-size:8px}.practice-talent-dialog .talent-node.owned{border-color:var(--class);background:color-mix(in srgb,var(--class) 12%,#122029)}.practice-talent-dialog .talent-node.owned:hover{background:color-mix(in srgb,var(--coral) 15%,#122029)}.practice-dialog-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:23px;padding-top:18px;gap:20px}.practice-dialog-footer .text-button:disabled{opacity:.4}@media(max-height:850px){.practice-talent-dialog{padding:21px;max-height:calc(100dvh - 32px)}.practice-talent-dialog .talent-node{min-height:96px;padding:10px}.practice-talent-dialog .talent-node p{font-size:10px}.practice-talent-summary{margin:13px 0 17px}.practice-dialog-footer{margin-top:17px;padding-top:15px}}@media(max-width:850px){.practice-talent-dialog{width:calc(100vw - 32px);padding:20px}.practice-talent-dialog .talent-tree{gap:10px}}.rage-meter{display:flex;align-items:center;gap:10px;flex-shrink:0;margin-left:auto;min-height:33px;padding:6px 10px;border:1px solid #d4b87966;border-radius:3px;background:#10191f;color:#e1c68c;font-size:9px}.rage-track{width:96px;height:7px;background:#39403d;position:relative}.rage-track>i{display:block;width:var(--value);height:100%;background:#d4b879}.rage-track:after{content:"";position:absolute;left:var(--cost-marker);top:-2px;height:11px;border-left:1px solid #f4e9ce}.rage-meter>strong{min-width:51px;font-size:14px;font-variant-numeric:tabular-nums}.rage-meter>strong>small{font-size:9px;color:var(--muted)}.rage-meter.full-rage .rage-track>i{background:#ffe1a3}.ability-panel:is(.arms_warrior,.warlock) .ability-slot{padding:8px}.ability-panel:is(.arms_warrior,.warlock) .ability-slot>strong{white-space:normal;min-height:26px;font-size:10px;line-height:13px}.ability-panel:is(.arms_warrior,.warlock) .ability-key{margin-bottom:8px}.ability-slot.resource-starved:not(.locked) .ability-key>span{color:#b7a989}.ability-slot.stance-blocked:not(.locked){border-style:dashed}.ability-status>span{flex:1;min-width:0}.practice-talent-dialog[open]{display:flex;flex-direction:column;overflow:hidden}.practice-talent-dialog .talent-tree{min-height:0;overflow-y:auto;padding-right:3px}.practice-dialog-header,.practice-talent-summary,.practice-dialog-footer{flex-shrink:0}@media(max-width:1150px){.ability-panel:is(.arms_warrior,.warlock) .abilities{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.ability-panel:is(.arms_warrior,.warlock) .ability-slot>strong{min-height:13px}}.soul-shards{display:flex;align-items:center;gap:12px;margin-left:auto;flex-shrink:0;padding:6px 10px;min-height:33px;border:1px solid #ba9dea66;border-radius:3px;background:#10191f;color:#c9b3ef;font-size:9px}.soul-pips{display:flex;align-items:center;gap:7px}.soul-pip{display:block;width:10px;height:17px;background:#7f6f99;clip-path:polygon(50% 0,100% 30%,80% 85%,50% 100%,20% 85%,0 30%);position:relative}.soul-pip:after{content:"";position:absolute;inset:2px;background:#19222c;clip-path:inherit}.soul-pip.filled:after{background:#c2a4ef}.full-shards .soul-pip.filled:after{background:#a8d892}.soul-shards>strong{font-size:15px;font-weight:500;font-variant-numeric:tabular-nums}.soul-shards>strong>small{font-size:10px;color:var(--muted)}.soul-shards.full-shards{border-color:#a8d89288;color:#bde4ab}.ability-panel.warlock .ability-slot.empowered-ability{border-color:#a8d892;background:#233129}.ability-panel.warlock .ability-slot.empowered-ability>small{color:#bde4ab}.cast-stop-hint{display:inline-flex;align-items:center;gap:5px;margin-left:12px;color:var(--pale);font:9px var(--mono);letter-spacing:0;vertical-align:middle;white-space:nowrap}.cast-stop-hint kbd{font:9px var(--mono);padding:2px 4px}@media(max-width:1150px){.practice-class-switch button:not(.selected){padding-right:6px}.practice-class-switch button:not(.selected)>span{display:none}.practice-shell .notification-stack{top:270px;width:min(400px,calc(100vw - 40px))}}@media(max-width:850px){.practice-shell .site-header{top:14px;right:14px}.practice-shell .practice-class-switch{top:14px;left:14px}.practice-shell .practice-tools{top:14px;right:90px}.practice-shell .practice-sidebar{top:70px;right:14px;width:200px}.practice-shell .practice-readout{padding:12px}.practice-shell .practice-utilities{top:70px;left:14px}.practice-shell .practice-hints{gap:12px;flex-wrap:nowrap;font-size:8px}.practice-shell .practice-action-dock{width:calc(100vw - 28px);bottom:12px}.practice-shell .ability-slot{padding:8px 6px}}.practice-shell .ability-panel:is(.arms_warrior,.warlock) .abilities{display:flex}.practice-shell .practice-sidebar{pointer-events:none}.practice-shell .practice-talent-toggle{min-height:42px}