*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{background:#020617;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}button{font-family:inherit}.game-root{color:#fff;background:#020617;width:100vw;height:100vh;position:relative;overflow:hidden}.three-mount{touch-action:none;-webkit-user-select:none;user-select:none;position:absolute;top:0;bottom:0;left:0;right:0}.three-mount canvas{touch-action:none}.top-hud{pointer-events:none;z-index:10;background:linear-gradient(#0206179e,#0000);padding:10px 12px;position:absolute;top:0;left:0;right:0}.hud-inner{flex-direction:column;gap:6px;max-width:1320px;margin:0 auto;display:flex}.header-row{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.eyebrow{letter-spacing:.24em;text-transform:uppercase;color:#a5f3fcb8;font-size:10px}.title{letter-spacing:-.04em;margin:0;font-size:clamp(22px,2.2vw,32px);font-weight:950;line-height:.95}.stat-row{gap:6px;display:flex}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0e1e8c;border:1px solid #ffffff1a;border-radius:14px;box-shadow:0 14px 40px #00000047}.stat-card{text-align:right;min-width:76px;padding:6px 9px}.stat-label{text-transform:uppercase;letter-spacing:.15em;color:#ffffff85;font-size:9px;font-weight:800;line-height:1.1}.stat-value{font-variant-numeric:tabular-nums;margin-top:1px;font-size:18px;font-weight:950}.top-hud .xp-strip{display:none}.threat-row{grid-template-columns:minmax(0,1fr);align-items:start;gap:8px;width:100%;max-width:980px;margin:0 auto;display:grid}.threat-row.has-boss{grid-template-columns:minmax(0,.72fr) minmax(260px,1.12fr) minmax(0,.72fr)}.boss-card{background:#4c051959;border-color:#fda4af40;width:100%;max-width:520px;margin:0 auto;padding:7px 10px}.boss-head{text-transform:uppercase;letter-spacing:.14em;color:#ffe4e6db;justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px;font-size:10px;font-weight:950;display:flex}.boss-track{background:#00000073;border-radius:999px;height:9px;overflow:hidden}.boss-fill{background:linear-gradient(90deg,#e11d48,#fb923c,#fef08a);border-radius:999px;height:100%;transition:width .15s linear}.rare-card{background:#14060e57;border-color:#f8717138;border-radius:11px;width:100%;max-width:250px;margin:0 auto;padding:4px 7px}.rare-head{text-transform:uppercase;letter-spacing:.08em;color:#fecacadb;justify-content:space-between;align-items:center;gap:8px;margin-bottom:2px;font-size:7px;font-weight:950;display:flex}.rare-head span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rare-mods{color:#fef08ae6;white-space:nowrap;text-overflow:ellipsis;font-size:8px;overflow:hidden}.rare-track{background:#0000006b;border-radius:999px;height:5px;margin-top:2px;overflow:hidden}.rare-fill{background:linear-gradient(90deg,#7f1d1d,#ef4444,#f59e0b);border-radius:999px;height:100%;transition:width .15s linear}.bottom-hud{pointer-events:none;z-index:10;background:linear-gradient(#0000,#020617c2);padding:10px 12px 14px;position:absolute;bottom:0;left:0;right:0}.diablo-hud{pointer-events:auto;grid-template-columns:104px 1fr 104px;align-items:end;gap:12px;max-width:960px;margin:0 auto;display:grid}.center-hud{flex-direction:column;gap:6px;display:flex}.bottom-xp-strip{background:#020617e6;border:1px solid #ffffff2e;border-radius:999px;width:100%;max-width:620px;height:6px;margin:0 auto;overflow:hidden;box-shadow:0 0 18px #67e8f929}.xp-fill{background:linear-gradient(90deg,#a78bfa,#67e8f9);border-radius:999px;height:100%;box-shadow:0 0 14px #67e8f96b}.orb-wrap{place-items:center;gap:5px;display:grid}.orb{background:radial-gradient(circle at 35% 25%,#ffffff52,#fff0 24%),#0a0a14e6;border:3px solid #e6d2a0b3;border-radius:999px;width:92px;height:92px;position:relative;overflow:hidden;box-shadow:inset 0 0 24px #000000d9,0 10px 30px #00000073}.orb-fill{filter:saturate(1.2);transition:height .15s linear;position:absolute;bottom:0;left:0;right:0}.orb.hp .orb-fill{background:radial-gradient(circle at 38% 18%,#fecaca,#e11d48 42%,#450a0a 100%)}.orb.mana .orb-fill{background:radial-gradient(circle at 38% 18%,#bfdbfe,#2563eb 42%,#0b1a4a 100%)}.orb-shine{filter:blur(2px);background:#ffffff2e;border-radius:999px;height:28px;position:absolute;top:10px;bottom:auto;left:18px;right:18px}.orb-label{text-align:center;text-shadow:0 2px 10px #000;place-items:center;font-size:12px;font-weight:950;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.orb-name{text-transform:uppercase;letter-spacing:.16em;color:#ffffffad;font-size:10px;font-weight:950}.skillbar{background:linear-gradient(#0f172ab8,#020617e0);border:1px solid #e6d2a040;border-radius:20px;justify-content:center;align-items:end;gap:10px;padding:11px;display:flex;box-shadow:0 18px 50px #0000006b}.class-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.class-card{text-align:center;color:#fff;cursor:pointer;background:radial-gradient(circle at 50% 0,#ffffff1f,#020617b8 58%);border:1px solid #ffffff26;border-radius:20px;padding:15px;transition:transform .15s,border-color .15s,background .15s;box-shadow:0 16px 45px #00000052}.class-card.selected,.class-card:hover{background:#ffffff29;border-color:#ffffff61;transform:scale(1.02)}.class-rune{text-shadow:0 2px 10px #000;border:2px solid #e6d2a059;border-radius:16px;place-items:center;width:64px;height:64px;margin:0 auto 10px;font-size:36px;font-weight:950;display:grid}.class-title{font-size:20px;font-weight:950}.class-text{color:#ffffffad;min-height:50px;font-size:12px;line-height:1.35}.class-weapon{color:#cffafe;font-size:11px;font-weight:900}.choice-grid{overflow-x:hidden}.choice-card,.choice-text{overflow:hidden}.spell-slot{background:#0206179e;border-color:#e6d2a038;align-content:start;justify-items:center;width:84px;min-height:96px;padding:6px;display:grid;position:relative}.spell-top{justify-content:space-between;align-items:center;gap:6px;width:100%;display:flex}.spell-pill{color:#020617;white-space:nowrap;border-radius:999px;padding:2px 6px;font-size:10px;font-weight:950}.spell-title{text-align:center;white-space:nowrap;text-overflow:ellipsis;width:100%;margin-top:4px;font-size:10px;font-weight:950;line-height:1.05;overflow:hidden}.spell-icon{border:2px solid #e6d2a059;border-radius:10px;place-items:center;width:42px;height:42px;margin:4px auto 0;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 18px #0000008c,0 8px 18px #00000059}.spell-icon:after{content:"";filter:blur(1px);background:#ffffff38;border-radius:999px;height:12px;position:absolute;top:4px;bottom:auto;left:7px;right:7px}.spell-cd-track{background:#00000073;border-radius:999px;width:100%;height:5px;margin-top:6px;overflow:hidden}.spell-cd-fill{background:#fff;border-radius:999px;height:100%;transition:width .15s linear}.muted-xs{color:#ffffff80;text-align:center;margin-top:4px;font-size:10px}.badges{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:6px;display:flex}.badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#02061780;border:1px solid #ffffff1a;border-radius:12px;padding:5px 8px;font-size:11px;font-weight:900;box-shadow:0 12px 34px #0000003d}.overlay{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#02061794;place-items:center;padding:16px;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.overlay.high{z-index:30;background:#020617c7}.modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:32px;width:min(100%,620px);padding:32px;box-shadow:0 30px 90px #0000008c}.modal.wide{width:min(100%,820px)}.modal-tag{color:#cffafe;text-transform:uppercase;letter-spacing:.23em;background:#a5f3fc1a;border:1px solid #a5f3fc40;border-radius:999px;margin-bottom:12px;padding:6px 12px;font-size:11px;font-weight:900;display:inline-flex}.modal-title{letter-spacing:-.05em;margin:0;font-size:clamp(34px,6vw,64px);font-weight:950;line-height:.95}.modal-text{color:#ffffffb8;margin:10px 0 0;line-height:1.5}.choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:min(58vh,520px);margin-top:16px;display:grid;overflow:hidden auto}.choice-card{text-align:center;color:#fff;cursor:pointer;background:radial-gradient(circle at 50% 0,#ffffff1f,#020617b8 58%);border:1px solid #ffffff26;border-radius:18px;padding:13px;transition:transform .15s,border-color .15s,background .15s;box-shadow:0 16px 45px #00000052}.choice-card:hover{background:#ffffff26;border-color:#ffffff59;transform:scale(1.02)}.choice-rune{color:#fff;text-shadow:0 2px 10px #000;border:2px solid #e6d2a059;border-radius:15px;place-items:center;width:58px;height:58px;margin:0 auto 10px;font-size:34px;font-weight:950;display:grid;box-shadow:inset 0 0 22px #0000008c,0 12px 30px #00000052}.choice-title{font-size:18px;font-weight:950}.choice-sub{color:#cffafed1;margin-top:3px;font-size:12px;font-weight:900}.choice-text{color:#ffffffad;min-height:30px;max-height:50px;margin-top:8px;font-size:12px;line-height:1.28;overflow:hidden}.choice-cta{color:#020617;text-align:center;background:#fff;border-radius:14px;margin-top:10px;padding:8px 10px;font-size:12px;font-weight:950}.control-grid{color:#ffffffbf;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:20px;font-size:14px;display:grid}.control{background:#02061759;border:1px solid #ffffff1a;border-radius:18px;align-items:center;gap:12px;padding:12px;display:flex}.control-key{text-align:center;color:#020617;background:#fff;border-radius:12px;min-width:96px;padding:8px 12px;font-size:12px;font-weight:950}.primary-btn,.retry-btn{cursor:pointer;border:0;transition:transform .15s,background .15s}.primary-btn{color:#020617;background:#67e8f9;border-radius:20px;width:100%;margin-top:24px;padding:14px 18px;font-size:16px;font-weight:950;box-shadow:0 18px 45px #06b6d438}.retry-btn{color:#020617;background:#fff;border-radius:20px;margin-top:24px;padding:14px 24px;font-weight:950}.primary-btn:hover,.retry-btn:hover{background:#fff;transform:scale(1.02)}.game-over-card{text-align:center;width:min(100%,430px)}.game-over-label{color:#fecdd3;text-transform:uppercase;letter-spacing:.32em;font-size:12px;font-weight:950}.game-over-score{margin-top:8px;font-size:52px;font-weight:950}@media (max-width:850px){.class-grid{grid-template-columns:1fr}.top-hud,.bottom-hud{padding:8px}.threat-row.has-boss,.threat-row{grid-template-columns:1fr}.rare-card{max-width:100%}.diablo-hud{grid-template-columns:74px 1fr 74px;gap:6px}.orb{width:66px;height:66px}.skillbar{gap:5px;padding:6px}.spell-slot{width:72px;min-height:88px}.choice-grid,.control-grid{grid-template-columns:1fr}.title{font-size:24px}.modal{border-radius:26px;padding:22px}}.auth-screen{color:#fff;background-color:#020617;background-image:radial-gradient(circle at 50% 0,#67e8f92e,#0000 30%),linear-gradient(#0206176b,#020617c7),url(/static/landing/bg-towers.png),none;background-position:0 0,0 0,50%,0 0;background-repeat:repeat,repeat,no-repeat,repeat;background-size:auto,auto,cover,auto;background-attachment:scroll,scroll,scroll,scroll;background-origin:border-box;background-clip:border-box;place-items:center;width:100vw;min-height:100vh;padding:18px;display:grid}.auth-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080d1cb8;border:1px solid #ffffff24;border-radius:24px;width:min(100%,420px);padding:28px;box-shadow:0 24px 80px #0000007a}.auth-kicker{color:#cffafe;text-transform:uppercase;letter-spacing:.2em;background:#a5f3fc1a;border:1px solid #a5f3fc3d;border-radius:999px;margin-bottom:12px;padding:6px 10px;font-size:10px;font-weight:900;display:inline-flex}.auth-card h1{margin:0;font-size:42px;font-weight:950;line-height:.95}.auth-card p{color:#ffffffb8;margin:12px 0 0;line-height:1.45}.auth-copy{max-width:34ch}.auth-hint{font-size:12px}.auth-form{gap:10px;margin-top:22px;display:grid}.auth-form label{text-transform:uppercase;letter-spacing:.14em;color:#ffffff9e;font-size:11px;font-weight:900}.auth-form input{color:#fff;width:100%;font:inherit;background:#020617c7;border:1px solid #ffffff2e;border-radius:14px;outline:none;padding:13px 14px}.auth-form input:focus{border-color:#67e8f9d6;box-shadow:0 0 0 3px #67e8f924}.auth-form button{color:#020617;cursor:pointer;background:#67e8f9;border:0;border-radius:15px;padding:13px 16px;font-weight:950}.auth-form button:disabled{cursor:wait;opacity:.68}.auth-link-button{color:#cffafe!important;background:0 0!important;padding:4px 0!important}.auth-message,.auth-error{border-radius:14px;margin-top:14px;padding:10px 12px;font-size:13px;font-weight:800;line-height:1.35}.auth-message{color:#bbf7d0;background:#22c55e21;border:1px solid #22c55e38}.auth-error{color:#fecdd3;background:#f43f5e21;border:1px solid #f43f5e40}@media (max-width:900px){.auth-screen{background-color:#020617;background-image:radial-gradient(circle at 50% 0,#67e8f92e,#0000 30%),linear-gradient(#0000 0% 32%,#02061773 50%,#020617eb 100%),url(/static/landing/bg-towers.png),none;background-position:0 0,0 0,0 -20vh,0 0;background-repeat:repeat,repeat,no-repeat,repeat;background-size:auto,auto,200%,auto;background-attachment:scroll,scroll,scroll,scroll;background-origin:border-box;background-clip:border-box;place-items:start center;padding-top:50vh}}@media (max-width:540px){.auth-screen{padding-top:41vh}}.skillbar{box-shadow:none;background:0 0;border:0;border-radius:0;justify-content:center;align-items:end;gap:10px;padding:0;display:flex}.charge-bar-wrap{align-items:center;width:100%;max-width:620px;height:7px;margin:0 auto;padding:0 2px;display:flex}.charge-bar-track{background:#020617e6;border:1px solid #ffffff2e;border-radius:999px;width:100%;height:5px;position:relative;overflow:visible}.charge-bar-fill{transform-origin:0;will-change:transform;background:linear-gradient(90deg,#a78bfa,#e879f9);border-radius:999px;width:100%;height:100%;transition:transform .1s linear;box-shadow:0 0 8px #a78bfa73}.charge-bar-fill.charge-ready{background:linear-gradient(90deg,#4ade80,#22d3ee);animation:.55s ease-in-out infinite alternate charge-ready-pulse;box-shadow:0 0 14px #4ade80bf}@keyframes charge-ready-pulse{0%{box-shadow:0 0 8px #4ade8099}to{box-shadow:0 0 22px #4ade80f2,0 0 38px #22d3ee73}}.weapon-divider{background:linear-gradient(#0000,#e6d2a052,#0000);width:1px;height:68px;margin:0 1px}.spell-slot{width:84px;min-height:auto;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(75% 85%,#0206178c 0%,#02061747 55%,#02061700 100%);border-color:#0000;flex-direction:column;justify-content:flex-start;align-items:center;gap:4px;padding:6px 6px 8px;display:flex;position:relative;overflow:visible}.spell-slot.empty{opacity:.74}.spell-slot.empty.can-learn{opacity:1;border-color:#fff59d85;box-shadow:0 0 0 1px #fff59d29,0 14px 34px #00000061}.spell-slot.empty.can-learn .spell-icon{border-color:#fff59df2;box-shadow:inset 0 0 18px #ffffff29,0 0 22px #fff59d40,0 8px 18px #00000059}.spell-empty-shine{z-index:2;pointer-events:none;background:linear-gradient(120deg,#0000 18%,#ffffff1f 35%,#ffffff9e 50%,#ffffff1f 65%,#0000 82%);animation:1.85s ease-in-out infinite spellShine;position:absolute;top:-25%;bottom:-25%;left:-25%;right:-25%;transform:translate(-130%)skew(-18deg)}.spell-top{justify-content:center;align-items:center;width:100%;min-height:12px;display:flex}.spell-key{color:#ffffff85;font-size:10px;font-weight:950}.spell-pill{display:none}.spell-title{text-align:center;white-space:normal;text-overflow:ellipsis;width:100%;min-height:20px;margin-top:0;font-size:9px;font-weight:900;line-height:1.1;overflow:hidden}.spell-icon{isolation:isolate;background:#030712eb;border:2px solid #e6d2a059;border-radius:12px;place-items:center;width:54px;height:54px;margin:0 auto;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 18px #0000008c,0 8px 18px #00000059}.spell-icon:after{content:none}.spell-icon-dark{z-index:0;background:linear-gradient(#02061733,#020617d1);position:absolute;top:0;bottom:0;left:0;right:0}.spell-cd-reveal{z-index:1;height:0;transition:height .12s linear;position:absolute;bottom:0;left:0;right:0;box-shadow:inset 0 0 16px #ffffff1f}.spell-ready-glow{opacity:0;z-index:2;pointer-events:none;background:linear-gradient(120deg,#0000 15%,#ffffff14 35%,#fff6 50%,#ffffff14 65%,#0000 85%);position:absolute;top:-18%;bottom:-18%;left:-18%;right:-18%;transform:translate(-130%)skew(-18deg)}.spell-icon.ready{border-color:#fff59de6;box-shadow:inset 0 0 18px #ffffff2e,0 0 0 1px #ffffff14,0 10px 18px #00000059}.spell-icon.ready .spell-ready-glow{opacity:1;animation:2.6s ease-in-out infinite spellShine}.spell-icon-rune{z-index:3;color:#fff;text-shadow:0 2px 10px #000;font-size:27px;font-weight:950;position:relative}.spell-cd-track,.spell-cd-fill,.muted-xs{display:none}@keyframes spellShine{0%{opacity:0;transform:translate(-130%)skew(-18deg)}20%{opacity:1}55%{opacity:.95;transform:translate(130%)skew(-18deg)}to{opacity:0;transform:translate(130%)skew(-18deg)}}.spell-slot.empty{cursor:pointer}.spell-slot.queued{border-color:#67e8f9f2;box-shadow:0 0 0 1px #67e8f957,0 0 26px #67e8f947,0 14px 34px #00000061}.spell-slot.queued .spell-icon{border-color:#cffafe;box-shadow:inset 0 0 18px #ffffff2e,0 0 22px #67e8f952,0 8px 18px #00000059}.spell-slot.picker-open{z-index:60;border-color:#67e8f9cc;overflow:visible;box-shadow:0 0 0 1px #67e8f93d,0 18px 50px #00000085}.skill-picker-row{pointer-events:auto;scrollbar-width:none;flex-wrap:nowrap;justify-content:center;align-items:center;gap:8px;max-width:100%;min-height:88px;padding:14px;display:flex;overflow:visible}.skill-picker-row::-webkit-scrollbar{display:none}.skill-pick-icon{color:#fff;cursor:pointer;transform-origin:50%;border:2px solid #ffffff6b;border-radius:14px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:3px;width:60px;height:60px;padding:6px 4px;transition:scale .12s,border-color .12s,filter .12s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 14px #00000073,0 10px 24px #0000008a}.skill-picker-row .skill-pick-icon{animation:1.3s ease-in-out infinite spellSlotLevelUpPulse}.skill-pick-icon:hover{filter:brightness(1.2);border-color:#fff;scale:1.1}.skill-pick-rune{text-shadow:0 2px 10px #000;font-size:22px;font-weight:950;line-height:1}.skill-pick-name{text-align:center;text-shadow:0 2px 8px #000;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;font-size:7.5px;font-weight:950;line-height:1.02;display:-webkit-box;overflow:hidden}.tower-picker{z-index:80;pointer-events:auto;gap:8px;display:flex;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.tower-overlay{z-index:15;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);will-change:transform,opacity;-webkit-user-select:none;user-select:none;background:linear-gradient(#0f172ac7,#020617e0);border:1px solid #e6d2a057;border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:8px 10px 10px;transition:opacity .14s ease-out;display:flex;position:absolute;top:0;left:0;box-shadow:0 18px 50px #0000008c,0 0 22px #67e8f92e}.tower-overlay:after{content:"";background:#020617e0;border-bottom:1px solid #e6d2a057;border-right:1px solid #e6d2a057;width:14px;height:14px;position:absolute;top:100%;left:50%;transform:translate(-50%,-7px)rotate(45deg)}.tower-overlay-label{letter-spacing:.18em;text-transform:uppercase;color:#cffafecc;text-shadow:0 2px 8px #000;font-size:10px;font-weight:950}.tower-overlay-row{pointer-events:auto;gap:8px;display:flex}.tower-pick-icon{color:#fff;cursor:pointer;border:2px solid #fff9;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:1px;width:72px;height:62px;padding:4px 3px;transition:scale .12s,border-color .12s,filter .12s;display:flex;overflow:hidden;box-shadow:inset 0 0 16px #00000080,0 12px 26px #0000008c,0 0 18px #ffffff29}.tower-pick-icon:hover{filter:brightness(1.18);border-color:#fff;scale:1.08}.tower-pick-icon .skill-pick-rune{text-shadow:0 2px 10px #000;font-size:28px;font-weight:950;line-height:1}.tower-pick-icon .skill-pick-name{text-transform:uppercase;letter-spacing:.06em;text-align:center;text-shadow:0 2px 8px #000;font-size:9px;font-weight:950;line-height:1.05}.spell-key{color:#cffafec7;letter-spacing:.04em;background:#020617b3;border:1px solid #ffffff29;border-radius:5px;justify-content:center;align-items:center;min-width:18px;padding:1px 5px;font-size:9px;font-weight:950;display:inline-flex}.tutorial-arrow{color:#fef08a;text-shadow:0 0 20px #facc15f2,0 0 8px #ffffffb3,0 4px 10px #000000bf;filter:drop-shadow(0 2px 6px #0009);pointer-events:none;z-index:30;font-size:44px;font-weight:950;line-height:1;animation:.85s ease-in-out infinite tutorialBounce;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}@keyframes tutorialBounce{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-10px)}}.spell-slot.can-upgrade{border-color:#67e8f957}.spell-slot.upgrade-open{z-index:60;border-color:#67e8f9e6;overflow:visible;box-shadow:0 0 0 1px #67e8f94d,0 18px 50px #00000085}.spell-rank{color:#cffafe;background:#020617b8;border:1px solid #ffffff29;border-radius:999px;margin-left:auto;padding:1px 4px;font-size:8px;font-weight:950;line-height:1.1}.spell-upgrade-button{z-index:7;color:#020617;cursor:pointer;touch-action:none;background:#67e8f9;border:1px solid #ffffff5c;border-radius:999px;place-items:center;width:22px;height:22px;font-size:16px;font-weight:950;line-height:1;display:grid;position:absolute;top:18px;right:4px;box-shadow:0 8px 18px #0000005c,0 0 18px #67e8f947}.spell-upgrade-button:active{transform:scale(.94)}.skill-upgrade-strip{pointer-events:auto;justify-content:center;align-items:center;gap:6px;min-height:54px;display:flex}.skill-upgrade-choice{color:#fff;cursor:pointer;transform-origin:bottom;border:2px solid #ffffff6b;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:1px;width:60px;height:50px;padding:4px 3px;transition:scale .12s,border-color .12s,filter .12s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 14px #00000073,0 10px 24px #0000008a}.skill-upgrade-choice:hover:not(:disabled){filter:brightness(1.2);border-color:#fff;scale:1.1}.skill-upgrade-choice:disabled{cursor:not-allowed;filter:saturate(.6);opacity:.48}.skill-upgrade-choice.maxed{border-color:#facc1561}.skill-upgrade-rank{z-index:2;color:#cffafe;background:#020617b8;border-radius:999px;padding:1px 3px;font-size:7px;font-weight:950;line-height:1;position:absolute;top:2px;right:3px}.leaderboard-panel{text-align:left;background:#0206176b;border:1px solid #ffffff1f;border-radius:16px;margin-top:18px;padding:12px}.leaderboard-head{text-transform:uppercase;letter-spacing:.16em;color:#cffafecc;justify-content:space-between;gap:12px;font-size:11px;font-weight:950;display:flex}.leaderboard-list{gap:7px;margin:10px 0 0;padding:0;list-style:none;display:grid}.leaderboard-list li{background:#ffffff0f;border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:8px 10px;font-size:12px;display:grid}.leaderboard-rank{color:#cffafe;font-variant-numeric:tabular-nums;font-weight:950}.leaderboard-name{text-overflow:ellipsis;white-space:nowrap;font-weight:900;overflow:hidden}.leaderboard-list strong{font-variant-numeric:tabular-nums}.leaderboard-list em{color:#cffafe;font-style:normal;font-weight:900}.leaderboard-note{color:#ffffff9e;margin-top:10px;font-size:12px;line-height:1.4}.mobile-move-stick,.mobile-dodge-button{display:none}@supports (height:100dvh){.game-root{height:100dvh;min-height:100dvh}.auth-screen{min-height:100dvh}}@media (max-width:850px),(pointer:coarse){.game-root{height:100dvh;min-height:100dvh}.top-hud{padding-top:calc(8px + env(safe-area-inset-top))}.bottom-hud{padding-bottom:calc(10px + env(safe-area-inset-bottom))}.overlay{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:calc(10px + env(safe-area-inset-top)) calc(10px + env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) calc(10px + env(safe-area-inset-left));place-items:start center;overflow-y:auto}.modal{width:min(100%,460px);max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 20px);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border-radius:20px;padding:18px;overflow-y:auto}.modal.wide{width:min(100%,460px)}.class-select-modal{padding-bottom:0}.modal-tag{letter-spacing:.14em;margin-bottom:8px;padding:5px 9px;font-size:9px}.modal-title{letter-spacing:0;font-size:34px}.modal-text{margin-top:8px;font-size:13px;line-height:1.35}.class-grid{grid-template-columns:1fr;gap:8px;margin-top:12px}.class-card{text-align:left;border-radius:16px;grid-template-columns:48px minmax(0,1fr);grid-template-areas:"rune title""rune text""rune weapon";align-items:center;column-gap:10px;padding:10px;display:grid}.class-rune{border-radius:13px;grid-area:rune;width:46px;height:46px;margin:0;font-size:26px}.class-title{grid-area:title;font-size:16px;line-height:1.05}.class-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;grid-area:text;min-height:0;margin:2px 0 0;font-size:11px;line-height:1.24;display:-webkit-box;overflow:hidden}.class-weapon{grid-area:weapon;margin-top:3px;font-size:10px}.control-grid{display:none}.modal-actions{padding:10px 18px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(#080d1c00,#080d1cd1 28%,#080d1cf5);margin:16px -18px 0;position:sticky;bottom:0}.primary-btn{border-radius:16px;min-height:46px;margin-top:0}.diablo-hud{grid-template-columns:58px minmax(0,1fr) 58px;gap:5px}.orb{border-width:2px;width:54px;height:54px}.orb-label{font-size:10px}.orb-name{letter-spacing:.1em;font-size:8px}.skillbar{border-radius:16px;gap:6px;padding:4px}.spell-slot{background:0 0;border:none;gap:3px;width:60px;min-height:auto;padding:2px 0 4px}.spell-slot.empty.can-learn{box-shadow:none}.spell-top{min-height:0}.spell-title{text-transform:uppercase;letter-spacing:.04em;color:#cffafed9;text-align:center;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:20px;margin-top:1px;font-size:8.5px;font-weight:900;line-height:1.05;display:-webkit-box;overflow:hidden}.spell-icon{border-radius:14px;width:60px;height:60px}.spell-icon-rune{font-size:34px}.spell-rank{z-index:4;background:#020617d9;margin-left:0;padding:1px 5px;font-size:8px;position:absolute;top:-6px;right:-4px}.spell-upgrade-button{box-sizing:border-box;color:#042f2e;width:60px;min-width:60px;max-width:60px;height:24px;text-shadow:none;background:linear-gradient(#a5f3fc,#22d3ee);border:0;border-radius:8px;flex:none;justify-content:center;align-items:center;margin:0 0 2px;padding:0;font-size:18px;font-weight:950;line-height:1;animation:1.6s ease-in-out infinite spellUpgradePulse;display:flex;position:relative;top:auto;right:auto;overflow:hidden;box-shadow:0 4px 10px #22d3ee66,inset 0 -1px #0000002e,inset 0 1px #ffffff8c}.spell-upgrade-button:before{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 30%,#ffffff8c 50%,#0000 70%);animation:2.4s ease-in-out infinite spellUpgradeShine;position:absolute;top:0;bottom:0;left:0;right:0;transform:translate(-100%)}@keyframes spellUpgradePulse{0%,to{filter:brightness();transform:translateY(0)}50%{filter:brightness(1.08);transform:translateY(-1.5px)}}@keyframes spellUpgradeShine{0%,60%{transform:translate(-100%)}80%,to{transform:translate(100%)}}.spell-slot.empty .spell-icon-rune{color:#fff59df2;font-size:30px}.spell-slot.empty .spell-title{color:#fff59dd1}.spell-icon.ready .spell-ready-glow,.spell-empty-shine{animation:none}.skill-upgrade-strip{scrollbar-width:none;justify-content:safe center;gap:12px;max-width:100%;min-height:64px;padding:2px 8px;overflow-x:auto}.skill-picker-row{justify-content:safe center;gap:12px;max-width:calc(100vw - 24px);min-height:84px;padding:8px 12px;overflow-x:auto}.skill-picker-row .skill-pick-icon{border-radius:14px;flex:0 0 60px;width:60px;height:60px}.skill-upgrade-strip::-webkit-scrollbar{display:none}.skill-upgrade-choice{border-radius:14px;flex:0 0 60px;width:60px;height:60px}.weapon-divider{height:58px}.mobile-move-stick{left:calc(14px + env(safe-area-inset-left));bottom:calc(290px + env(safe-area-inset-bottom));z-index:14;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;place-items:center;width:132px;height:132px;display:grid;position:absolute}.mobile-move-base{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:radial-gradient(circle,#67e8f924,#02061733 52%,#02061794);border:1px solid #ffffff2e;border-radius:999px;width:112px;height:112px;position:relative;box-shadow:inset 0 0 24px #00000073,0 14px 34px #00000057}.mobile-move-base:before{content:"";border:1px solid #ffffff1f;border-radius:999px;position:absolute;top:25px;bottom:25px;left:25px;right:25px}.mobile-move-thumb{background:radial-gradient(circle at 35% 25%,#ffffff7a,#67e8f99e 42%,#0e7490c2);border:2px solid #cffafebd;border-radius:999px;width:52px;height:52px;margin:-26px 0 0 -26px;transition:box-shadow .12s;position:absolute;top:50%;left:50%;box-shadow:inset 0 0 14px #ffffff29,0 8px 20px #00000061}.mobile-move-stick.active .mobile-move-thumb{box-shadow:inset 0 0 14px #ffffff38,0 0 24px #67e8f957,0 8px 20px #00000061}.mobile-dodge-button{right:calc(18px + env(safe-area-inset-right));bottom:calc(305px + env(safe-area-inset-bottom));z-index:14;color:#020617d9;text-transform:uppercase;letter-spacing:0;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;opacity:.62;background:radial-gradient(circle at 35% 25%,#ffffff38,#f8fafc80 34%,#67e8f957);border:1px solid #ffffff24;border-radius:999px;place-items:center;width:78px;height:78px;font-size:13px;font-weight:950;transition:opacity .15s;display:grid;position:absolute;box-shadow:inset 0 0 14px #ffffff2e,0 10px 22px #00000047}.mobile-dodge-button:not(.disabled):active{opacity:.98}.spell-key{display:none}.charge-bar-wrap{height:11px}.charge-bar-track{height:8px}.mobile-dodge-button:active{filter:brightness(1.08);transform:scale(.96)}.mobile-dodge-button.disabled{opacity:.45;filter:saturate(.7);box-shadow:inset 0 0 18px #ffffff24,0 10px 24px #0000004d}.tower-overlay{border-radius:13px;gap:3px;padding:5px 7px 7px}.tower-overlay-label{letter-spacing:.14em;font-size:8px}.tower-overlay-row{gap:5px}.tower-overlay .tower-pick-icon{border-width:1px;border-radius:11px;width:54px;height:48px}.tower-overlay .tower-pick-icon .skill-pick-rune{font-size:20px}.tower-overlay .tower-pick-icon .skill-pick-name{letter-spacing:.04em;font-size:7px}.tower-overlay:after{width:10px;height:10px;transform:translate(-50%,-5px)rotate(45deg)}}@keyframes spellSlotLevelUpPulse{0%,to{border-color:#fff59d66;transform:scale(1);box-shadow:0 0 18px #fff59d2e,0 14px 34px #00000061}50%{border-color:#fff59dd9;transform:scale(1.04);box-shadow:0 0 38px #fff59d80,0 14px 34px #00000061}}.badge.skill-points-active{color:#fef9c3;background:#fff59d2e;border-color:#fff59d8c}.curse-list{flex-direction:column;gap:10px;margin-top:16px;display:flex}.curse-row{color:#fff;cursor:pointer;text-align:left;background:radial-gradient(circle at 0%,#ffffff17,#020617b8 70%);border:1px solid #ffffff24;border-radius:16px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:13px;padding:11px 13px;font-family:inherit;transition:transform .15s,border-color .15s,background .15s;display:grid;box-shadow:0 14px 36px #00000052}.curse-row:hover{background:radial-gradient(circle at 0%,#ffffff24,#020617a6 70%);border-color:#ffffff57;transform:translate(2px)}.curse-row--major{background:radial-gradient(circle at 0%,#4c05198c,#020617b3 70%);border-color:#fda4af47}.curse-row--major:hover{background:radial-gradient(circle at 0%,#4c0519b3,#02061799 70%);border-color:#fda4af8c}.curse-row__rune{color:#fff;text-shadow:0 2px 10px #000;border:2px solid #e6d2a059;border-radius:13px;place-items:center;width:48px;height:48px;font-size:26px;font-weight:950;display:grid;box-shadow:inset 0 0 18px #0000008c,0 10px 22px #00000052}.curse-row--minor .curse-row__rune{background:linear-gradient(135deg,#67e8f9,#0e7490);border-color:#a5f3fc8c}.curse-row--major .curse-row__rune{background:linear-gradient(135deg,#dc2626,#450a0a)}.curse-row__body{flex-direction:column;gap:2px;min-width:0;display:flex}.curse-row__head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.curse-row__title{font-size:16px;font-weight:950;line-height:1.05}.curse-row__pill{letter-spacing:.14em;text-transform:uppercase;background:#02061766;border:1px solid;border-radius:999px;padding:2px 8px;font-size:9px;font-weight:900;line-height:1.6}.curse-row__pill--minor{color:#67e8f9}.curse-row__pill--major{color:#fca5a5}.curse-row__text{color:#cffafebd;margin:2px 0 0;font-size:12.5px;line-height:1.35}.curse-row__cta{color:#020617;white-space:nowrap;text-align:center;background:#fff;border-radius:11px;align-self:center;min-width:84px;padding:9px 14px;font-size:12px;font-weight:950;transition:background .15s}.curse-row:hover .curse-row__cta{background:#cffafe}