*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#111b1b;color:#eee8d8;font-family:Inter,system-ui,sans-serif;font-size:14px}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #e2c57d;outline-offset:3px}button{transition:background .15s,border-color .15s,filter .15s}button:hover{filter:brightness(1.17)}button:disabled:hover{filter:none}a{color:#d2ba7c;text-decoration:none}a:hover{text-decoration:underline}#world{position:fixed;inset:0;display:block;width:100%;height:100%;touch-action:none}#app{position:relative;z-index:2;height:100%;pointer-events:none}#app button,#app input,#app select,#app a,.panel{pointer-events:auto}h1,h2,h3,h4,p{margin:0}h1,h2,h3,.eyebrow,.primary,.mode-picker,.room-code{font-family:Cinzel,Georgia,serif}.eyebrow{font-size:11px;font-weight:600;letter-spacing:2.1px;color:#c5b483}.gold{color:#bba77a}.panel{background:linear-gradient(130deg,#1a201ef5,#0d1516f2);border:1px solid #9a865449;box-shadow:0 16px 70px #0006,inset 0 1px #d2c19912;backdrop-filter:blur(18px)}.menu{height:100%;position:relative;background:linear-gradient(90deg,#08131392,transparent 47%,#08121472),linear-gradient(0deg,#081013e8,transparent 20%,transparent 75%,#0a1417b8)}.brand{position:absolute;left:3.6vw;top:35px;display:flex;align-items:center;gap:17px}.brand-mark{color:#d3b572;width:62px;height:70px;flex-shrink:0}.brand-mark svg{width:100%;height:100%}.brand h1{font-size:clamp(26px,2.6vw,39px);letter-spacing:3px;line-height:1.25;font-weight:600;color:#f0dfb4;text-shadow:0 2px 9px #0007}.brand h1 span{font-weight:400}.brand .eyebrow{font-family:Inter,sans-serif;font-size:9px;letter-spacing:2px;margin-bottom:5px;color:#b4b8a9}.brand-caption{display:flex;gap:10px;align-items:center;color:#b7ad8e;font-size:8px;letter-spacing:2px;margin-top:5px}.line{height:1px;width:25px;background:#b9a77770}.top-tools{position:absolute;right:3vw;top:35px;display:flex;gap:12px;align-items:center}.version{font-size:10px;letter-spacing:2px;color:#c9c7b9;margin-right:9px}.version i{display:inline-block;width:3px;height:3px;background:#cbb174;vertical-align:middle;margin:0 9px}.icon-button{height:34px;width:36px;border:1px solid #9b9b8260;background:#111c2080;font-size:19px;color:#dcc696}.selection{position:absolute;right:3.6vw;top:108px;width:348px;padding:22px}.panel-heading,.setup-title{display:flex;justify-content:space-between;align-items:center}.panel-heading .gold,.setup-title .gold{font-size:10px;letter-spacing:1px}.tabs{display:flex;border-bottom:1px solid #b2a07835;margin:22px 0 16px;gap:26px}.tabs button{background:none;border:0;padding:0 0 12px;color:#9caaa6;font-size:14px}.tabs button.active{color:#ecd49a;border-bottom:2px solid #c9aa69}.tabs span{font-size:10px;margin-left:8px;opacity:.5}.class-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.class-choice{position:relative;display:flex;align-items:center;flex-direction:column;gap:8px;padding:12px 2px 10px;background:#15201f80;border:1px solid #9f9e8730;min-width:0}.class-choice img{width:35px;height:35px;border-radius:3px;filter:saturate(.8);border:1px solid #e0cc9950;box-shadow:0 3px 8px #0009}.class-choice span{font-size:11px;color:#b8beb2}.class-choice.selected{background:linear-gradient(135deg,#484c3920,#90835430);border-color:#c7a761}.class-choice.selected span{color:var(--class-color)}.class-choice i{position:absolute;top:4px;right:5px;color:#dbbd7e;font-size:7px;font-style:normal}.selected-detail{margin-top:20px;border-top:1px solid #a99b7a27;padding-top:16px}.selected-detail>div:first-child{display:flex;gap:12px;align-items:center}.selected-detail img{width:41px;height:41px;border:1px solid #bbaa795e}.selected-detail h2{font-size:21px;font-weight:500}.selected-detail small{display:block;color:#b0b7ac;font:11px Inter,sans-serif;margin-top:4px}.stats-mini{display:flex;gap:17px;margin-top:16px}.stats-mini span{color:#7b8e88;font-size:8px;letter-spacing:1px}.stats-mini b{display:block;font-size:11px;font-weight:500;color:#d8d6c7;letter-spacing:0;margin-top:5px}.preview-spells{display:flex;gap:6px;margin-top:20px}.preview-spells button{width:36px;height:36px;border:1px solid #b9a57755;background:#252a24;padding:2px}.preview-spells img{width:100%;height:100%;object-fit:cover}.preview-spells .book-more{font-size:11px;color:#ddc592}.text-button{padding:10px 0;border:0;background:none;color:#bcad83;font-size:12px}.book-link{width:100%;display:flex;justify-content:space-between;margin:1px 0 11px}.name-label{display:block;color:#879b92;font-size:9px;letter-spacing:1.5px;margin:8px 0}.selection input,.join-row input{background:#101918b8;color:#e7ddc5;border:1px solid #a59c7050;border-radius:0;padding:10px 12px;min-width:0;width:100%;outline-offset:1px}.race-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.race-choice{display:flex;flex-direction:column;align-items:center;gap:6px;min-height:83px;background:#14201e;border:1px solid #b8a66e30;padding:8px 2px}.race-choice>span:nth-child(2){font-size:9px}.race-face{display:flex;align-items:center;justify-content:center;width:31px;height:31px;border:1px solid var(--skin);color:var(--skin);border-radius:50%;font:20px Georgia,serif}.race-choice small{font-size:8px;color:#9d9c86}.race-choice.selected{border-color:#c9aa69;background:#574d3138}.race-choice:disabled{opacity:.25}.race-note{font-size:10px;margin:12px 0 0;color:#96a297}.arena-caption{position:absolute;left:3.6vw;top:166px;max-width:310px}.arena-caption h2{font-size:23px;font-weight:500;color:#eee4ca;line-height:1.5;margin:7px 0}.arena-caption p{font-size:12px;color:#b6c2b5;line-height:1.7}.arena-tags{display:flex;gap:7px;margin-top:17px}.arena-tags span{padding:5px 7px;border:1px solid #aab9a333;font-size:8px;letter-spacing:1px;color:#bcc4b2}.character-nameplate{position:absolute;left:44%;bottom:130px;transform:translate(-50%);display:flex;gap:13px;align-items:center;text-shadow:0 2px 8px #000;white-space:nowrap}.character-nameplate h2{font-size:26px;font-weight:500;letter-spacing:1px}.character-nameplate span:not(.level-seal){font-size:12px;color:#dad5bf}.level-seal{display:flex;justify-content:center;align-items:center;width:40px;height:46px;background:#172322b0;border:1px solid #b59c626e;color:#e2c788;font:18px Cinzel,serif;clip-path:polygon(0 0,100% 0,100% 80%,50% 100%,0 80%)}.match-setup{position:absolute;left:3.6vw;bottom:82px;width:285px;padding:20px}.mode-picker{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:18px 0}.mode-picker button{border:1px solid #9da4853a;background:#15221f90;padding:11px 8px;color:#97a799}.mode-picker .active{border-color:#b29a65;background:linear-gradient(120deg,#75633b30,#a392541c);color:#e8d59d}.mode-picker strong{display:block;font-size:30px;line-height:1.15;font-weight:500;letter-spacing:3px}.mode-picker strong span{font-size:19px;opacity:.55}.mode-picker small{font-size:9px;letter-spacing:1.2px}.primary,.secondary{display:block;width:100%;padding:13px 14px;border-radius:0;font-weight:600;letter-spacing:1.1px}.primary{background:linear-gradient(#bda06a,#96783f);border:1px solid #d4bb86;box-shadow:inset 0 0 0 2px #382c2844,0 4px 16px #0004;color:#171f1a;font-size:12px}.primary span{float:right;font-size:16px;line-height:1}.secondary{border:1px solid #ab946646;background:#35443b22;font-size:12px;color:#c8bf9f}.training-note{text-align:center;color:#879990;font-size:10px;margin-top:8px}.divider{display:flex;align-items:center;gap:9px;margin:18px 0 14px;white-space:nowrap}.divider:before,.divider:after{content:"";width:100%;height:1px;background:#a8a3872e}.divider span{font-size:8px;letter-spacing:1.1px;color:#7f9389}.join-row{display:flex;margin-top:8px;gap:6px}.join-row input{font-size:11px;padding:9px;text-transform:uppercase}.join-row input::placeholder{text-transform:none;color:#7c8981}.join-row button{padding:0 10px;border:1px solid #b7a17150;background:#75673c30;font-size:11px;white-space:nowrap}.join-row button span{color:#c5ab70}.menu-footer{position:absolute;bottom:0;left:3.6vw;right:3.6vw;height:48px;border-top:1px solid #b5b29a20;display:flex;align-items:center;justify-content:space-between;color:#b2b1a0;font-size:9px;letter-spacing:.4px}.menu-footer i{font-style:normal;color:#6e8179;margin:0 4px}.menu-footer button{border:0;background:none;color:#94a296;font-size:10px}.menu-footer a{color:#94a296;font-size:10px}#toast{position:fixed;z-index:30;top:19%;left:50%;transform:translate(-50%,-15px);max-width:90vw;text-align:center;color:#ffe3ad;background:#241f17ef;border:1px solid #a6874c;padding:13px 24px;opacity:0;pointer-events:none;transition:.2s;box-shadow:0 8px 40px #0009}#toast.visible{opacity:1;transform:translate(-50%)}.controls-tabs{display:flex;gap:8px;margin:0 30px 20px 0;border-bottom:1px solid #66543b;padding-bottom:12px}.controls-tabs button,#reset-controls{background:#23211f;border:1px solid #5c513b;border-radius:3px;padding:10px 14px;color:#d7c7a5;font-size:12px}.controls-tabs button.active{background:#52442b;border-color:#d8b968;color:#ffe6a3}.control-bindings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 24px;margin:18px 0}.control-binding{display:grid;grid-template-columns:minmax(0,1fr) minmax(90px,145px) 28px;gap:6px;align-items:center;border-bottom:1px solid #66543b55;padding:8px 0;font-size:12px;color:#d7cebb}.control-binding button{padding:8px 5px;min-height:34px;background:#111b1b;border:1px solid #6b5b43;color:#e9d39a;border-radius:3px;font-size:11px;overflow-wrap:anywhere}.control-binding button:hover,.control-binding .capturing{border-color:#f3cf7f;background:#53452c}.control-binding [data-clear-control]{color:#b3aa99;font-size:18px;padding:3px}.controls-help{font-size:12px!important}.fullscreen-button{flex-shrink:0;font-size:22px}.fullscreen-button:disabled{opacity:.4;cursor:default}.controls-tabs button:focus-visible,.control-binding button:focus-visible{outline:2px solid #f3cf7f;outline-offset:2px}@media(max-width:800px){.control-bindings{grid-template-columns:1fr;gap:0}.controls-tabs{gap:5px;margin-right:22px}.controls-tabs button{font-size:10px;padding:9px 7px}.control-binding{font-size:11px;grid-template-columns:minmax(0,1fr) 110px 28px}.hud-tools{gap:7px}.hud-tools #fps{display:none}}.hud{height:100%;position:relative;background:linear-gradient(0deg,#0a1113b0,transparent 25%,transparent 87%,#0b17196e)}.hud-top{position:absolute;top:22px;left:26px;right:26px;display:flex;align-items:flex-start;justify-content:space-between}.unit-frames{display:flex;gap:18px}.unit-frame{display:flex;align-items:center;gap:7px;background:#121b1dde;border:1px solid #a8956575;padding:5px;min-width:205px;box-shadow:0 5px 15px #0005;text-align:left}.portrait{width:47px;height:47px;border:1px solid #a39269}.unit-details{flex:1;min-width:0}.unit-name{display:flex;justify-content:space-between;gap:7px;align-items:center;font-size:11px;margin-bottom:4px}.unit-name b{overflow:hidden;text-overflow:ellipsis;max-width:115px;white-space:nowrap}.unit-name>span{font-size:9px;color:#bbae82}.meter{position:relative;height:16px;overflow:hidden;border:1px solid #0008;background:#000a;margin:2px 0}.meter>i{display:block;position:absolute;height:100%;background:linear-gradient(#53974d,#356c31);transition:width .12s}.meter>span{display:block;text-align:center;font-size:9px;position:relative;line-height:14px;text-shadow:1px 1px #000}.meter.mana,.meter.energy,.meter.rage{height:10px}.meter.mana>i{background:linear-gradient(#5289d0,#315a9c)}.meter.energy>i{background:linear-gradient(#e1c259,#a1882b)}.meter.rage>i{background:linear-gradient(#d45b4b,#9f3736)}.meter.mana span,.meter.energy span,.meter.rage span{font-size:8px;line-height:9px}.dead{opacity:.5;filter:grayscale(1)}.no-target{color:#d8d8c68a;padding:20px 10px;font-size:11px}.match-clock{text-align:center;position:absolute;left:50%;transform:translate(-50%);top:0;min-width:210px}.match-clock .eyebrow{font-size:9px;letter-spacing:1px}.match-clock #clock{font-family:Cinzel,serif;font-size:24px;letter-spacing:2px;margin:5px 0;color:#f4e6c0}.match-clock #match-mode{font-size:9px;color:#c8c6b7;letter-spacing:2px}.hud-tools{display:flex;gap:14px;align-items:center;color:#bbccbd;font-size:11px}#team-frames{position:absolute;top:122px;right:26px;width:207px}#team-frames>.eyebrow{text-align:right;margin-bottom:9px;font-size:10px}.team-unit{margin-bottom:12px}.team-unit small{display:block;font-size:8px;color:#c3c3ab;margin:4px 3px;text-align:right;letter-spacing:.8px}.team-unit .unit-frame{min-width:100%;width:100%;border-left:3px solid #b44f47}.team-unit.ally .unit-frame{border-left-color:#6498c0}.team-unit .portrait{width:35px;height:35px}.team-unit .meter{height:11px}.team-unit .meter span{font-size:8px;line-height:10px}.team-unit .meter:not(.health){height:6px}.team-unit .meter:not(.health) span{display:none}.bottom-hud{position:absolute;bottom:14px;left:50%;transform:translate(-50%);width:max-content;max-width:95vw;pointer-events:auto}#actionbar{display:grid;grid-template-columns:repeat(9,49px);gap:5px;padding:9px;background:linear-gradient(#242b26ee,#111715f5);border:2px solid #998251;box-shadow:inset 0 0 0 1px #000,0 5px 22px #0008;position:relative}#actionbar:before,#actionbar:after{content:"◆";color:#b09a68;position:absolute;top:42%;font-size:20px;left:-16px;text-shadow:0 2px 4px #000}#actionbar:after{left:auto;right:-16px}.spell-slot{width:49px;height:48px;padding:2px;position:relative;border:1px solid #9d895b;background:#111;box-shadow:inset 0 0 3px #000;color:#fff;overflow:hidden}.spell-slot>img{width:100%;height:100%;object-fit:cover}.slot-key{position:absolute;top:1px;right:3px;font-weight:700;font-size:11px;text-shadow:1px 1px 2px #000,-1px -1px 2px #000;z-index:2}.slot-cd{position:absolute;left:0;right:0;top:16px;text-align:center;font-weight:700;font-size:16px;text-shadow:0 2px #000;z-index:3}.slot-name{display:none}.cooldown-sweep{position:absolute;inset:2px;pointer-events:none}.spell-slot.unavailable>img{filter:saturate(.2) brightness(.4)}.spell-slot.out-range{border-color:#e34337}.spell-slot.out-range .slot-key{color:#ff5140}.spell-slot:active{transform:scale(.94)}.hud-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:8px;color:#d1cbb8;padding-top:7px}.hud-controls button{background:#14201a99;border:1px solid #9c99794d;padding:4px 7px;font-size:9px;color:#ccb984}.hud-controls button.on{background:#7b352e;border-color:#d99a74}.hud-controls>span{font-size:8px}#resource-label{display:flex;gap:12px;align-items:center;justify-content:center;margin-bottom:8px;font-size:10px;text-shadow:0 2px 4px #000}#resource-label>b{font-size:8px;font-weight:500;color:#f9c298;letter-spacing:1px}#resource-label>b.out-combat{color:#c2c7a6}.combo{color:#fce176;font-size:17px;letter-spacing:2px}#auras{height:35px;display:flex;justify-content:center;gap:5px;margin-bottom:7px}.aura{position:relative;width:31px;height:31px;border:1px solid #ceba7c;box-shadow:0 2px 10px #0006}.aura.harmful{border-color:#e1634e}.aura img{width:100%;height:100%}.aura span{position:absolute;bottom:-2px;right:0;font-size:11px;color:#fff;text-shadow:0 1px 3px #000,0 -1px 3px #000}#castbar{position:absolute;bottom:210px;left:50%;transform:translate(-50%);width:320px}.casting{position:relative;height:27px;display:flex;align-items:center;gap:8px;padding-right:7px;background:#151818e0;border:1px solid #c5ac74;box-shadow:0 3px 9px #0008;overflow:hidden}.casting>i{position:absolute;inset:0 auto 0 0;background:linear-gradient(#c7a762,#847144);transition:width .1s linear}.casting img{position:relative;width:24px;height:24px}.casting span,.casting b{position:relative;font-size:11px;text-shadow:0 1px #000}.casting b{margin-left:auto;font-weight:400}.countdown{position:absolute;top:33%;left:50%;transform:translate(-50%);text-align:center;text-shadow:0 4px 15px #000}.countdown>span{display:block;font-family:Cinzel,serif;letter-spacing:4px;font-size:15px;color:#ffe3a0}.countdown strong{display:block;font-family:Cinzel,serif;font-weight:400;font-size:94px;color:#f7e7b9}.defeated{position:absolute;top:32%;width:100%;text-align:center;font-family:Cinzel,serif;font-size:35px;color:#deb5a5;text-shadow:0 4px 8px #000}.defeated small{display:block;margin-top:12px;font:13px Inter,sans-serif}.nameplate{position:absolute;transform:translate(-50%,-100%);min-width:92px;text-align:center;font-size:11px;text-shadow:0 1px 3px #000,0 1px 3px #000}.nameplate>b{color:#ffd1b6}.nameplate.friendly>b{color:#b3dcff}.nameplate>div{height:5px;background:#160f10b0;margin:5px auto 2px;border:1px solid #d2907180;max-width:108px;min-width:80px}.nameplate i{display:block;height:100%;background:#ac4940}.nameplate.friendly i{background:#5b9cbd}.nameplate.targeted>div{height:8px;border-color:#ffd58c;box-shadow:0 0 7px #ffe99480}.nameplate small{color:#f1d78c;font-size:9px}.nameplate em{display:block;font-style:normal;font-size:10px;color:#f7d48d;background:#171b19b0;padding:3px}.floating{position:absolute;transform:translate(-50%);animation:float-up 1.2s forwards;color:#f4eacb;font-size:23px;font-weight:600;text-shadow:0 2px 3px #000,1px 0 2px #000}.crit-number{color:#ffdd4c;font-size:32px}.heal-number{color:#9cff75}@keyframes float-up{0%{opacity:1;transform:translate(-50%) scale(.8)}20%{transform:translate(-50%,-10px) scale(1.15)}to{opacity:0;transform:translate(-50%,-85px) scale(1)}}#combat-log{position:absolute;bottom:30px;left:24px;color:#d6dbc0aa;font-size:10px;line-height:1.8;max-width:280px;text-shadow:0 2px 4px #000}.lobby-card{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:365px;padding:27px;text-align:center}.lobby-card h2{font-size:26px;font-weight:400;margin-top:11px}.room-code{font-size:36px;letter-spacing:8px;color:#e8ce94;margin:17px 0}.lobby-players{margin:18px 0;text-align:left}.lobby-players>div{padding:8px;border-bottom:1px solid #9f9b7730}.lobby-players small{float:right;font-size:11px;color:#9caf9e}.team-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:10px}.team-dot.blue{background:#6eadd2}.team-dot.red{background:#d06c5f}.team-switch{display:flex;gap:8px;margin-bottom:15px}.team-switch button{width:50%;background:#28382d70;border:1px solid #8b977748;padding:9px;font-size:12px}.team-switch button.active{border-color:#d5ba7d;color:#f6d997}.network-note{display:block;font-size:10px;line-height:1.6;color:#8fa297;margin-top:10px}.results-backdrop,.modal-backdrop{position:fixed;inset:0;background:#071416b0;backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;z-index:15;pointer-events:auto;padding:24px}.results-card{max-width:590px;width:100%;padding:30px;text-align:center}.results-card>.brand-mark{margin:auto}.results-card h2{font-size:48px;font-weight:400;color:#e7cf92;margin:8px 0}.results-card p{font-size:12px;color:#a6b4a6}.results-card table{width:100%;border-collapse:collapse;font-size:12px;margin:25px 0;text-align:right}.results-card td,.results-card th{padding:10px 7px;border-bottom:1px solid #a8b49b30}.results-card td:first-child,.results-card th:first-child{text-align:left}.results-card th{font-size:10px;letter-spacing:1px;color:#aeba9f;font-weight:500}.results-card .secondary{margin-top:10px}.modal-backdrop{z-index:20}.modal{position:relative;width:540px;max-width:100%;max-height:90vh;overflow:auto;padding:32px;color:#d3dacd;outline:none}.modal.wide{width:850px}.close-modal{position:absolute;right:15px;top:10px;border:0;background:none;font-size:27px;color:#b6b99f}.modal h2{font-size:29px;font-weight:500;color:#ecd8a7;margin:9px 0 15px}.modal h3{font-size:17px;color:#d9c996;margin:20px 0 9px}.modal p{font-size:13px;line-height:1.8;margin:10px 0;color:#b1bfb2}.modal-intro{font-size:12px!important}.setting{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid #88978035}.setting input{accent-color:#cbb070;width:18px;height:18px}.controls-list{display:grid;grid-template-columns:1fr 1.5fr;gap:12px;margin:20px 0 28px;font-size:12px}.controls-list dt{color:#e5d19f}.controls-list dd{margin:0;color:#a0b2a3}.spellbook{display:grid;grid-template-columns:270px 1fr;gap:25px;margin-top:22px}.spell-list{display:flex;flex-direction:column;gap:5px;max-height:510px;overflow:auto;padding-right:9px}.spell-list button{display:flex;gap:11px;align-items:center;padding:7px;background:#24332940;border:1px solid #a9a77b22;text-align:left;font-size:12px}.spell-list img{width:35px;height:35px;border:1px solid #bcaa7360}.spell-list small{display:block;font-size:10px;color:#91a594;margin-top:4px}.spell-list button.selected{border-color:#c8aa68;background:#71644035}.spell-large{width:64px;height:64px;border:2px solid #b99d67;box-shadow:0 5px 25px #0007}#spell-detail h3{font-size:24px;margin-top:15px}.spell-metrics{display:flex;gap:20px;margin:20px 0}.spell-metrics>span{font-size:10px;color:#91a698;line-height:1.8}.spell-metrics b{display:block;font-size:12px;font-weight:500;color:#ded3b3}#spell-detail h4{font-size:11px;font-weight:600;color:#c1b48e;letter-spacing:.6px}.source-description{font-size:13px!important;color:#d3dabf!important}.source-link{font-size:12px}.fidelity-note{border-top:1px solid #9f997536;padding-top:14px;font-size:11px!important;color:#809888!important;margin-top:23px!important}#spell-tooltip{position:fixed;width:315px;z-index:10;padding:13px 15px;background:#071320f5;border:1px solid #b8a16a;box-shadow:0 5px 30px #0009;pointer-events:none;color:#e6dfca}#spell-tooltip h3{font-size:15px;color:#f9df97;margin-bottom:8px}#spell-tooltip>div{font-size:11px;line-height:1.7}#spell-tooltip>p{font-size:11px;line-height:1.6;margin-top:8px;color:#e7c884;max-height:150px;overflow:hidden}#touch-controls{display:none}.fatal{pointer-events:auto;margin:20vh auto;padding:40px;max-width:600px;background:#142620}.fatal p{margin:20px 0}.fatal button{padding:15px}@media(min-width:1600px){.selection{width:375px;top:140px;padding:27px}.class-choice{padding:15px 2px}.class-choice img{width:41px;height:41px}.match-setup{width:320px;bottom:110px;padding:25px}.arena-caption{top:190px}.character-nameplate{bottom:155px}.brand{top:45px}}@media(max-height:820px)and (min-width:1000px){.brand{top:21px}.brand h1{font-size:28px}.brand-mark{height:55px;width:48px}.top-tools{top:25px}.selection{top:85px;padding:16px;width:320px}.tabs{margin:15px 0 12px}.class-choice{padding:8px 2px;gap:6px}.class-choice img{height:29px;width:29px}.selected-detail{margin-top:14px;padding-top:12px}.selected-detail h2{font-size:19px}.stats-mini{margin-top:12px}.preview-spells{margin-top:15px}.book-link{margin-bottom:5px}.arena-caption{top:130px}.arena-caption h2{font-size:21px}.match-setup{bottom:63px;padding:16px;width:270px}.mode-picker{margin:14px 0}.mode-picker button{padding:9px}.divider{margin:12px 0}.character-nameplate{bottom:120px}.menu-footer{height:40px}.name-label{margin-top:0}.selection input{padding:9px}}@media(max-width:1100px){.arena-caption{max-width:240px}.arena-caption h2{font-size:19px}.brand .eyebrow{font-size:8px}.brand h1{font-size:26px}.selection{right:22px;width:300px}.brand{left:22px}.match-setup{left:22px;width:240px}.preview-spells{gap:4px}.preview-spells button{width:32px;height:32px}.stats-mini{gap:12px}.match-clock{left:61%}.match-clock .eyebrow{font-size:8px}.unit-frame{min-width:177px}.portrait{width:39px;height:39px}.unit-frames{gap:9px}.unit-name{font-size:10px}.hud-controls>span{display:none}#combat-log{display:none}.menu-footer>span{font-size:8px}}@media(max-width:800px){html,body{overflow:auto}body{min-height:900px}.menu{min-height:1040px;background:linear-gradient(0deg,#081213f5 10%,#08121380 55%,#08121350)}.brand{top:20px;left:18px;gap:8px}.brand-mark{width:40px;height:47px}.brand h1{font-size:23px;letter-spacing:1px}.brand .eyebrow{font-size:7px;letter-spacing:1px}.brand-caption{font-size:6px;letter-spacing:1px}.top-tools{top:23px;right:16px;gap:5px}.top-tools .version{display:none}.icon-button{width:29px;height:30px}.arena-caption{left:20px;top:100px;max-width:220px}.arena-caption .eyebrow{font-size:8px}.arena-caption h2{font-size:16px}.arena-caption p{font-size:10px}.arena-tags{display:none}.character-nameplate{left:50%;bottom:auto;top:330px;transform:translate(-50%)}.character-nameplate h2{font-size:22px}.selection{top:412px;left:16px;right:16px;width:calc(55% - 24px);padding:13px}.panel-heading .eyebrow{font-size:8px;letter-spacing:1px}.panel-heading .gold{display:none}.tabs{margin:13px 0}.class-choice{padding:8px 1px;gap:5px}.class-choice span{font-size:9px}.class-choice img{width:30px;height:30px}.class-grid{gap:5px}.selected-detail{margin-top:12px;padding-top:12px}.selected-detail h2{font-size:17px}.selected-detail small{font-size:9px;line-height:1.5}.selected-detail img{display:none}.stats-mini{gap:9px}.stats-mini span{font-size:7px}.stats-mini b{font-size:10px}.preview-spells{gap:3px;flex-wrap:wrap;margin-top:12px}.preview-spells button{width:28px;height:28px}.book-link{font-size:10px}.name-label{font-size:8px}.selection input{font-size:12px}.match-setup{inset:412px 16px auto auto;width:calc(45% - 24px);padding:13px}.setup-title .eyebrow{font-size:8px;letter-spacing:1px}.setup-title .gold{display:none}.mode-picker{gap:5px;margin:14px 0}.mode-picker strong{font-size:25px}.mode-picker button{padding:12px 3px}.mode-picker small{font-size:7px}.primary{font-size:10px;padding:12px 8px;letter-spacing:.5px}.primary span{display:none}.secondary{font-size:10px;padding:11px 7px}.divider span{font-size:7px;letter-spacing:.5px}.join-row{flex-direction:column}.join-row input{height:35px}.join-row button{height:33px}.training-note{font-size:9px}.menu-footer{bottom:8px;left:16px;right:16px;gap:12px;flex-wrap:wrap;height:45px}.menu-footer>span{display:none}.menu-footer button,.menu-footer a{font-size:9px}.race-grid{grid-template-columns:repeat(2,1fr)}.race-choice{min-height:56px}.race-face{display:none}.race-note{font-size:9px}.hud{position:fixed;inset:0}.hud-top{top:10px;left:10px;right:10px}.unit-frames{display:block}.unit-frame{min-width:160px;max-width:180px;margin-bottom:8px}.unit-name>span{font-size:8px}.unit-name b{max-width:90px}.portrait{width:32px;height:32px}.no-target{display:none}.match-clock{left:56%;min-width:140px;top:3px}.match-clock .eyebrow{display:none}.match-clock #clock{font-size:17px}.hud-tools #ping{display:none}#team-frames{top:100px;right:10px;width:148px}.team-unit .unit-frame{min-width:100%;max-width:100%}.team-unit .unit-details{max-width:105px}.team-unit .portrait{display:none}.team-unit .unit-name b{max-width:95px}.bottom-hud{bottom:9px}#actionbar{grid-template-columns:repeat(9,35px);gap:3px;padding:6px}.spell-slot{width:35px;height:36px}.slot-key{font-size:9px}.slot-cd{font-size:12px;top:13px}.hud-controls{font-size:8px;gap:9px}#castbar{bottom:183px;width:250px}.countdown{top:36%}.countdown strong{font-size:65px}#touch-controls{display:block;position:absolute;bottom:210px;left:16px;pointer-events:auto}.touch-dpad{display:grid;grid-template-columns:repeat(3,34px);gap:3px}.touch-dpad button{width:34px;height:34px;background:#172720a0;border:1px solid #d2c08780;color:#e3cf9f;touch-action:none}.touch-dpad button:first-child{grid-column:2;grid-row:1}.touch-dpad button:not(:first-child){grid-row:2}#touch-target{margin-top:8px;background:#28393199;border:1px solid #d2c08780;padding:8px;font-size:10px}.modal{padding:24px 20px;max-height:90dvh}.modal-backdrop{padding:14px}.modal h2{font-size:23px}.spellbook{grid-template-columns:1fr;gap:15px}.spell-list{max-height:140px}.spell-list button{padding:5px}.spell-list img{width:28px;height:28px}.spell-large{width:40px;height:40px}#spell-detail h3{font-size:20px}.spell-metrics{margin:12px 0}.source-description{font-size:12px!important}.results-card{padding:20px}.results-card h2{font-size:38px}.results-card table{font-size:10px}.results-card th{font-size:8px}.lobby-card{width:320px;padding:20px}.lobby-card h2{font-size:22px}.room-code{font-size:28px}.controls-list{font-size:10px;gap:10px}.modal p{font-size:12px}#spell-tooltip{display:none}}@media(max-width:440px){.selection{width:calc(56% - 21px);left:12px;padding:10px}.match-setup{width:calc(44% - 21px);right:12px;padding:10px}.class-choice span{font-size:8px}.class-choice img{width:27px;height:27px}.class-grid{gap:3px}.stats-mini{flex-wrap:wrap}.preview-spells button{width:26px;height:26px}.tabs button{font-size:12px}.tabs{gap:22px}.brand h1{font-size:21px}.top-tools{right:12px}.icon-button{width:27px}.mode-picker small,.divider span{font-size:6px}.primary{font-size:9px}.mode-picker strong{font-size:23px}.name-label{letter-spacing:.5px}.eyebrow{font-size:9px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition:none!important}}@media(max-width:800px){html,body{height:auto;min-height:100%;overflow-x:hidden;overflow-y:visible}#app{height:auto;min-height:1040px}.menu{height:1040px}.character-nameplate{top:348px}.mode-picker strong{white-space:nowrap;letter-spacing:0;font-size:23px}.mode-picker strong span{font-size:14px}body.playing,html:has(body.playing){height:100dvh;min-height:100dvh;overflow:hidden}body.playing #app{height:100dvh;min-height:0}}.loadout-links{display:flex;gap:7px;margin:7px 0 12px}.loadout-links button{flex:1;border:1px solid #78613b;background:linear-gradient(#322b22,#1b1916);border-radius:3px;color:#dfc891;font-size:11px;padding:9px 7px}.loadout-links button b{font-weight:400;display:block;color:#ada491;font-size:10px;margin-top:4px}.loadout-links button:hover{border-color:#d8ae63;background:#3d3020}.loadout-modal{width:min(1100px,96vw)!important;max-height:94dvh!important;padding:25px!important}.talent-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-right:30px}.talent-toolbar h2{margin:4px 0 9px!important}.talent-budget{text-align:right}.talent-budget strong{font-size:34px;font-family:Georgia,serif;color:#edcc7e;line-height:1}.talent-budget span{display:block;color:#a99c7c;font-size:10px;margin-top:4px}.talent-presets{display:flex;gap:6px;align-items:center}.talent-presets>span{color:#9b927f;font-size:10px;margin-right:5px}.talent-presets button,.talent-detail-actions button,.binding-editor>button,#reset-bar{background:#23211f;border:1px solid #5c513b;padding:7px 12px;border-radius:3px;color:#d7c7a5;font-size:11px}.talent-presets button:hover,.talent-detail-actions button:hover,#reset-bar:hover{border-color:#ddbf77;color:#ffe6a3}.talent-presets button:last-child{margin-left:auto}.talent-help{color:#a89c87;font-size:11px!important;margin:11px 0!important}.talent-trees{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.talent-tree{border:1px solid #62513a;border-radius:4px;background:radial-gradient(ellipse at 50% 20%,#54302477,transparent 70%),linear-gradient(145deg,#252422,#0d1112);padding:0 12px 7px}.talent-tree.tree-1{background:radial-gradient(ellipse at 20% 30%,#5a492e66,transparent 70%),linear-gradient(145deg,#252422,#0d1112)}.talent-tree.tree-2{background:radial-gradient(ellipse at 50% 20%,#34445c66,transparent 70%),linear-gradient(145deg,#252422,#0d1112)}.talent-tree header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #66563866;height:42px}.talent-tree h3{margin:0!important;font-size:16px!important;color:#d5c3a2}.talent-tree header b{font-size:11px;color:#e4c675;font-weight:400}.talent-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(7,47px);align-items:center;justify-items:center;padding:8px 0}.talent-node{width:37px;height:37px;border:1px solid #a78b54;padding:2px;border-radius:3px;position:relative;background:#171613;box-shadow:0 1px 4px #000}.talent-node img{width:100%;height:100%;object-fit:cover;border-radius:1px}.talent-node .talent-rank{position:absolute;bottom:-5px;right:-5px;font:10px/13px ui-monospace,monospace;padding:0 3px;color:#b0e59e;background:#10140e;border:1px solid #425038;border-radius:2px}.talent-node.locked img{filter:grayscale(.8) brightness(.47)}.talent-node.locked{border-color:#4d4941}.talent-node.pending img{filter:grayscale(1) brightness(.27)}.talent-node.pending i{position:absolute;left:0;top:0;right:0;color:#999;line-height:32px;font-style:normal;text-shadow:0 1px 3px black}.talent-node.maxed{border-color:#edc968;box-shadow:0 0 6px #dcae4344}.talent-node.maxed .talent-rank{color:#ffd16a;border-color:#9f8135}.talent-node.selected{outline:1px solid #f8e3a3;outline-offset:3px}.talent-prereq{position:absolute;top:-14px;left:14px;color:#bda572;font-size:12px}.talent-tree>small{display:block;text-align:center;color:#827b6d;font-size:9px}.talent-detail{display:flex;gap:12px;border:1px solid #716047;background:#101315;margin-top:12px;padding:12px;min-height:132px;border-radius:4px}.talent-detail>img{width:43px;height:43px;border:1px solid #927b4a;border-radius:3px}.talent-detail>div{flex:1;min-width:0}.talent-detail h3{margin:0!important;font-size:16px!important;color:#e8d19b}.talent-detail h3 span{color:#a5a084;font-size:12px;font-family:Arial,sans-serif;margin-left:8px}.talent-availability{font-size:9px;text-transform:uppercase;letter-spacing:.7px;color:#8eb47c}.talent-availability.pending{color:#ae9479}.talent-detail p{font-size:11px!important;line-height:1.6!important;color:#dfc96f!important;margin:5px 0!important}.talent-detail small{font-size:10px;color:#a29884}.talent-detail-actions{display:flex;gap:7px;align-items:center;margin-top:8px}.talent-detail-actions a{margin-left:auto;color:#bfaa7c;font-size:10px}.talent-detail button:disabled,.talent-presets button:disabled,#save-talents:disabled{opacity:.3;cursor:default}.loadout-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:12px}.loadout-footer p{font-size:10px!important;color:#aaa08b!important;margin:0!important;line-height:1.6!important}.loadout-footer .primary{width:auto;min-width:180px;padding:13px 22px;margin:0}.bar-editor{display:grid;grid-template-columns:repeat(12,1fr);gap:9px;padding:18px 14px;background:#0c1011;border:1px solid #61543f;border-radius:4px}.editor-slot{position:relative;aspect-ratio:1;min-width:0;border:1px solid #6b5b43;border-radius:4px;background:#171a1b;padding:3px;cursor:grab}.editor-slot img{width:100%;height:100%;object-fit:cover;border-radius:2px}.editor-slot b{position:absolute;left:2px;top:1px;background:#000b;border-radius:2px;padding:2px 3px;font:700 10px ui-monospace,monospace;color:#fff;text-shadow:0 1px 2px #000}.editor-slot small{position:absolute;right:2px;bottom:1px;font:9px ui-monospace,monospace;color:#ddd6bd;text-shadow:0 1px 3px black}.editor-slot.selected{outline:2px solid #d8b968;outline-offset:2px}.empty-plus{color:#4b473b;font-size:22px}.drop-target{outline:2px solid #b8e0a3!important;background:#435438!important}.binding-editor{display:flex;gap:8px;align-items:center;padding:15px 0}.binding-editor>button{white-space:nowrap}.binding-editor .secondary{margin:0;width:auto}#selected-slot{flex:1}#selected-slot small{display:block;color:#998b71;font-size:9px}#selected-slot strong{font-size:13px;display:block;margin:5px 0;color:#e7d6af}#selected-slot kbd{font-size:10px;color:#d9bd73}.binding-feedback{color:#b6c99f!important;min-height:18px;font-size:11px!important;margin:0 0 15px!important}.bar-library{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;max-height:250px;overflow:auto;margin-top:10px}.bar-library button{display:flex;gap:8px;text-align:left;align-items:center;background:#202222;border:1px solid #484539;padding:7px;color:#c9c4b6;min-width:0;font-size:11px;cursor:grab}.bar-library img{width:28px;height:28px;border:1px solid #766044;border-radius:2px}.bar-library button>span{flex:1}.bar-library small{font-size:8px;color:#869478}.bar-library button:hover{border-color:#d2b775;background:#34342d}#actionbar{grid-template-columns:repeat(12,45px)!important}.spell-slot.empty{background:#121415b0;box-shadow:inset 0 0 12px #0008;border-color:#67604c55}.spell-slot.empty:hover{filter:none}.spell-slot .slot-key{font-size:9px}.spell-slot .slot-name{font-size:7px}.spell-slot{width:45px;height:45px}.unlocked .spell-slot{cursor:grab;border-color:#b49a64}.hud-controls>span{max-width:160px;font-size:8px}.hud-controls{gap:8px!important}.hud-controls button{white-space:nowrap}.hud-controls #bar-lock{font-size:14px}.bottom-hud{max-width:98vw}.selection{max-height:calc(100vh - 135px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#66543a transparent}@media(max-height:850px)and (min-width:801px){.talent-grid{grid-template-rows:repeat(7,39px)}.talent-node{width:31px;height:31px}.talent-help{margin:7px 0!important}.loadout-modal{padding:19px!important}.talent-tree header{height:34px}.talent-detail{min-height:108px;padding:9px}.talent-detail p{font-size:10px!important}.talent-detail-actions{margin-top:5px}.talent-toolbar h2{font-size:26px!important}}@media(max-width:800px){.loadout-modal{padding:16px!important}.talent-trees{grid-template-columns:repeat(3,minmax(210px,1fr));overflow-x:auto;padding:5px}.talent-grid{grid-template-rows:repeat(7,42px)}.talent-presets{flex-wrap:wrap}.talent-presets>span{display:none}.talent-detail p{font-size:10px!important}.bar-editor{grid-template-columns:repeat(6,1fr);gap:9px}.binding-editor{flex-wrap:wrap}#selected-slot{min-width:100%}.bar-library{grid-template-columns:repeat(2,1fr)}#actionbar{grid-template-columns:repeat(12,calc((100vw - 40px)/12))!important;gap:2px}.spell-slot{width:calc((100vw - 40px)/12);height:35px}.hud-controls>span{display:none}.hud-controls button{font-size:8px}.selection{max-height:none;overflow:visible}.loadout-links{flex-direction:column;margin:5px 0}.loadout-links button{padding:6px;font-size:9px}.loadout-links button b{display:inline;margin-left:7px}.menu{height:1140px!important}#app:not(body.playing #app){min-height:1140px}.loadout-footer{gap:8px}.loadout-footer .primary{min-width:130px;font-size:10px}.bar-library{max-height:230px}}button.nameplate{border:0;padding:0;background:transparent;font:inherit;color:inherit;cursor:pointer;pointer-events:auto}button.nameplate[hidden]{display:none}button.nameplate:hover{filter:brightness(1.15)}.spell-slot.queued{outline:2px solid #ffe5a3;outline-offset:2px}.hud-tools #fps{font-size:10px;color:#99bba6;font-variant-numeric:tabular-nums}.preview-hint{display:block;margin-top:10px;color:#c5b896;font-size:10px;letter-spacing:.3px;font-weight:400}#model-status{display:block;color:#e1c078;font-size:11px;margin-top:5px}.character-nameplate{bottom:92px;left:43%}.arena-caption{max-width:265px}.spell-slot.casting-now{box-shadow:0 0 12px #ffe096;outline:1px solid #ffe3a7;outline-offset:1px}.spell-slot.blocked img{filter:brightness(.5)}#target-status{position:absolute;left:50%;transform:translate(-50%);bottom:247px;color:#e8d8ae;font-size:11px;text-shadow:0 2px 3px #000;white-space:nowrap}#target-status.blocked{color:#ff8671}.playing #toast{top:23%;background:transparent;border:0;box-shadow:none;color:#ff6856;text-shadow:0 2px 3px #000;font-size:17px;font-weight:500}.race-face img{width:100%;height:100%;border-radius:50%}.nameplate em:empty{display:none}@media(max-width:800px){.character-nameplate{bottom:auto;left:50%;top:340px}.preview-hint{font-size:9px}#target-status{bottom:211px;font-size:10px}}.loadout-modal>.loadout-footer,.loadout-modal .loadout-footer{position:sticky;bottom:-25px;background:#171e1df5;border-top:1px solid #66543b;padding:12px 0;z-index:3}.loadout-modal .loadout-footer .primary{padding:10px 22px}.loadout-modal .close-modal{position:sticky;top:0;float:right;margin:-6px -6px 0 10px;z-index:5}.loadout-modal h2{margin-top:0}@media(max-height:850px)and (min-width:801px){.loadout-modal .loadout-footer{bottom:-19px}.talent-grid{grid-template-rows:repeat(7,35px)}.talent-node{width:29px;height:29px}.talent-detail{margin-top:8px}.talent-detail-actions button{padding:5px 9px}.talent-tree header{height:31px}}#lobby-panel{position:absolute;inset:0;pointer-events:none;z-index:20}.lobby-card{pointer-events:auto;max-height:calc(100dvh - 80px);overflow-y:auto}.lobby-card>.text-button{display:block;width:100%;margin-top:9px}.bottom-hud{pointer-events:none}.bottom-hud button{pointer-events:auto}#auras,#resource-label{pointer-events:none}.matchmaking-button{margin-top:10px;border-color:#c7aa67!important}.queue-help{margin:16px 0;color:#bdb7a8}.queue-actions{display:flex;gap:12px;margin-top:22px}.queue-actions button{padding:12px}#queue-status{margin:22px 0;font-size:20px;color:#edcc7e}.online-count{display:inline-flex;align-items:center;gap:6px;font:12px/1.5 Inter,system-ui,sans-serif;color:#bac4b8;white-space:nowrap}.online-count:before{content:"";width:6px;height:6px;border-radius:50%;background:#8c9993}.online-count.connected:before{background:#7cce99;box-shadow:0 0 7px #7cce9944}.match-setup>.online-count{margin:10px 0 2px}.hud-tools{flex-wrap:wrap}.hud-tools>.online-count{font-size:11px}.spell-slot.prepared{border-color:#ffcf67;box-shadow:0 0 12px #f5bb4b99,inset 0 0 8px #f5bb4b55}.spell-slot.prepared .slot-cd{color:#ffe19a}.language-picker{display:flex;align-items:center;gap:8px;color:#d8c99f;font:12px/1.3 Inter,system-ui,sans-serif;letter-spacing:0}.language-picker select{color:#ece1c5;background:#18201f;border:1px solid #716346;border-radius:3px;padding:7px 9px;cursor:pointer;min-width:98px;font:inherit}.language-picker select:focus-visible{outline:2px solid #edcc7e;outline-offset:3px}.language-picker select:disabled{opacity:.6}@media(max-width:800px){.top-tools .language-picker{gap:4px}.top-tools .language-picker>span{display:none}.language-picker select{min-width:88px;padding:6px}}@media(max-width:1100px){.top-tools .language-picker>span,.top-tools .version{display:none}}@media(max-width:600px){.top-tools{top:82px;right:12px}.arena-caption{top:132px}}