@import"https://fonts.googleapis.com/css2?family=Grenze+Gotisch:wght@500;700;900&display=swap";:root{--bg: #0e0d10;--bg2: #16141a;--ember: #ff6a2b;--ember-dim: #b6431a;--ash: #8a8580;--ash-dim: #5b5760;--text: #e9e3da;--font: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--font-display: "Grenze Gotisch", "Cinzel Decorative", serif}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font)}#app{position:fixed;inset:0}#game{display:block;width:100%;height:100%;touch-action:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}#hud{position:fixed;inset:0;pointer-events:none}#hint{position:absolute;left:14px;bottom:14px;font-size:12px;letter-spacing:.02em;padding:6px 10px;background:#16141ab3;border-left:2px solid var(--ember);border-radius:2px;color:var(--ash)}#stat{position:absolute;right:14px;top:12px;font-size:11px;text-align:right;color:var(--ash-dim);white-space:pre}#hud.hidden{display:none}#landing{position:fixed;inset:0;z-index:10;display:flex;flex-direction:column;opacity:1;transition:opacity .6s ease;pointer-events:none}#landing.gone{opacity:0}#landing a,#landing button,#landing .ca-chip{pointer-events:auto}#landing:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#0e0d10e6,#0e0d1000 24% 60%,#0e0d10f0)}#landing nav{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;pointer-events:auto}.brand{font-weight:700;letter-spacing:.28em;color:var(--text);font-size:15px}.brand b{color:var(--ember)}.nav-right{display:flex;align-items:center;gap:16px}.nav-right a.soc{color:var(--ash);display:inline-flex;align-items:center;justify-content:center;transition:color .15s,transform .15s}.nav-right a.soc svg{width:19px;height:19px;display:block}.nav-right a.soc:hover{color:var(--ember);transform:translateY(-1px)}.ca-chip{font-size:11px;color:var(--ash);border:1px solid #2c2830;border-radius:999px;padding:5px 11px;transition:border-color .15s,color .15s}.ca-chip:hover{border-color:var(--ember);color:var(--text)}.countdown{font-size:12px;color:var(--ember);letter-spacing:.06em;border:1px solid var(--ember-dim);border-radius:999px;padding:6px 13px;white-space:nowrap;font-variant-numeric:tabular-nums}.token-bar{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:8px}.ticker{font-family:var(--font-display);font-size:clamp(26px,3.8vw,42px);font-weight:900;letter-spacing:.03em;color:#ffcf4a;line-height:1;text-shadow:0 2px 14px rgba(255,207,74,.35)}.buy-btn{pointer-events:auto;text-decoration:none;font-size:12px;font-weight:800;letter-spacing:.06em;color:#08210f;background:linear-gradient(180deg,#7bed7b,#35c759);border:1px solid #2ea24a;border-radius:999px;padding:7px 15px;transition:transform .12s,box-shadow .2s,filter .15s;box-shadow:0 4px 16px -4px #35c7598c;white-space:nowrap}.buy-btn:hover{transform:translateY(-1px);filter:brightness(1.08);box-shadow:0 8px 22px -4px #35c759bf}.buy-btn.soon{background:#2a2830;color:var(--ash-dim);border-color:#33303a;box-shadow:none;cursor:default;pointer-events:none}.hero-top{position:absolute;top:62px;left:0;right:0;text-align:center;padding:0 24px}.hero-bottom{position:absolute;bottom:5.5vh;left:0;right:0;text-align:center;padding:0 24px;display:flex;flex-direction:column;align-items:center;gap:13px}.class-strip{display:flex;gap:clamp(16px,8vw,96px);font-weight:800;letter-spacing:.14em;font-size:clamp(11px,1.6vw,15px);text-shadow:0 2px 8px #000}.features{color:var(--ash);font-size:12px;letter-spacing:.1em}.wordmark-pre{font-family:var(--font-display);font-size:clamp(15px,2.6vw,30px);font-weight:700;letter-spacing:.5em;text-indent:.5em;color:var(--ash);text-transform:uppercase;margin-bottom:-4px}.wordmark{font-family:var(--font-display);white-space:nowrap;font-size:clamp(40px,8.2vw,112px);font-weight:900;letter-spacing:.04em;line-height:.9;margin-bottom:6px;color:var(--text);text-transform:uppercase;text-shadow:0 0 40px rgba(255,106,43,.5),0 4px 0 #1a0d06,0 7px 2px rgba(0,0,0,.6)}.wordmark .em{color:var(--ember);text-shadow:0 0 30px rgba(255,106,43,.9)}.wordmark .wm-in{font-size:.32em;font-weight:500;color:var(--ash);text-transform:lowercase;letter-spacing:.02em;margin:0 .22em;vertical-align:.28em;text-shadow:none}.tag{color:var(--ash);letter-spacing:.2em;font-size:clamp(12px,2.4vw,16px);text-transform:uppercase;margin-top:22px}.pick-hint{margin-top:4px;color:var(--ember);font-size:13px;letter-spacing:.1em;font-weight:700;animation:pickpulse 1.8s ease-in-out infinite}@keyframes pickpulse{0%,to{opacity:.55;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}#hero-info{position:fixed;z-index:15;width:244px;pointer-events:none;background:#100e14f2;border:1px solid #322c3a;border-radius:8px;padding:12px 14px;box-shadow:0 20px 50px -18px #000;opacity:0;transform:translateY(6px);transition:opacity .14s ease,transform .14s ease}#hero-info.show{opacity:1;transform:translateY(0)}.hi-race{font-family:var(--font-display);font-size:27px;font-weight:900;letter-spacing:.04em;line-height:1}.hi-blurb{font-size:11px;color:var(--ash);margin:5px 0 10px;line-height:1.45}.hi-skills{display:flex;flex-direction:column;gap:6px}.hi-skill{display:flex;align-items:baseline;gap:8px;font-size:12px}.hi-skill .k{font-size:14px;font-weight:700}.hi-skill b{color:var(--text);font-weight:700}.hi-skill em{margin-left:auto;font-style:normal;font-size:9.5px;letter-spacing:.1em;color:var(--ash-dim);text-transform:uppercase}.hi-cta{margin-top:10px;font-size:11px;font-weight:700;letter-spacing:.08em}#auth-modal{position:fixed;inset:0;z-index:20;display:none;align-items:center;justify-content:center;background:#080709b8;backdrop-filter:blur(3px)}#auth-modal.open{display:flex}.modal{width:min(92vw,380px);background:var(--bg2);border:1px solid #26222c;border-radius:8px;padding:26px 24px;display:flex;flex-direction:column;gap:14px;box-shadow:0 30px 80px -20px #000}.modal h2{font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:.04em;text-align:center;color:var(--text);text-transform:uppercase}#chosen-class{text-align:center;font-size:13px;color:var(--ash);letter-spacing:.04em;line-height:1.5}#chosen-class b{font-family:var(--font-display);font-size:19px;font-weight:700;letter-spacing:.04em}#chosen-class span{display:block;font-size:11px;color:var(--ash-dim);margin-top:2px}.modal .btn{pointer-events:auto;width:100%;padding:13px;border-radius:4px;font-weight:700;letter-spacing:.08em;font-size:13px;transition:transform .1s,background .15s,border-color .15s}.btn-wallet{background:var(--ember);color:#140a05}.btn-wallet:hover{background:#ff7d45;transform:translateY(-1px)}.btn-guest{background:transparent;border:1px solid #33303a;color:var(--text)}.btn-guest:hover{border-color:var(--ember)}.modal .or{text-align:center;color:var(--ash-dim);font-size:11px;letter-spacing:.2em}.modal input{width:100%;padding:12px;background:#0e0d10;border:1px solid #2c2830;border-radius:4px;color:var(--text);font-family:inherit;font-size:13px;outline:none;transition:border-color .15s}.modal input:focus{border-color:var(--ember)}#auth-status{min-height:16px;text-align:center;font-size:12px;color:var(--ash)}#auth-status.err{color:#ff7a5c}:focus-visible{outline:2px solid var(--ember);outline-offset:2px}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media(max-width:560px){#landing nav{padding:12px 14px}.nav-right a{display:none}}#game-hud{position:fixed;inset:0;z-index:8;pointer-events:none}#game-hud.hidden{display:none}.player-panel{position:absolute;left:16px;top:14px;display:flex;flex-direction:column;gap:6px;width:min(42vw,268px)}.pp-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:1px}.pp-name{font-family:var(--font-display);font-size:20px;font-weight:700;letter-spacing:.04em;color:var(--text);text-shadow:0 2px 6px #000}.pp-lvl{font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--ember);text-shadow:0 1px 3px #000}.bar{position:relative;height:16px;background:#201d24;border:1px solid #2c2830;border-radius:3px;overflow:hidden}.bar .fill{position:absolute;inset:0 auto 0 0;width:100%;transition:width .12s ease}.bar.hp .fill{background:linear-gradient(90deg,#c0392b,#ff6a2b)}.bar.mana .fill{background:linear-gradient(90deg,#2b5cff,#6ad0ff)}.bar span{position:absolute;left:8px;top:2px;font-size:10px;letter-spacing:.14em;color:#efe7dd;text-shadow:0 1px 2px #000}.xp{height:4px;background:#201d24;border-radius:3px;overflow:hidden}.xp-fill{height:100%;width:0;background:linear-gradient(90deg,#ffcf4a,#fff2b0);transition:width .2s ease}.hud-top{position:absolute;right:16px;top:14px;display:flex;align-items:center;gap:10px;pointer-events:auto}.gold{font-size:14px;letter-spacing:.05em;color:#ffcf4a;text-shadow:0 1px 3px #000;font-variant-numeric:tabular-nums}.hud-btn{pointer-events:auto;font-size:11px;letter-spacing:.08em;color:var(--text);background:#16141ad9;border:1px solid #33303a;border-radius:4px;padding:7px 11px;transition:border-color .15s,background .15s}.hud-btn b{font-style:normal;font-weight:400}.hud-btn span{margin-left:5px}body.mobile .hud-btn span{display:none}body.mobile .hud-btn{padding:8px 10px;font-size:15px}.hud-btn:hover{border-color:var(--ember);background:#281a12e6}#minimap{position:fixed;right:16px;bottom:16px;width:152px;height:152px;z-index:8;pointer-events:none;opacity:0;transition:opacity .3s ease;filter:drop-shadow(0 8px 20px rgba(0,0,0,.5))}#minimap.on{opacity:1}@media(max-width:680px){#minimap{width:112px;height:112px;right:10px;bottom:84px}}.run-info{position:absolute;top:14px;left:50%;transform:translate(-50%);font-size:13px;letter-spacing:.1em;color:var(--ash);text-align:center;white-space:pre}.vignette{position:absolute;inset:0;box-shadow:inset 0 0 160px 40px #c0392b00}.vignette.flash{box-shadow:inset 0 0 170px 65px #c0392b99;transition:none}.dmg-layer{position:absolute;inset:0;overflow:hidden}.dmg{position:absolute;font-weight:700;font-size:15px;color:#ffd9a8;text-shadow:0 1px 3px #000;transform:translate(-50%,-50%);animation:dmgfloat .75s ease-out forwards}.dmg.crit{font-size:21px;color:#ff8a4a}@keyframes dmgfloat{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-165%) scale(1.15)}}.prompt{position:absolute;left:50%;bottom:20%;transform:translate(-50%);pointer-events:auto;cursor:pointer;background:#16141ad9;border:1px solid var(--ember);color:var(--text);font-size:13px;letter-spacing:.06em;padding:9px 16px;border-radius:4px;transition:background .15s}.prompt:hover{background:#ff6a2b33}.prompt.hidden{display:none}.banner{position:absolute;left:50%;top:32%;transform:translate(-50%);text-align:center;color:var(--ember);font-size:clamp(20px,5vw,38px);font-weight:800;letter-spacing:.1em;text-shadow:0 0 24px rgba(255,106,43,.5);animation:bannerpop .5s ease;white-space:nowrap}@keyframes bannerpop{0%{opacity:0;transform:translate(-50%) scale(.9)}to{opacity:1}}.controls-hint{position:absolute;right:14px;bottom:14px;font-size:11px;color:var(--ash-dim);text-align:right;line-height:1.6;white-space:pre}@media(max-width:560px){.controls-hint{display:none}}.boss-bar{position:absolute;top:46px;left:50%;transform:translate(-50%);width:min(72vw,620px);text-align:center}.boss-bar.hidden{display:none}.boss-name{font-size:13px;letter-spacing:.24em;color:#ff7a5c;margin-bottom:5px;text-shadow:0 0 12px rgba(192,57,43,.5)}.bar.boss{height:13px}.bar.boss .fill{background:linear-gradient(90deg,#7a1810,#c0392b,#ff6a2b)}.touch-controls{position:absolute;right:18px;bottom:22px;display:none;align-items:flex-end;gap:12px}#game-hud.touch .touch-controls{display:flex}#game-hud.touch .controls-hint{display:none}.tbtn{pointer-events:auto;border-radius:50%;font-weight:700;letter-spacing:.05em;color:var(--text);border:1px solid #33303a;background:#16141acc;user-select:none;-webkit-user-select:none}.tbtn.attack{width:84px;height:84px;font-size:15px;border-color:var(--ember);background:#ff6a2b38}.tbtn.dodge{width:62px;height:62px;font-size:12px}.tbtn.art{width:62px;height:62px;font-size:12px;border-color:#ffb347;background:#ffb34738;color:#ffd9a8}.tbtn:active{transform:scale(.92)}#draft{position:fixed;inset:0;z-index:25;display:none;align-items:center;justify-content:center;background:#080709cc;backdrop-filter:blur(3px)}#draft.open{display:flex}.draft-inner{text-align:center}.draft-inner h2{color:var(--text);letter-spacing:.2em;font-size:16px;margin-bottom:20px}.cards{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;padding:0 16px}.echo-card{pointer-events:auto;width:180px;min-height:150px;background:var(--bg2);border:1px solid #2c2830;border-radius:8px;padding:18px 16px;display:flex;flex-direction:column;gap:8px;text-align:left;transition:transform .12s,border-color .15s,box-shadow .2s}.echo-card:hover{transform:translateY(-4px);border-color:var(--ember);box-shadow:0 14px 34px -14px #ff6a2b99}.echo-kind{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ash-dim)}.echo-card.offense .echo-kind{color:#ff7a5c}.echo-card.defense .echo-kind{color:#6a9ad0}.echo-card.utility .echo-kind{color:#ffb347}.echo-name{font-size:19px;font-weight:700;letter-spacing:.04em;color:var(--text)}.echo-desc{font-size:12px;color:var(--ash);line-height:1.5}@media(max-width:560px){.echo-card{width:44vw;min-height:128px;padding:14px 12px}}#death{position:fixed;inset:0;z-index:30;display:none;align-items:center;justify-content:center;background:#080709d9}#death.open{display:flex}#death .card{text-align:center;display:flex;flex-direction:column;gap:14px;align-items:center}#death h1{font-size:clamp(32px,7vw,60px);font-weight:800;letter-spacing:.12em;color:#c0392b;text-shadow:0 0 30px rgba(192,57,43,.4)}#death .sub{color:var(--ash);letter-spacing:.08em;white-space:pre;line-height:1.8}#death button{margin-top:6px;background:var(--ember);color:#140a05;font-weight:700;letter-spacing:.12em;padding:13px 28px;border-radius:3px;pointer-events:auto;transition:background .15s,transform .1s}#death button:hover{background:#ff7d45;transform:translateY(-1px)}.skillbar{position:absolute;left:50%;bottom:20px;transform:translate(-50%);display:flex;gap:12px;pointer-events:none}.skill{position:relative;width:62px;height:62px;border-radius:10px;background:#16141ad9;border:1px solid #33303a;color:var(--text);pointer-events:auto;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;user-select:none;-webkit-user-select:none}.skill.ult{border-color:var(--ember)}.skill.dodge{border-color:#6a9ad0;width:54px;height:54px;align-self:flex-end}.skill.disabled{opacity:.42}.skill:active{transform:scale(.93)}.s-cd{position:absolute;left:0;bottom:0;width:100%;height:0%;background:#0000009e;pointer-events:none}.s-key{font-size:15px;font-weight:700}.s-name{font-size:8.5px;letter-spacing:.03em;color:var(--ash);text-align:center;line-height:1;max-width:58px}#select{position:fixed;inset:0;z-index:22;display:flex;align-items:center;justify-content:center;background:#080709e6;backdrop-filter:blur(3px)}.sel-inner{text-align:center;max-width:940px;padding:20px}.sel-inner h1{letter-spacing:.2em;font-size:22px;margin-bottom:20px;color:var(--text)}.sel-cards{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.sel-card{--tint: #ff6a2b;width:200px;text-align:left;background:var(--bg2);border:1px solid #2c2830;border-radius:10px;padding:16px;pointer-events:auto;transition:transform .12s,border-color .15s,box-shadow .2s;color:var(--text)}.sel-card:hover{transform:translateY(-4px);border-color:var(--tint)}.sel-card.active{border-color:var(--tint);box-shadow:0 0 0 1px var(--tint),0 16px 44px -16px var(--tint)}.sel-title{font-size:22px;font-weight:800;letter-spacing:.06em}.sel-blurb{font-size:12px;color:var(--ash);margin:6px 0;line-height:1.5;min-height:50px}.sel-stats{font-size:11px;color:var(--ash-dim);letter-spacing:.08em}.sel-skills{display:flex;flex-direction:column;gap:3px;margin-top:8px;font-size:11px;color:var(--text)}.sel-skills b{color:var(--tint)}.sel-foot{display:flex;gap:10px;justify-content:center;margin-top:22px;flex-wrap:wrap}.sel-foot input{padding:12px 14px;background:#0e0d10;border:1px solid #2c2830;border-radius:6px;color:var(--text);font-family:inherit;font-size:14px;width:220px}.sel-foot input:focus{outline:none;border-color:var(--ember)}#sel-start{background:var(--ember);color:#140a05;font-weight:700;letter-spacing:.1em;padding:12px 26px;border-radius:6px;pointer-events:auto;transition:background .15s}#sel-start:disabled{opacity:.4;cursor:not-allowed}#sel-start:not(:disabled):hover{background:#ff7d45}@media(max-width:720px){.sel-card{width:42vw}.sel-blurb{min-height:0}}#fade{position:fixed;inset:0;z-index:15;background:#06050a;opacity:0;pointer-events:none;transition:opacity .25s ease}#fade.on{opacity:1}#ult-flash{position:fixed;inset:0;z-index:9;pointer-events:none;background:var(--c, #fff);opacity:0;mix-blend-mode:screen}#ult-flash.on{animation:ultflash .45s ease-out}@keyframes ultflash{0%{opacity:var(--s, .4)}to{opacity:0}}#dashboard{position:fixed;inset:0;z-index:26;display:none;align-items:center;justify-content:center;background:#080709db;backdrop-filter:blur(4px);pointer-events:auto}#dashboard.open{display:flex}.dash-panel{width:min(94vw,560px);max-height:88vh;overflow-y:auto;background:var(--bg2);border:1px solid #2a2530;border-radius:10px;padding:24px;position:relative;box-shadow:0 30px 80px -20px #000}.dash-close{position:absolute;top:14px;right:16px;font-size:15px;color:var(--ash);width:30px;height:30px;border-radius:6px;pointer-events:auto}.dash-close:hover{color:var(--text);background:#262029}.dash-name{font-family:var(--font-display);font-size:30px;font-weight:900;letter-spacing:.03em}.dash-sub{font-size:13px;font-weight:700;letter-spacing:.1em;margin:2px 0 16px}.dash-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.stat{background:#0e0d10;border:1px solid #262029;border-radius:6px;padding:10px;text-align:center}.stat span{display:block;font-size:9px;letter-spacing:.12em;color:var(--ash-dim);margin-bottom:3px}.stat b{font-size:17px;color:var(--text)}.dash-xp{height:6px;background:#0e0d10;border-radius:4px;overflow:hidden;margin-bottom:4px}.dash-xp-fill{height:100%;border-radius:4px;transition:width .2s}.dash-xp-label{font-size:10px;color:var(--ash-dim);letter-spacing:.08em}.dash-section{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ash);margin:16px 0 8px;border-bottom:1px solid #262029;padding-bottom:6px}.dash-items{display:flex;flex-wrap:wrap;gap:6px}.dash-items span{font-size:11px;background:#0e0d10;border:1px solid #33303a;border-radius:999px;padding:4px 10px;color:var(--text)}.dash-items em{font-size:12px;color:var(--ash-dim)}.dash-acc{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.acc-card{background:#0e0d10;border:1px solid #262029;border-radius:8px;padding:12px;text-align:center}.acc-card.on{border-color:var(--ember);box-shadow:0 0 0 1px var(--ember-dim) inset}.acc-ic{font-size:30px;line-height:1}.acc-nm{font-size:11px;color:var(--ash);margin:6px 0 8px}.acc-btn{width:100%;font-size:11px;font-weight:700;letter-spacing:.05em;padding:7px;border-radius:4px;background:var(--ember);color:#140a05;transition:background .15s;pointer-events:auto}.acc-btn:hover{background:#ff7d45}.acc-card.on .acc-btn{background:#33303a;color:var(--text)}.acc-btn.locked{background:#262029;color:var(--ash-dim);cursor:not-allowed}@media(max-width:560px){.dash-stats,.dash-acc{grid-template-columns:repeat(2,1fr)}}.coin{display:inline-block;width:.92em;height:.92em;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe98a,#f5b528 55%,#b97e10);box-shadow:inset 0 0 0 1px #7846008c,0 0 5px #ffc83c73;vertical-align:-.1em}.coin.sm{width:.82em;height:.82em}#overhead{position:fixed;z-index:8;transform:translate(-50%,-100%);pointer-events:none;display:none;width:98px;text-align:center}.oh-top{display:flex;justify-content:center;gap:6px;align-items:baseline;margin-bottom:3px}.oh-name{font-size:11px;font-weight:700;color:#fff;text-shadow:0 1px 3px #000;white-space:nowrap}.oh-lvl{font-size:9px;font-weight:700;color:#ffcf4a;text-shadow:0 1px 2px #000}.oh-bar{height:5px;background:#0009;border:1px solid rgba(0,0,0,.85);border-radius:3px;overflow:hidden;margin:2px 0}.oh-bar i{display:block;height:100%;width:100%}.oh-hp i{background:linear-gradient(90deg,#c0392b,#ff6a2b)}.oh-mana i{background:linear-gradient(90deg,#2b5cff,#6ad0ff)}#chest-hint{position:fixed;left:50%;bottom:23%;transform:translate(-50%);z-index:8;display:none;pointer-events:none;background:#100e14e6;border:1px solid var(--ember);color:var(--text);font-size:13px;letter-spacing:.04em;padding:8px 15px;border-radius:5px;animation:pickpulse 1.6s ease-in-out infinite}#chest-hint b{color:var(--ember)}.dash-weapons{display:flex;flex-direction:column;gap:6px}.dash-weapons em{font-size:12px;color:var(--ash-dim)}.wpn{display:flex;align-items:center;gap:10px;background:#0e0d10;border:1px solid #33303a;border-left-width:3px;border-radius:5px;padding:8px 11px}.wpn-nm{font-weight:700;color:var(--text);font-size:13px}.wpn-rr{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--ash-dim)}.wpn-val{margin-left:auto;font-size:12px;color:#ffcf4a;font-variant-numeric:tabular-nums}.wpn.rare{border-left-color:#4aa3ff}.wpn.rare .wpn-rr{color:#4aa3ff}.wpn.epic{border-left-color:#b06aff}.wpn.epic .wpn-rr{color:#b06aff}.wpn.legendary{border-left-color:#ff8a2a}.wpn.legendary .wpn-rr{color:#ff8a2a}.wpn.mythic{border-left-color:#ff3b6b;box-shadow:0 0 14px -4px #ff3b6b99}.wpn.mythic .wpn-rr{color:#ff3b6b}.skill.ult.switched{animation:ultswitch .4s ease}@keyframes ultswitch{0%{transform:scale(1.16);box-shadow:0 0 20px var(--ember)}to{transform:scale(1)}}#guest-gate{position:fixed;inset:0;z-index:30;display:none;align-items:center;justify-content:center;background:#080709e6;backdrop-filter:blur(5px);pointer-events:auto}#guest-gate.open{display:flex}.gg-card{width:min(92vw,400px);background:var(--bg2);border:1px solid #2a2530;border-radius:10px;padding:30px 26px;text-align:center;display:flex;flex-direction:column;gap:13px;box-shadow:0 30px 80px -20px #000}.gg-icon{font-size:42px}.gg-card h2{font-family:var(--font-display);font-size:24px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.gg-card p{font-size:13px;color:var(--ash);line-height:1.6}.gg-card p b{color:var(--ember)}.gg-card .btn{pointer-events:auto;width:100%;padding:14px;border-radius:5px;font-weight:700;letter-spacing:.06em;font-size:13px;transition:background .15s,transform .1s}.gg-status{min-height:16px;font-size:12px;color:var(--ash)}.gg-status.err{color:#ff7a5c}#banner-ov{position:fixed;inset:0;z-index:12;pointer-events:none;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,transparent 28%,rgba(10,6,6,.5) 74%,rgba(10,6,6,.88) 100%),linear-gradient(180deg,rgba(10,6,6,.5) 0%,transparent 28%,transparent 66%,rgba(10,6,6,.72) 100%)}.banner-word{font-family:var(--font-display);font-weight:900;text-transform:uppercase;color:#f3ece0;font-size:112px;letter-spacing:.04em;line-height:.9;white-space:nowrap;text-shadow:0 0 50px rgba(255,106,43,.7),0 6px 0 #1a0d06,0 10px 30px rgba(0,0,0,.85)}.banner-word span{font-size:.32em;color:var(--ash);text-transform:lowercase;vertical-align:.32em;margin:0 .18em;text-shadow:none}.banner-word b{color:var(--ember);text-shadow:0 0 40px rgba(255,106,43,1)}#joystick{position:fixed;z-index:8;width:108px;height:108px;margin:-54px 0 0 -54px;border-radius:50%;border:2px solid rgba(255,255,255,.22);background:#14121a52;pointer-events:none;opacity:0;transition:opacity .12s}#joystick.on{opacity:1}#joystick i{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffb877,var(--ember));box-shadow:0 2px 10px #0000008c}.skill.mob-only{display:none;border-color:var(--ember-dim)}body.mobile .skill.mob-only{display:flex}body.mobile .skill.mob-only .s-key{color:var(--ember)}body.mobile .skillbar{gap:7px;max-width:100vw;padding:0 6px}body.mobile .skill{width:48px;height:48px;min-width:48px;overflow:hidden}body.mobile .skill .s-name{display:none}body.mobile .skill .s-key{font-size:16px}body.mobile #minimap{inset:56px 10px auto auto;width:88px;height:88px}body.mobile .hud-btn{font-size:10px;padding:6px 9px}body.mobile .player-panel{width:min(54vw,220px)}body.mobile #chest-hint{bottom:30%}@media(max-width:560px){.wordmark{font-size:clamp(24px,8.6vw,60px);letter-spacing:.02em}.wordmark .wm-in{font-size:.3em;margin:0 .14em}.token-bar{gap:10px}.ticker{font-size:clamp(22px,7vw,32px)}.hero-bottom{bottom:3.5vh;gap:9px}.hero-top{top:48px}.pick-hint{font-size:11px;padding:0 16px}.features{font-size:10px}#landing nav{padding:12px 14px}.modal{width:min(94vw,360px)}}