@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;800&family=Barlow+Semi+Condensed:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=El+Messiri:wght@400;500;600;700&display=swap";:root{font-family:var(--font-body);color:var(--bone);background:var(--bg);font-synthesis:none;--font-display:"El Messiri", Georgia, serif;--font-body:"El Messiri", "Barlow Semi Condensed", Arial, sans-serif;--font-num:"Barlow Semi Condensed", Arial, sans-serif;--font-mark:"Cinzel", Georgia, serif;--bg:#141110;--bg-panel:#1b1714;--panel:#1c1714f0;--panel-2:#251f1a;--panel-3:#302823;--well:#0e0b0a;--scrim:#0c0908b8;--plate:#1e1815;--texture:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23g)' opacity='0.06'/%3E%3C/svg%3E");--lock-glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10V7a5 5 0 0 1 10 0v3h1.5A1.5 1.5 0 0 1 20 11.5v9A1.5 1.5 0 0 1 18.5 22h-13A1.5 1.5 0 0 1 4 20.5v-9A1.5 1.5 0 0 1 5.5 10H7Zm2 0h6V7a3 3 0 0 0-6 0v3Z'/%3E%3C/svg%3E");--emblem-glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5.2 5.4C4 4.6 2.8 4.5 2 4.8c1 .5 1.7 1.3 2.1 2.2A9.6 9.6 0 0 0 2.4 12c0 3.2 1.7 5.6 4 6.7V21a1 1 0 0 0 1 1h9.2a1 1 0 0 0 1-1v-2.3c2.3-1.1 4-3.5 4-6.7 0-1.9-.6-3.6-1.7-4.9.4-1 1.1-1.8 2.1-2.3-.8-.3-2 .1-3.2.9A9.8 9.8 0 0 0 12 4.1c-2.6 0-4.9.5-6.8 1.3Zm3.3 6.1a2.1 2.1 0 1 1 0 4.2 2.1 2.1 0 0 1 0-4.2Zm7 0a2.1 2.1 0 1 1 0 4.2 2.1 2.1 0 0 1 0-4.2ZM11 17.4h2v3h-2v-3Z'/%3E%3C/svg%3E");--ragged:polygon(0.6% 3.2%, 2.4% 0.6%, 9% 2.4%, 17% 0.4%, 27% 2.2%, 38% 0%, 49% 2.4%, 60% 0.3%, 71% 2.2%, 82% 0.4%, 91% 2.4%, 97.6% 0.6%, 99.4% 3.4%, 98.2% 14%, 100% 27%, 98.4% 41%, 100% 55%, 98.3% 69%, 100% 83%, 99.3% 96.6%, 97.4% 99.4%, 90% 97.6%, 80% 99.6%, 69% 97.7%, 57% 100%, 45% 97.6%, 33% 99.7%, 21% 97.6%, 10% 99.6%, 2.6% 99.4%, 0.7% 96.4%, 1.8% 84%, 0% 71%, 1.7% 57%, 0% 43%, 1.6% 29%, 0% 16%);--line:#b89a632e;--line-2:#b89a635c;--bone:#e2d6c0;--bone-dim:#c9bda8;--muted:#988d7a;--faint:#6f675c;--on-accent:#16120e;--ash:#b89a63;--ash-bright:#fd9;--ash-dim:#6d5e40;--slot-glyph:url(/assets/icons/slot-empty.svg);--map-ring:#817662;--map-north:#a39e94;--gold:var(--ash);--gold-bright:var(--ash-bright);--gold-dim:var(--ash-dim);--blood:#d44747;--blood-deep:#722525;--card-arsenal:#3f6f9e;--card-passive:#8a8a8a;--card-legendary:#722525;--card-arsenal-text:#d4e8ff;--card-passive-text:#e3e3e3;--card-legendary-text:#fd9;--blood-dark:#2a1214;--blood-glow:#d447474d;--ember:#e0603c;--hp-high:#7fa653;--hp-mid:#e2ba67;--hp-low:#ff3b2c;--barrier-a:#9fd8ff;--barrier-b:#a88bff}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible{outline:2px solid var(--ash-bright);outline-offset:5px}button{border:0}a{color:inherit;text-decoration:none}svg{vertical-align:middle;flex-shrink:0}#game{touch-action:none;outline:none;width:100%;height:100%;position:fixed;inset:0}#vignette{pointer-events:none;background:radial-gradient(ellipse at 55% 45%, transparent 26%, color-mix(in srgb, var(--bg) 82%, transparent) 100%);z-index:1;position:fixed;inset:0}#app{z-index:2;pointer-events:none;position:fixed;inset:0}#app button,#app a,#app .overlay,#joystick{pointer-events:auto}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-display);font-weight:700}.eyebrow{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:700}.ash{color:var(--ash)}kbd,.hotkey{font-family:var(--font-display);letter-spacing:.12em;border:1px solid var(--line);background:linear-gradient(180deg, var(--panel-2), var(--well));color:var(--bone-dim);border-radius:999px;padding:3px 9px;font-size:11px;font-weight:600;line-height:1.3;display:inline-block;box-shadow:inset 0 1px #ffffff14,0 1px 2px #0009}button{transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}.icon-btn{border:1px solid var(--line-2);background:linear-gradient(180deg, var(--panel-2), var(--bg-panel));width:40px;height:40px;color:var(--bone-dim);border-radius:3px;place-items:center;display:grid}.icon-btn:hover{background:var(--panel-3);border-color:var(--ash-dim);color:var(--ash-bright)}.start-button,.secondary{--hex-cut:15px;--chevron:var(--ash);font-family:var(--font-display);text-transform:uppercase;clip-path:polygon(0 50%, var(--hex-cut) 0, calc(100% - var(--hex-cut)) 0, 100% 50%, calc(100% - var(--hex-cut)) 100%, var(--hex-cut) 100%);background:var(--texture), linear-gradient(180deg, var(--panel-3) 0%, var(--bg-panel) 55%, var(--well) 100%);box-shadow:inset 0 0 0 1px var(--line-2), inset 0 1px 0 #ffffff12, inset 0 -14px 24px #0000008c;border-radius:0;position:relative}.start-button:before,.start-button:after,.secondary:before,.secondary:after{color:var(--chevron);font-family:var(--font-display);pointer-events:none;text-shadow:0 0 8px color-mix(in srgb, var(--ash) 45%, transparent);font-size:1.35em;line-height:1;transition:color .18s,text-shadow .18s;position:absolute;top:50%;transform:translateY(-50%)}.start-button:before,.secondary:before{content:"«";left:12px}.start-button:after,.secondary:after{content:"»";right:12px}.start-button:hover:not(:disabled),.secondary:hover:not(:disabled),.start-button.is-hover:not(:disabled),.secondary.is-hover:not(:disabled){--chevron:var(--ash-bright);background:var(--texture), linear-gradient(180deg, color-mix(in srgb, var(--panel-3) 70%, var(--ash-dim)) 0%, var(--panel-2) 60%, var(--bg-panel) 100%);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ash) 62%, transparent), inset 0 1px 0 #ffffff1f, inset 0 -14px 24px #0000008c, 0 0 22px -4px color-mix(in srgb, var(--ash-bright) 55%, transparent)}.start-button:active:not(:disabled),.secondary:active:not(:disabled){transform:translateY(1px)}.start-button:disabled,.secondary:disabled{--chevron:transparent;opacity:1;color:var(--faint);background:var(--well);box-shadow:inset 0 0 0 1px #ffffff0f}.start-button:disabled:after,.secondary:disabled:after{content:"";background:var(--faint);width:13px;height:13px;-webkit-mask:var(--lock-glyph) center / contain no-repeat;-webkit-mask:var(--lock-glyph) center / contain no-repeat;mask:var(--lock-glyph) center / contain no-repeat;text-shadow:none;right:13px}.secondary{letter-spacing:.09em;color:var(--bone);justify-content:center;align-items:center;gap:10px;padding:12px 26px;font-size:13px;font-weight:600;display:inline-flex}.secondary span{color:var(--muted);letter-spacing:.08em;font-size:11px}.start-button{letter-spacing:.12em;width:100%;color:var(--ash-bright);text-shadow:0 0 10px color-mix(in srgb, var(--ash-bright) 35%, transparent);justify-content:center;align-items:center;gap:14px;padding:17px 34px;font-size:15px;font-weight:700;display:flex}.has-hotkey{flex-direction:column;gap:4px;padding-block:12px}.has-hotkey .hotkey{padding:2px 10px;font-size:10px}.menu{background:linear-gradient(90deg, color-mix(in srgb, var(--bg) 97%, transparent) 0%, color-mix(in srgb, var(--bg-panel) 88%, transparent) 26%, color-mix(in srgb, var(--blood-dark) 24%, transparent) 46%, transparent 64%, color-mix(in srgb, var(--bg) 76%, transparent) 100%);position:absolute;inset:0}.menu-top{border-bottom:1px solid var(--line);align-items:center;gap:25px;height:100px;margin:0 48px;display:flex}.wordmark{font-family:var(--font-mark);letter-spacing:5px;color:var(--bone);text-shadow:0 0 14px var(--blood-glow);align-items:center;gap:12px;font-size:19px;font-weight:700;transition:color .2s,text-shadow .2s;display:flex}.wordmark:hover{color:var(--ash-bright);text-shadow:0 0 20px color-mix(in srgb, var(--blood) 70%, transparent)}.logo-emblem{width:28px;height:28px;filter:drop-shadow(0 0 8px var(--blood-glow));transition:transform .25s,filter .25s}.wordmark:hover .logo-emblem{filter:drop-shadow(0 0 14px color-mix(in srgb, var(--blood) 80%, transparent));transform:scale(1.08)}.edition{letter-spacing:2px;color:var(--muted);margin-left:auto;font-size:10px}.edition span{color:var(--faint);padding:0 13px}.menu-left{width:330px;position:absolute;top:18%;left:6%}.menu-left>.eyebrow{letter-spacing:2.1px;align-items:center;gap:10px;font-size:10px;display:flex}.eyebrow i{background:var(--ash);width:5px;height:5px;transform:rotate(45deg)}.menu-left h1{letter-spacing:-1.4px;color:var(--bone);margin-top:24px;font-size:64px;line-height:.98}.menu-left h1 em{color:var(--ash);font-weight:400}.intro{color:var(--muted);letter-spacing:.1px;margin:15px 0 33px;font-size:13px}.select-heading{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--bone);justify-content:space-between;margin-bottom:13px;font-size:11px;font-weight:700;display:flex}.select-heading span:last-child{letter-spacing:1px;color:var(--faint);font-size:8px}.class-select{flex-direction:column;gap:8px;margin-bottom:23px;display:flex}.class-option{background:var(--texture), linear-gradient(90deg, color-mix(in srgb, var(--panel-2) 74%, transparent), transparent 88%);text-align:left;border:1px solid #0000;border-left:0;align-items:center;gap:15px;width:100%;padding:13px 15px 13px 26px;display:flex;position:relative}.class-option:hover{background:var(--texture), linear-gradient(90deg, color-mix(in srgb, var(--panel-3) 92%, transparent), transparent 92%);border-color:var(--line);border-left:0}.class-option.selected{border-color:var(--line-2);background:var(--texture), linear-gradient(90deg, color-mix(in srgb, var(--ash) 15%, transparent), transparent 78%);border-left:0}.class-option.selected:before{content:"";background:linear-gradient(120deg, var(--ash-bright), var(--ash));clip-path:polygon(0 0,100% 50%,0 100%,34% 50%);width:13px;height:13px;filter:drop-shadow(0 0 7px color-mix(in srgb, var(--ash-bright) 70%, transparent));position:absolute;top:50%;left:4px;transform:translateY(-50%)}.class-icon{width:40px;height:38px;color:var(--accent);place-items:center;display:grid}.class-option strong{font-family:var(--font-display);font-size:24px;font-weight:600;line-height:1;display:block}.class-option small{color:var(--muted);margin-top:5px;font-size:10px;display:block}.selection-dot{color:var(--faint);margin-left:auto;font-size:10px}.selected .selection-dot{color:var(--ash)}.start-meta{font-family:var(--font-display);letter-spacing:.12em;color:var(--muted);justify-content:center;gap:25px;margin-top:16px;font-size:10px;font-weight:600;display:flex}.start-meta span{align-items:center;gap:6px;display:flex}.menu-right{width:237px;position:absolute;top:24%;right:5%}.class-detail{border-top:1px solid var(--line);padding-top:22px}.class-detail .eyebrow{letter-spacing:1.8px;font-size:9px}.class-detail h2{margin:11px 0 12px;font-size:36px}.class-detail>p{color:var(--muted);font-size:12px;line-height:1.9}.attributes{margin:23px 0}.attributes>div{justify-content:space-between;align-items:center;margin:11px 0;display:flex}.attributes span{color:var(--muted);font-size:10px}.pips{gap:4px;display:flex}.pips i{background:var(--line);width:16px;height:4px}.pips i.filled{background:linear-gradient(90deg, var(--ash), var(--ash-bright));box-shadow:0 0 6px -1px color-mix(in srgb, var(--ash-bright) 60%, transparent)}.class-skill{border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:flex-start;gap:11px;padding:17px 0;display:flex}.skill-symbol{color:var(--ash);padding-top:2px}.class-skill strong{font-size:11px;display:block}.class-skill span{color:var(--muted);margin-top:6px;font-size:10px;line-height:1.8;display:block}.class-skill kbd{padding:2px 5px}.mission{margin-top:34px}.mission>.eyebrow{color:var(--muted);letter-spacing:2px;font-size:9px}.mission>p{font-family:var(--font-display);color:var(--bone-dim);margin:10px 0 18px;font-size:24px;line-height:1.25}.mission>div:not(.eyebrow){color:var(--muted);align-items:center;gap:9px;margin:13px 0;font-size:9px;display:flex}.mission svg{color:var(--bone-dim)}.hero-name{text-align:center;text-shadow:0 2px 20px var(--bg);position:absolute;bottom:24%;left:49%;transform:translate(-50%)}.hero-name>.eyebrow{letter-spacing:2px;color:var(--bone-dim);font-size:9px;display:block}.hero-name>span:nth-child(2){font-family:var(--font-display);color:var(--bone);margin:7px 0 15px;font-size:34px;display:block}.hero-line{background:var(--ash);width:45px;height:1px;margin:auto}.menu-bottom{border-top:1px solid var(--line);height:76px;color:var(--muted);font-family:var(--font-display);letter-spacing:.06em;align-items:center;gap:25px;font-size:11px;display:flex;position:absolute;bottom:0;left:48px;right:48px}.menu-bottom span{align-items:center;gap:9px;display:flex}.menu-bottom b{color:var(--faint);margin:0 2px}.menu-bottom button{color:var(--bone-dim);font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;background:0 0;align-items:center;gap:8px;margin-left:15px;font-size:11px;display:flex}.menu-bottom .version{color:var(--faint);letter-spacing:1px;margin-left:auto;font-size:8px}.loading{background:var(--texture), radial-gradient(ellipse at center, var(--panel-2), var(--bg) 62%);pointer-events:auto;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.brand-mark{justify-content:center;align-items:center;margin-bottom:16px;display:flex}.brand-crest{width:76px;height:76px;filter:drop-shadow(0 0 20px color-mix(in srgb, var(--blood) 60%, transparent)) drop-shadow(0 4px 10px #000c);animation:3s ease-in-out infinite alternate pulse-crest}@keyframes pulse-crest{0%{filter:drop-shadow(0 0 18px color-mix(in srgb, var(--blood) 50%, transparent)) drop-shadow(0 4px 10px #000c);transform:scale(1)}to{filter:drop-shadow(0 0 28px color-mix(in srgb, var(--blood) 85%, transparent)) drop-shadow(0 4px 12px #000000e6);transform:scale(1.04)}}.loading .eyebrow{color:var(--muted)}.loading h1{font-family:var(--font-mark);letter-spacing:12px;color:var(--bone);margin:15px 0 35px;font-size:75px}.load-track{background:var(--well);width:240px;height:2px;box-shadow:0 0 0 1px var(--line);position:relative}.load-track:before,.load-track:after{content:"";background:var(--ash);width:6px;height:6px;position:absolute;top:50%;transform:translateY(-50%)rotate(45deg)}.load-track:before{left:-7px}.load-track:after{right:-7px}.load-track i{background:linear-gradient(90deg, var(--ash-dim), var(--ash-bright));width:0;height:100%;box-shadow:0 0 10px color-mix(in srgb, var(--ash-bright) 45%, transparent);transition:width .2s;display:block}.brass-rule{background:linear-gradient(90deg, transparent, var(--ash-dim) 12%, var(--ash) 50%, var(--ash-dim) 88%, transparent);height:1px;position:relative}.brass-rule:before,.brass-rule:after{content:"";background:var(--ash);width:5px;height:5px;position:absolute;top:50%;transform:translateY(-50%)rotate(45deg)}.brass-rule:before{left:0}.brass-rule:after{right:0}.loading p{color:var(--muted);margin-top:18px;font-size:11px}.loading .start-button{justify-content:center;width:240px;margin-top:30px}.hud{--hud-side-padding:32px;--tiles-per-row:5;--status-tile:32px;--status-gap:5px;--minimap-size:calc(var(--tiles-per-row) * var(--status-tile) + (var(--tiles-per-row) - 1) * var(--status-gap));position:absolute;inset:0}.hud-top{height:120px;padding:26px var(--hud-side-padding);background:linear-gradient(color-mix(in srgb, var(--bg) 82%, transparent), transparent);justify-content:space-between;display:flex}.player-card{align-items:flex-start;gap:14px;display:flex}.avatar{background:var(--panel-2);border:1px solid var(--accent);width:54px;height:54px;color:var(--accent);place-items:center;display:grid;position:relative;transform:rotate(-3deg)}.avatar>svg,.avatar>.class-glyph{transform:rotate(3deg)}.avatar>.class-glyph{object-fit:contain;filter:drop-shadow(0 2px 4px #000000b3);width:86%;height:86%}.avatar>span{background:linear-gradient(160deg, var(--ash-bright), var(--ash) 55%, var(--ash-dim));border:1px solid var(--bg-panel);color:var(--on-accent);font-family:var(--font-num);clip-path:polygon(50% 0,100% 26%,100% 74%,50% 100%,0 74%,0 26%);width:26px;height:20px;filter:drop-shadow(0 0 7px color-mix(in srgb, var(--ash-bright) 50%, transparent));place-items:center;font-size:10px;font-weight:800;line-height:1;display:grid;position:absolute;bottom:-9px;left:14px}.player-info{width:205px;padding-top:5px}.player-info>div:first-child{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.player-info strong{font-family:var(--font-display);font-size:20px;font-weight:600}.player-info span{color:var(--bone-dim);font-size:10px}.player-health-bar{z-index:2;border:1px solid var(--line-2);background:var(--panel-2);pointer-events:none;--health-color:var(--hp-high);border-radius:2px;gap:2px;width:92px;height:10px;padding:2px;display:flex;position:fixed;transform:translate(-50%,-100%);box-shadow:0 2px 5px #0009}.player-health-bar[hidden]{display:none}.player-health-bar[data-health=medium]{--health-color:var(--hp-mid)}.player-health-bar[data-health=low]{--health-color:var(--hp-low)}.player-health-bar>span{background:var(--well);flex:1;min-width:0;position:relative;overflow:hidden}.player-health-bar i{background:var(--health-color);height:100%;display:block}.player-health-bar b{background:linear-gradient(90deg, var(--barrier-a), var(--barrier-b));width:0;position:absolute;top:0;bottom:0;left:0;box-shadow:inset 0 1px #ffffff59}.enemy-health-bar{z-index:1;--health-color:var(--blood)}.enemy-health-bar>span{background:var(--well)}.health-track{background:var(--texture), linear-gradient(180deg, var(--panel-3), var(--panel-2));border-radius:16px;height:14px;margin:3px 7px 6px;padding:0;position:relative;overflow:hidden;box-shadow:inset 0 0 8px #00000080,0 0 0 2px #00000040,0 0 0 6px #ffffff14}.health-track i{background:var(--texture), linear-gradient(180deg, color-mix(in srgb, var(--blood) 62%, var(--blood-deep)), var(--blood-deep));border-radius:16px;width:100%;height:100%;transition:width .15s;display:block;box-shadow:inset 0 1px #ffffff1f,inset 0 0 6px #0000004d;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 5px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 5px),#0000)}#health-barrier{background:linear-gradient(90deg, var(--barrier-a), var(--barrier-b));border-radius:16px;width:0;transition:width .15s,left .15s;position:absolute;top:0;bottom:0;left:0;box-shadow:inset 0 1px #ffffff59}.player-info>small{color:var(--faint);letter-spacing:1.2px;margin-top:9px;font-size:8px;display:block}.run-clock{text-align:center;position:absolute;top:25px;left:50%;transform:translate(-50%)}.run-clock>span{font-family:var(--font-display);letter-spacing:.14em;color:var(--ash);text-shadow:0 2px 6px #000;font-size:11px;font-weight:700}.run-clock strong{font-family:var(--font-num);letter-spacing:3px;font-variant-numeric:tabular-nums;text-shadow:0 2px 10px #000;font-size:42px;font-weight:600;line-height:1.1;display:block}.run-clock>small{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);text-shadow:0 2px 6px #000;margin-top:6px;font-size:11px;line-height:1.6;display:block}.run-right{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.hud-bottom{background:0 0;justify-content:space-between;align-items:flex-end;display:flex;position:absolute;bottom:57px;left:32px;right:32px}.tiny-label{font-family:var(--font-display);color:var(--muted);letter-spacing:.14em;margin-bottom:9px;font-size:10px;font-weight:600;display:block}.slots{gap:13px;display:flex}.slot{box-sizing:border-box;background:var(--texture), radial-gradient(circle at 50% 22%, var(--panel-2), var(--well) 78%);border:0;border-radius:50%;place-items:center;width:46px;height:46px;padding:0;display:grid;position:relative;box-shadow:inset 0 0 0 2px #ffffff1a,inset 0 10px 18px -8px #000000b3,0 0 0 3px #0003}.slot.empty:before{content:"";background:var(--bone);opacity:.12;width:68%;height:68%;-webkit-mask:var(--slot-glyph) center / contain no-repeat;mask:var(--slot-glyph) center / contain no-repeat}.slot.filled{color:var(--bone);background:var(--texture), radial-gradient(circle at 50% 22%, color-mix(in srgb, var(--accent) 52%, var(--panel-2)), color-mix(in srgb, var(--accent) 22%, var(--well)) 78%);box-shadow:inset 0 0 0 2px #00000059, inset 0 12px 20px -8px #000000b3, 0 0 0 3px color-mix(in srgb, var(--accent) 70%, transparent)}.slot small{background:var(--bg-panel);min-width:14px;height:14px;box-shadow:inset 0 0 0 1px var(--line-2);color:var(--bone-dim);border-radius:50%;place-items:center;font-size:9px;line-height:1;display:grid;position:absolute;bottom:-1px;right:-1px}.passive-bar{text-align:right}.passive-bar .slot svg{width:18px}.ability-bar{align-items:flex-end;gap:19px;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.ability{text-align:center;min-width:70px;color:var(--bone-dim);position:relative}.ability>div{--tile-plate:var(--plate);--tile-glow:color-mix(in srgb, var(--blood) 26%, transparent);--tile-vignette:inset 0 0 18px 6px #00000073;--tile-ring:color-mix(in srgb, var(--blood-deep) 85%, transparent);border:1px solid var(--tile-ring);background:radial-gradient(circle at 50% 55%, var(--tile-glow), transparent 68%), var(--tile-plate);width:56px;height:56px;color:var(--bone-dim);box-shadow:var(--tile-vignette), 0 3px 18px #0007;border-radius:50%/46% 46% 54% 54%;place-items:center;margin:0 auto 10px;padding:7px;display:grid;position:relative;overflow:hidden}.ability:not(.on-cooldown)>div{box-shadow:var(--tile-vignette), 0 0 18px -2px var(--blood-glow), 0 3px 18px #0007}.ability.signature>div{--tile-glow:color-mix(in srgb, var(--blood) 38%, transparent);--tile-ring:var(--ash-dim);width:66px;height:66px;color:var(--ash-bright)}.ability.signature:not(.on-cooldown)>div{box-shadow:var(--tile-vignette), 0 0 24px -2px var(--blood-glow), 0 0 0 1px color-mix(in srgb, var(--ash) 35%, transparent), 0 3px 18px #0007}.ability-icon{object-fit:contain;pointer-events:none;filter:drop-shadow(0 2px 6px #000000b3);width:100%;height:100%;transition:filter .15s,transform .15s}.ability:hover .ability-icon{filter:drop-shadow(0 0 10px var(--blood-glow)) brightness(1.2) saturate(1.1);transform:scale(1.05)}.ability.on-cooldown .ability-icon{filter:brightness(.6)saturate(.7)}.detail-icon .ability-icon{width:34px;height:34px}.ability kbd{z-index:3;padding:2px 8px;font-size:9px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.ability small{font-family:var(--font-display);letter-spacing:.12em;white-space:nowrap;font-size:8px;font-weight:600;display:block}.ability.on-cooldown>div{--tile-glow:color-mix(in srgb, var(--blood) 5%, transparent);--tile-plate:color-mix(in srgb, var(--plate) 62%, var(--bg));--tile-ring:var(--line);color:var(--faint);box-shadow:var(--tile-vignette), 0 3px 18px #0007}.cooldown{z-index:2;background:color-mix(in srgb, var(--well) 82%, transparent);color:var(--bone);font-family:var(--font-num);place-items:center;padding-bottom:12px;font-size:17px;font-weight:700;display:grid;position:absolute;inset:0}.cooldown:empty{display:none}.xp-line{background:0 0;padding:7px 32px 17px;position:absolute;bottom:0;left:0;right:0}.xp-top{font-family:var(--font-display);letter-spacing:.12em;color:var(--bone-dim);text-shadow:0 1px 4px #000;justify-content:space-between;margin-bottom:7px;font-size:10px;font-weight:600;display:flex}.xp-top>span:nth-child(2){font-family:var(--font-num);font-variant-numeric:tabular-nums;color:var(--muted);letter-spacing:1px}.xp-track{background:var(--well);height:4px;box-shadow:inset 0 0 0 1px var(--line);border-radius:2px;position:relative}.xp-track:before,.xp-track:after{content:"";background:var(--ash);width:6px;height:6px;position:absolute;top:50%;transform:translateY(-50%)rotate(45deg)}.xp-track:before{left:-4px}.xp-track:after{right:-4px}.xp-track i{background:linear-gradient(90deg, var(--ash-dim), var(--ash-bright));height:100%;box-shadow:0 0 10px color-mix(in srgb, var(--ash-bright) 40%, transparent);border-radius:2px;transition:width .15s;display:block}.minimap-wrap{width:var(--minimap-size);height:var(--minimap-size);text-align:center;opacity:.88;position:relative}.minimap-wrap canvas{background:var(--well);width:100%;height:100%;display:block;box-shadow:0 4px 16px #0009}.minimap-ring{border:2px solid var(--map-ring);pointer-events:none;position:absolute;inset:0}.minimap-dir{background:var(--map-ring);pointer-events:none;border-radius:2px;place-items:center;width:11.2%;height:11.2%;display:grid;position:absolute;transform:translate(-50%,-50%)rotate(45deg)}.minimap-dir b{font-family:var(--font-display);font-weight:700;font-size:calc(var(--minimap-size) * .075);letter-spacing:.09em;color:var(--bone);text-shadow:0 1px 1px #17171780;line-height:1;transform:rotate(-45deg)}.minimap-dir[data-dir=n]{background:var(--map-north);top:0;left:50%}.minimap-dir[data-dir=e]{top:50%;left:100%}.minimap-dir[data-dir=s]{top:100%;left:50%}.minimap-dir[data-dir=w]{top:50%;left:0}.minimap-pause{box-sizing:border-box;width:100%;height:26px;margin-top:calc(var(--minimap-size) * .09);border:1px solid var(--line-2);background:linear-gradient(180deg, var(--panel-2), var(--well));color:var(--bone-dim);font:600 10px/1 var(--font-display);letter-spacing:.12em;pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:999px;justify-content:center;align-items:center;gap:5px;padding:0;display:none;position:relative}.minimap-pause:before{content:"";position:absolute;inset:0 -8px -12px}.minimap-pause:active{background:var(--panel-3);color:var(--ash-bright)}.minimap-pause svg{display:block}.announcement{text-align:center;font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--bone);text-shadow:0 2px 8px #000;background:radial-gradient(ellipse at center, color-mix(in srgb, var(--bg) 88%, transparent) 25%, transparent 72%);opacity:0;white-space:nowrap;padding:13px 60px;font-size:13px;font-weight:700;transition:opacity .5s,transform .5s;position:absolute;top:18%;left:50%;transform:translate(-50%,-10px)}.announcement.show{opacity:1;transform:translate(-50%)}.event-announcement{z-index:5;text-align:center;pointer-events:none;background:radial-gradient(ellipse at center, color-mix(in srgb, var(--bg) 88%, transparent) 30%, transparent 78%);opacity:0;visibility:hidden;flex-direction:column;align-items:center;gap:8px;width:max-content;max-width:92vw;margin-top:12px;padding:16px 90px 18px;transition:opacity .35s,transform .35s cubic-bezier(.2,.9,.3,1.2),visibility 0s .35s;display:flex;position:absolute;top:100%;left:50%;transform:translate(-50%)scale(1.15)}.event-announcement:before{content:"";background:var(--blood);width:26px;height:26px;-webkit-mask:var(--emblem-glyph) center / contain no-repeat;-webkit-mask:var(--emblem-glyph) center / contain no-repeat;mask:var(--emblem-glyph) center / contain no-repeat;filter:drop-shadow(0 0 12px color-mix(in srgb, var(--blood) 85%, transparent))}.event-announcement strong{font-family:var(--font-display);letter-spacing:.12em;color:var(--on-accent);white-space:nowrap;background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--bone) 55%, transparent) 8%, var(--bone) 24%, var(--bone-dim) 50%, var(--bone) 76%, color-mix(in srgb, var(--bone) 55%, transparent) 92%, transparent);text-shadow:0 1px 0 color-mix(in srgb, var(--bone) 60%, transparent);box-shadow:0 0 34px -6px color-mix(in srgb, var(--bone) 40%, transparent);padding:4px 56px 6px;font-size:34px;font-weight:700}.event-announcement span{letter-spacing:3px;color:var(--bone-dim);font-size:12px}.event-announcement.show{opacity:1;visibility:visible;transition:opacity .35s,transform .35s cubic-bezier(.2,.9,.3,1.2),visibility;transform:translate(-50%)scale(1)}.event-announcement.show strong{animation:.9s ease-out .3s 2 event-headline-pulse}.run-clock:has(.boss-bar:not(.hidden)) .event-announcement{margin-top:79px}@keyframes event-headline-pulse{50%{box-shadow:0 0 54px -2px color-mix(in srgb, var(--bone) 75%, transparent)}}@media (prefers-reduced-motion:reduce){.event-announcement,.event-announcement.show{transform:translate(-50%)}.event-announcement.show strong{animation:none}}.boss-bar{text-align:center;width:40vw;margin-top:14px;position:absolute;top:100%;left:50%;transform:translate(-50%)}.boss-bar>span{font-family:var(--font-display);letter-spacing:.14em;color:var(--bone);text-shadow:0 2px 6px #000;font-size:12px;font-weight:700}.boss-bar>div{background:var(--well);border:1px solid var(--line-2);border-radius:7px;height:14px;margin-top:7px;overflow:hidden;box-shadow:inset 0 2px 8px #000000a6}.boss-bar i{background:linear-gradient(180deg, var(--blood), var(--blood-deep));width:100%;height:100%;display:block}.hidden{display:none!important}.damage-number{text-shadow:0 2px 4px #000;pointer-events:none;white-space:nowrap;font-size:16px;font-weight:800;position:absolute;transform:translate(-50%,-50%)}.overlay{background:var(--scrim);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);justify-content:center;align-items:center;padding:30px;display:flex;position:absolute;inset:0;overflow:auto}.overlay.upgrade-overlay{-webkit-backdrop-filter:none;backdrop-filter:none}.upgrade-panel{text-align:center;width:min(100%,920px);margin:auto;animation:.25s ease-out rise}.upgrade-panel>h2{letter-spacing:.08em;text-transform:uppercase;color:var(--bone);text-shadow:0 2px #000;margin:10px 0 9px;font-size:48px}.upgrade-panel>p{color:var(--muted);font-size:14px}.power-cards{text-align:center;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:18px;margin:39px 0 22px;display:grid}.power-card{--category:var(--card-arsenal);--category-text:var(--card-arsenal-text);--category-glow:color-mix(in srgb, var(--card-arsenal) 60%, transparent);--ink:var(--card-arsenal-text);--highlight:var(--bone);border:1px solid var(--category);background:var(--texture), linear-gradient(180deg, color-mix(in srgb, var(--category) 30%, transparent) 0%, transparent 20%), linear-gradient(165deg, var(--panel-2), var(--bg-panel) 52%, var(--well) 100%);min-height:372px;color:var(--bone);text-align:center;border-radius:6px;flex-direction:column;align-items:center;padding:0 18px 24px;transition:transform .12s,border-color .12s,box-shadow .12s;display:flex;position:relative;box-shadow:inset 0 0 0 1px #00000073,0 4px 10px #0009}.power-card.passive-card{--category:var(--card-passive);--category-text:var(--card-passive-text);--category-glow:transparent;--ink:var(--card-passive)}.power-card.legendary-card{--category:var(--card-legendary);--category-text:var(--card-legendary-text);--category-glow:color-mix(in srgb, var(--blood) 50%, transparent);--ink:var(--ash);--highlight:var(--ash-bright);border-color:color-mix(in srgb, var(--card-legendary) 55%, var(--ash))}.power-card:before,.power-card:after{content:"";border:1px solid color-mix(in srgb, var(--category) 70%, var(--category-text));pointer-events:none;width:13px;height:13px;position:absolute}.power-card:before{border-bottom:0;border-right:0;top:5px;left:5px}.power-card:after{border-top:0;border-left:0;bottom:5px;right:5px}.power-card:hover,.power-card:focus-visible{border-color:var(--ash);box-shadow:inset 0 0 0 1px #00000073, 0 0 0 1px var(--ash), 0 8px 14px #0009;transform:translateY(-6px)}.power-card:focus-visible{outline:3px solid var(--ash-bright);outline-offset:4px}.card-head{width:calc(100% + 36px);min-height:30px;font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--category-text);background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--category) 45%, #00000073) 18%, color-mix(in srgb, var(--category) 45%, #00000073) 82%, transparent);border-bottom:1px solid color-mix(in srgb, var(--category) 60%, transparent);text-shadow:0 1px #000;justify-content:center;align-items:center;margin:0 -18px 10px;font-size:12px;font-weight:700;display:flex;position:relative}.card-head:before,.card-head:after{color:color-mix(in srgb, var(--category-text) 75%, transparent);padding:0 9px;font-size:15px;line-height:1}.card-head:before{content:"«"}.card-head:after{content:"»"}.card-art{border:1px solid color-mix(in srgb, var(--category) 55%, transparent);background:var(--texture), var(--well);width:124px;height:124px;color:var(--ink);border-radius:6px;place-items:center;margin-top:6px;display:grid;box-shadow:inset 0 0 0 1px #00000073}.card-art svg{opacity:.76}.power-card:hover .card-art svg,.power-card:focus-visible .card-art svg{opacity:.92}.power-card:hover .card-art,.power-card:focus-visible .card-art{border-color:color-mix(in srgb, var(--ash) 60%, transparent)}.power-card h3{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--category-text);text-shadow:0 1px #000;overflow-wrap:anywhere;margin:12px 0 0;font-size:21px;font-weight:700;line-height:1.15}.card-desc{color:var(--bone-dim);margin:auto 0;padding:12px 0;font-size:14px;line-height:1.55}.card-stats{gap:10px;width:100%;margin:auto 0;padding:12px 0;display:grid}.card-stat dt{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:10px}.card-stat dd{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:2px 6px;margin:3px 0 0;font-size:15px;display:flex}.card-stat s,.card-stat b{white-space:nowrap}.card-stat s{color:var(--muted);text-decoration:none}.card-stat i{color:var(--category-text);font-style:normal}.card-stat b{color:var(--highlight);font-weight:700}.card-stat small{color:var(--muted);margin-top:2px;font-size:11px;display:block}.card-scale-badge{border:1px solid color-mix(in srgb, var(--category) 70%, var(--category-text));background:linear-gradient(180deg, var(--panel-2), var(--well));font-family:var(--font-display);letter-spacing:.06em;white-space:nowrap;color:var(--bone);border-radius:999px;align-items:center;gap:6px;padding:5px 13px;font-size:11px;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%,50%);box-shadow:inset 0 1px #ffffff14,0 2px 4px #000a}.card-scale-badge>svg{color:var(--category-text);flex-shrink:0}.card-scale-badge .link-chip svg{color:var(--category-text)}.card-scale-badge .link-chip{background:0 0;border:0;padding:0}.upgrade-bottom{justify-content:flex-end;align-items:center;margin-top:25px;display:flex}.upgrade-bottom .reroll-button{letter-spacing:.12em;text-transform:uppercase;color:var(--ash-bright);gap:10px;padding:14px 40px;font-size:14px;font-weight:700}.upgrade-bottom .reroll-button:hover:not(:disabled){transform:translateY(-2px)}.upgrade-bottom .reroll-button span{color:var(--muted);font-size:12px;font-weight:600}.upgrade-bottom .reroll-button:disabled span{color:var(--faint)}.dialog{--overhang:20px;--dialog-pad:38px;text-align:center;width:470px;padding:0 var(--dialog-pad) 8px;filter:drop-shadow(0 20px 46px #000000b3) drop-shadow(0 0 40px color-mix(in srgb, var(--blood) 10%, transparent));animation:.25s ease-out rise;position:relative}.dialog:before,.dialog:after{content:"";clip-path:var(--ragged);pointer-events:none;position:absolute}.dialog:before{inset:0 0 var(--overhang);background:linear-gradient(160deg, var(--ash-dim), color-mix(in srgb, var(--ash-dim) 45%, var(--bg)) 55%, var(--well))}.dialog:after{inset:1px 1px calc(var(--overhang) + 1px);background:var(--texture), linear-gradient(160deg, var(--panel-2) 0%, var(--bg-panel) 46%, var(--well) 100%);box-shadow:inset 0 1px #ffffff0f}.dialog>*{z-index:1;position:relative}.dialog:not(:has(>.eyebrow,>.dialog-head)){padding-top:34px}.dialog>.eyebrow,.dialog-head{margin:0 calc(-1 * var(--dialog-pad)) 22px;font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--bone);background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--panel-3) 92%, transparent) 22%, color-mix(in srgb, var(--panel-3) 92%, transparent) 78%, transparent);border-bottom:1px solid var(--line);text-shadow:0 2px 4px #000;padding:13px 54px;font-size:15px;font-weight:700;display:block;position:relative}.dialog>.eyebrow:before,.dialog>.eyebrow:after,.dialog-head:before,.dialog-head:after{color:var(--ash);text-shadow:0 0 8px color-mix(in srgb, var(--ash) 50%, transparent);font-size:19px;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.dialog>.eyebrow:before,.dialog-head:before{content:"«";left:20px}.dialog>.eyebrow:after,.dialog-head:after{content:"»";right:20px}.dialog>.eyebrow.ash{color:var(--bone)}.dialog>h2{letter-spacing:.02em;color:var(--bone);margin:0 0 14px;font-size:38px;line-height:1.1}.dialog>p{color:var(--muted);margin-bottom:22px;font-size:14px;line-height:1.7}.dialog>.start-button{justify-content:center;margin-top:22px}.dialog .controls-grid,.dialog .results,.dialog .pause-stats,.dialog .lobby-roster,.dialog .guide-tips,.dialog .run-stats,.dialog .run-build{background:var(--texture), linear-gradient(180deg, var(--well), color-mix(in srgb, var(--bg-panel) 88%, transparent));box-shadow:inset 0 0 0 1px var(--line), inset 0 0 0 4px #00000038, inset 0 2px 10px #000000a6;border-radius:3px;position:relative}.controls-grid{text-align:left;color:var(--muted);grid-template-columns:1fr 1fr;gap:14px 13px;margin:22px 0;padding:18px 20px;font-size:12px;display:grid}.controls-grid span{align-items:center;gap:8px;display:flex}.controls-grid kbd{white-space:nowrap;text-align:center;min-width:24px;padding:3px 7px;font-size:9px}.dialog>:last-child{margin-bottom:calc(-1 * var(--overhang))}.dialog-actions{justify-content:center;gap:14px;margin-top:22px;display:flex}.dialog-actions .secondary{flex:1;padding:13px 22px;font-size:12px}.multiplayer-actions{flex-direction:column;gap:12px;display:flex}.end-dialog{width:580px}.end-dialog:after{background:var(--texture), radial-gradient(ellipse at 50% 22%, color-mix(in srgb, var(--blood-dark) 92%, transparent), transparent 62%), linear-gradient(160deg, var(--panel-2) 0%, var(--bg-panel) 46%, var(--well) 100%)}.end-dialog:has(.is-won):after{background:var(--texture), radial-gradient(ellipse at 50% 22%, color-mix(in srgb, var(--ash-dim) 55%, transparent), transparent 62%), linear-gradient(160deg, var(--panel-2) 0%, var(--bg-panel) 46%, var(--well) 100%)}.end-emblem{color:var(--ash);margin:0 0 12px}.end-emblem.is-won{color:var(--ash-bright);filter:drop-shadow(0 0 22px color-mix(in srgb, var(--ash-bright) 70%, transparent))}.end-emblem.is-lost{color:var(--blood);filter:drop-shadow(0 0 26px color-mix(in srgb, var(--blood) 80%, transparent))}.end-dialog>h2{letter-spacing:.08em;text-transform:uppercase;text-shadow:0 3px 18px #000;font-size:46px}.end-dialog:has(.is-lost)>h2{color:var(--bone);text-shadow:0 0 34px color-mix(in srgb, var(--blood) 60%, transparent), 0 3px 18px #000}.results{grid-template-columns:repeat(3,1fr);margin:24px 0;padding:20px 0;display:grid}.results strong{font-family:var(--font-num);color:var(--ash-bright);font-size:36px;font-weight:600;display:block}.results span{font-family:var(--font-display);letter-spacing:.12em;color:var(--muted);margin-top:5px;font-size:10px;display:block}.run-build{flex-wrap:wrap;justify-content:center;gap:10px;margin:22px 0;padding:14px;display:flex}.run-build>span{color:var(--bone-dim);border:1px solid var(--line-2);background:linear-gradient(160deg, var(--panel-2), var(--bg-panel));border-radius:3px;padding:8px;position:relative}.run-build small{font-family:var(--font-num);color:var(--ash);font-size:9px;position:absolute;bottom:1px;right:3px}.run-stats{text-align:left;margin:0 0 20px;padding:18px 20px}.run-stats .stats-list{grid-template-columns:1fr 1fr;gap:7px 28px}.end-dialog .best-run{letter-spacing:1px;color:var(--muted);margin-bottom:0;font-size:12px;line-height:1.6}.best-run span{margin:0 7px}.end-dialog>.start-button{font-size:14px}.end-dialog>.secondary{color:var(--muted);border:none;margin-top:15px;font-size:13px}.guide-dialog{--dialog-pad:45px;width:630px}.guide-dialog>h2{font-size:39px}.guide-dialog>p{text-align:left;margin-top:20px}.guide-tips{text-align:left;padding:6px 20px 14px}.guide-tips p{color:var(--muted);margin:14px 0;font-size:13px;line-height:1.75}.guide-tips strong{font-family:var(--font-display);color:var(--ash);letter-spacing:.04em}.low-health #vignette{box-shadow:inset 0 0 110px var(--blood-glow);animation:1.5s ease-in-out infinite danger}.touch-controls{display:none}.touch-actions{pointer-events:auto;gap:10px;display:flex;position:absolute;bottom:160px;right:22px}.touch-actions button{border:1px solid var(--line-2);background:color-mix(in srgb, var(--panel-2) 82%, transparent);width:58px;height:58px;color:var(--bone-dim);touch-action:none;border-radius:50%;padding:0;font-size:12px}.touch-actions button:first-child{font-size:8px}@media (width<=360px){.touch-actions button{width:52px;height:52px}}#joystick{border:1px solid var(--line-2);background:color-mix(in srgb, var(--panel-2) 30%, transparent);touch-action:none;border-radius:50%;place-items:center;width:110px;height:110px;display:grid;position:absolute;bottom:160px;left:25px}#joystick span{background:var(--line-2);border:1px solid var(--line-2);pointer-events:none;border-radius:50%;width:40px;height:40px}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes danger{50%{box-shadow:inset 0 0 120px color-mix(in srgb, var(--blood) 15%, transparent)}}@media (width>=1600px){.menu-left{width:390px;top:20%}.menu-left h1{font-size:80px}.class-option{padding:17px}.class-option strong{font-size:28px}.class-option small{font-size:12px}.menu-right{width:280px;top:26%}.class-detail>p{font-size:14px}.class-detail h2{font-size:42px}.menu-left>.eyebrow{font-size:12px}.class-skill strong{font-size:13px}.class-skill span{font-size:12px}.mission>div:not(.eyebrow){font-size:11px}.mission>p{font-size:28px}.hero-name{bottom:25%}.hero-name>span:nth-child(2){font-size:40px}}@media (height<=780px) and (width>=1000px){.menu-top{height:75px}.menu-left{width:310px;top:16%}.menu-left h1{margin-top:17px;font-size:54px}.intro{margin:12px 0 23px}.class-option{padding:10px 12px}.class-select{margin-bottom:16px}.start-button{padding:16px 20px}.menu-right{top:20%}.mission{margin-top:20px}.menu-bottom{height:60px}.class-detail>p{line-height:1.7}.attributes{margin:15px 0}.class-skill{padding:13px 0}.hero-name{bottom:23%}}@media (width<=1100px){.menu-left{width:285px;left:4%}.menu-right{width:210px;right:4%}.menu-left h1{font-size:57px}.menu-top{margin:0 30px}.menu-bottom{left:30px;right:30px}.menu-bottom .version{display:none}.hero-name{left:52%}.class-detail>p{font-size:11px}.mission>div:not(.eyebrow){font-size:8px}.hud-bottom{left:20px;right:20px}.slot{width:34px;height:39px}.hud-bottom .slots{gap:9px}.ability-bar{gap:10px}.ability small{font-size:6px}.ability{min-width:60px}.player-info{width:170px}.power-card{min-height:336px;padding:14px 15px 22px}.power-card h3{font-size:20px}.card-art{width:110px;height:110px}.card-art svg{width:70px;height:70px}}@media (width<=850px){.menu-right{display:none}.menu-left{width:300px;top:19%;left:6%}.hero-name{bottom:28%;left:73%}.menu{background:linear-gradient(90deg, color-mix(in srgb, var(--bg) 96%, transparent), color-mix(in srgb, var(--bg) 63%, transparent) 45%, transparent 80%)}.menu-top{height:75px}.menu-bottom,.edition{font-size:8px}.menu-bottom button{margin-left:auto;font-size:8px}.hud{--hud-side-padding:18px;--status-tile:20px;--status-gap:5px}.hud-top{padding:18px var(--hud-side-padding)}.player-info{width:140px}.player-info strong{font-size:17px}.player-info span{font-size:8px}.avatar{width:45px;height:45px}.avatar>span{left:10px}.run-clock{top:18px}.run-clock strong{font-size:33px}.hud-bottom{bottom:61px}.ability-bar{bottom:58px}.build-bar,.passive-bar{margin-bottom:0}.power-cards{gap:10px}.power-card{min-height:310px;padding:12px 13px 22px}.power-card h3{font-size:19px}.card-desc{font-size:12px}.upgrade-panel>h2{font-size:42px}.card-art{width:98px;height:98px}.card-art svg{width:60px;height:60px}.announcement{letter-spacing:1.5px;padding:10px 15px;font-size:9px;top:23%}.event-announcement{gap:5px;padding:10px 30px 12px}.event-announcement strong{letter-spacing:4px;font-size:22px}.event-announcement span{letter-spacing:1.5px;font-size:9px}}@media (pointer:coarse){.touch-controls{display:block}.hud{--status-tile:18px;--status-gap:5px}.minimap-pause{display:flex}.player-info>small{display:none}}@media (width<=600px){.menu-top{gap:12px;height:68px;margin:0 22px}.wordmark{letter-spacing:3px;gap:9px;font-size:15px}.wordmark .logo-emblem{width:22px;height:22px}.edition{display:none}.menu-top .icon-btn{width:34px;height:34px;margin-left:auto}.menu-left{width:260px;top:15%;left:24px}.menu-left h1{margin-top:17px;font-size:53px}.intro{margin-bottom:25px;font-size:12px}.class-option{padding:11px 12px}.class-option strong{font-size:22px}.class-option small{font-size:9px}.class-select{gap:7px;margin-bottom:18px}.hero-name{display:none}.menu-left>.eyebrow{letter-spacing:1.5px;font-size:8px}.select-heading{font-size:8px}.select-heading span:last-child{font-size:7px}.start-button{padding:18px;font-size:10px}.menu-bottom{height:55px;left:24px;right:24px}.menu-bottom>span{display:none}.menu-bottom button{margin:0}.menu{background:linear-gradient(90deg, color-mix(in srgb, var(--bg) 98%, transparent), color-mix(in srgb, var(--bg) 69%, transparent) 64%, color-mix(in srgb, var(--bg) 13%, transparent))}.hud{--hud-side-padding:12px}.hud-top{padding:14px var(--hud-side-padding)}.player-card{gap:8px}.player-info{width:105px;padding-top:0}.player-info strong{font-size:14px}.player-info span{display:none}.avatar{width:34px;height:38px}.avatar svg{width:20px}.avatar>.class-glyph{width:84%;height:84%}.avatar>span{width:19px;font-size:9px;left:6px}.run-clock{top:15px}.run-clock strong{font-size:30px}.run-clock>span{letter-spacing:1.5px;font-size:7px}.run-clock>small{letter-spacing:1px;margin-top:5px;font-size:9px}.hud-bottom{bottom:55px;left:12px;right:12px}.slot{width:31px;height:35px}.slot svg{width:18px}.slots{gap:9px}.tiny-label{margin-bottom:6px;font-size:6px}.ability-bar{gap:12px;bottom:60px}.ability>div{width:46px;height:46px}.ability.signature>div{width:53px;height:53px}.ability kbd{padding:1px 6px;font-size:8px;bottom:8px}.cooldown{padding-bottom:8px}.ability{min-width:52px}.ability small{font-size:5px}.xp-line{padding:7px 12px 17px}.xp-top{font-size:7px}.boss-bar{width:60vw}.boss-bar>span{letter-spacing:1px;font-size:7px}.announcement{white-space:normal;width:85%;font-size:9px;top:21%}.event-announcement{width:92vw;margin-top:8px;padding:10px 12px 12px}.event-announcement strong{letter-spacing:3px;white-space:normal;font-size:20px}.event-announcement span{letter-spacing:1px;font-size:8px}.overlay{padding:20px 15px}.upgrade-panel>h2{font-size:35px}.upgrade-panel>p{font-size:10px}.upgrade-panel>.eyebrow{font-size:9px}.power-cards{gap:9px;margin-top:21px}.upgrade-bottom{margin-top:18px}.upgrade-bottom .reroll-button{padding:13px 20px;font-size:12px}.upgrade-bottom .reroll-button span{font-size:10px}.dialog{--dialog-pad:22px}.dialog>h2{font-size:36px}.controls-grid{gap:15px 8px;font-size:9px}.controls-grid kbd{font-size:7px}.results strong{font-size:29px}.results span{font-size:6px}.run-build{gap:5px}.run-build>span{padding:6px}.run-build svg{width:18px}.run-stats .stats-list{grid-template-columns:1fr}.dialog .eyebrow{letter-spacing:2px;font-size:9px}.guide-dialog{margin:auto}.guide-dialog>h2{font-size:32px}.guide-tips p{font-size:10px}.loading h1{letter-spacing:7px;font-size:45px}.loading .eyebrow{font-size:9px}.hud{--status-tile:16px;--status-gap:4px}}@media (height<=600px){.menu-left{width:265px;top:16%}.menu-left h1{margin-top:12px;font-size:39px}.intro{margin:8px 0 14px;font-size:10px}.class-option{padding:7px 10px}.class-option strong{font-size:20px}.class-option small{font-size:8px}.class-select{gap:5px;margin-bottom:11px}.class-icon{height:30px}.menu-top{height:55px}.menu-bottom{height:42px}.menu-left .start-button{padding:13px 18px}.start-meta{margin-top:8px;font-size:7px}.menu-right{top:18%}.mission{display:none}.class-detail h2{font-size:29px}.menu-left>.eyebrow{font-size:8px}.hero-name{bottom:19%}.dialog,.upgrade-panel{margin:auto}.power-cards{margin-top:20px}.power-card{min-height:290px}.card-art{width:98px;height:98px;margin-top:2px}.card-art svg{width:62px;height:62px}.upgrade-panel>h2{font-size:36px}.upgrade-panel>.eyebrow{font-size:9px}.upgrade-bottom{margin-top:15px}.overlay{padding:20px}.touch-actions,#joystick{bottom:120px}.ability-bar{bottom:45px}.ability small{display:none}.ability kbd{bottom:0}.hud-top{padding-top:12px}.run-clock{top:10px}.hud{--status-tile:16px;--status-gap:4px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.ability{background:0 0;border:none;padding:0}.ability:hover>div{border-color:var(--blood)}.ability:focus-visible{outline-offset:8px}.hero-name{bottom:20%;left:55.5%}@media (width<=850px){.hero-name{bottom:25%;left:73%}}@media (height>=650px) and (width<=850px){.menu-left{top:15%}.menu-left h1{font-size:52px}.menu-left .intro{margin-bottom:22px}.menu-bottom{height:50px}}.minimap-wrap canvas{pointer-events:auto;cursor:default;touch-action:none}.slot.filled{pointer-events:auto;cursor:help;padding:0}.slot.filled:hover,.slot.filled:focus-visible{box-shadow:inset 0 14px 20px -10px var(--bone), inset 0 0 0 2px #00000059, 0 0 0 3px color-mix(in srgb, var(--accent) 85%, transparent), 0 4px 16px color-mix(in srgb, var(--bone) 50%, transparent)}.build-tooltip{z-index:30;pointer-events:auto;background:var(--texture), linear-gradient(160deg, var(--panel-2), var(--bg-panel) 55%, var(--well));border:1px solid var(--ash-dim);text-align:left;width:400px;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);color:var(--bone);border-radius:3px;padding:0 16px 14px;font-size:14px;line-height:1.5;position:fixed;overflow:hidden auto;box-shadow:inset 0 0 0 1px #00000073,0 12px 40px #000c}.detail-heading{background:linear-gradient(90deg, color-mix(in srgb, var(--panel-3) 92%, transparent), transparent);border-bottom:1px solid var(--line-2);align-items:center;gap:12px;margin:0 -16px 10px;padding:11px 16px;display:flex;box-shadow:0 1px #00000080}.detail-icon{background:radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--accent) 24%, transparent), transparent 66%), var(--well);border:1px solid var(--line-2);width:42px;height:42px;color:var(--accent);border-radius:4px;flex-shrink:0;place-items:center;display:grid;box-shadow:inset 0 0 10px #000000a6}.detail-heading span{font-family:var(--font-display);letter-spacing:.12em;color:var(--ash);font-size:11px;font-weight:700;display:block}.detail-heading h3{letter-spacing:.04em;color:var(--bone);margin-top:2px;font-size:21px;line-height:1.15}.detail-summary{color:var(--bone-dim);margin-top:8px}.build-tooltip dl{margin:8px 0 0}.build-tooltip dl>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:12px;padding:4px 0;display:flex}.build-tooltip dl>div:last-child,.card-stat:last-child{border-bottom:0}.build-tooltip dt{white-space:nowrap;min-width:0;color:var(--muted)}.build-tooltip dd{color:var(--ash-bright);text-align:right;white-space:nowrap;margin:0;font-size:16px;font-weight:600}.hud-meta-row{justify-content:flex-end;align-items:center;gap:6px;margin-bottom:10px;display:flex}.hud-meta-row .fps-counter{margin-bottom:0}.aim-status{background:color-mix(in srgb, var(--panel-2) 88%, transparent);border:1px solid var(--line);color:var(--bone-dim);font:600 11px/15px var(--font-num);letter-spacing:.6px;cursor:pointer;border-radius:3px;align-items:center;gap:5px;padding:1px 6px;display:inline-flex}.aim-status:hover{border-color:var(--line-2);color:var(--ash-bright)}.aim-status svg{display:block}.aim-status.is-manual{color:var(--ash-bright);border-color:color-mix(in srgb, var(--ash) 40%, transparent)}.fps-counter{background:color-mix(in srgb, var(--panel-2) 88%, transparent);border:1px solid var(--line);min-width:50px;color:var(--bone-dim);font:600 11px/15px var(--font-num);font-variant-numeric:tabular-nums;text-align:center;pointer-events:none;border-radius:3px;margin-bottom:10px;padding:1px 6px;display:inline-block}@media (width<=380px){.hud-bottom .slots{gap:7px}.hud-bottom .slot{width:26px}}.status-bar{align-items:flex-end;gap:var(--status-gap);width:var(--minimap-size);pointer-events:none;flex-direction:column;display:flex}.status-bar[hidden]{display:none}.status-bar [data-row]{justify-content:flex-end;gap:var(--status-gap);flex-wrap:wrap;width:100%;display:flex}.status-tile{width:var(--status-tile);height:var(--status-tile);border:1px solid var(--ash-dim);background:radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--status-color) 40%, var(--panel-2)) 0%, var(--well) 78%);pointer-events:auto;cursor:help;border-radius:50%;padding:0;font-family:inherit;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0009,0 1px 3px #000a}.status-tile[data-kind=debuff]{border-color:var(--blood);box-shadow:inset 0 0 0 1px #0009, 0 0 6px var(--blood-glow)}.status-icon{background:var(--status-color);-webkit-mask:var(--status-icon) center / contain no-repeat;-webkit-mask:var(--status-icon) center / contain no-repeat;mask:var(--status-icon) center / contain no-repeat;filter:drop-shadow(0 0 3px color-mix(in srgb, var(--status-color) 60%, transparent));position:absolute;inset:12%}.status-sweep{background:conic-gradient(transparent calc(var(--progress,1) * 360deg), #000000a6 0);position:absolute;inset:0;transform:scaleX(-1)}.status-tile b{color:var(--bone);font:700 clamp(7px, calc(var(--status-tile) * .36), 12px) / 1.15 var(--font-num);font-variant-numeric:tabular-nums;text-shadow:0 0 2px #000,0 1px 1px #000;position:absolute;bottom:0;right:2px}.status-tile:hover,.status-tile:focus-visible{outline:2px solid var(--status-color);outline-offset:1px}.status-tile.expiring{animation:.5s ease-in-out infinite alternate status-expiring}@keyframes status-expiring{to{box-shadow:inset 0 0 0 1px #0009, 0 0 12px var(--blood)}}.status-detail-icon{position:relative}.status-detail-icon .status-icon{inset:6px}.ability-tooltip{width:310px}.ability-tooltip dd{white-space:normal}.ability-tooltip .detail-live dd{color:var(--accent)}.detail-mastery{border-top:1px solid color-mix(in srgb, var(--accent) 45%, transparent);color:var(--bone-dim);margin-top:10px;padding-top:8px;font-size:13px}.detail-mastery span{letter-spacing:1.3px;color:var(--accent);margin-bottom:2px;font-size:11px;display:block}.detail-mastery.locked,.detail-mastery.locked span{color:var(--muted)}@media (prefers-reduced-motion:reduce){.status-tile.expiring{animation:none}}@media (width<=600px){.card-stats{margin-top:8px;font-size:10px}.card-stats>div{gap:6px;padding:2px 0}.build-tooltip dd{white-space:normal}}.player-hud{flex-direction:column;align-self:flex-start;align-items:flex-start;gap:8px;display:flex}.player-hud>*{flex-shrink:0}.build-bar{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.stats-panel{--slot-cut:7px;box-sizing:border-box;border:1px solid var(--line-2);background:var(--texture), linear-gradient(160deg, color-mix(in srgb, var(--panel-2) 92%, transparent), color-mix(in srgb, var(--well) 92%, transparent));width:0;min-width:100%;clip-path:polygon(var(--slot-cut) 0, calc(100% - var(--slot-cut)) 0, 100% var(--slot-cut), 100% calc(100% - var(--slot-cut)), calc(100% - var(--slot-cut)) 100%, var(--slot-cut) 100%, 0 calc(100% - var(--slot-cut)), 0 var(--slot-cut));box-shadow:inset 0 0 0 1px var(--line-2);align-self:stretch;padding:0 12px 8px}.stats-head{font-family:var(--font-display);letter-spacing:.14em;color:var(--bone);background:linear-gradient(90deg, color-mix(in srgb, var(--panel-3) 92%, transparent), transparent);border-bottom:1px solid var(--line-2);justify-content:space-between;align-items:center;margin:0 -12px 7px;padding:7px 12px;font-size:11px;font-weight:700;display:flex}.stats-head span{line-height:1}.stats-head kbd{letter-spacing:0;background:var(--panel-2);font-family:var(--font-display);box-sizing:border-box;justify-content:center;align-items:center;min-width:18px;height:16px;padding:1px 5px 0;font-size:9px;line-height:1;display:inline-flex}.stats-list{gap:3px;margin:0;display:grid}.stats-row{justify-content:space-between;align-items:center;gap:10px;font-size:11px;display:flex}.stats-row dt{color:var(--muted);letter-spacing:.6px;white-space:nowrap;align-items:center;gap:6px;display:flex}.stats-icon{color:var(--bone-dim);align-items:center;display:inline-flex}.stats-icon svg{width:12px;height:12px;display:block}.stats-row dd{text-align:right;color:var(--bone);font-variant-numeric:tabular-nums;margin:0}@media (width>=1101px){.player-card{zoom:1.25}.stats-panel{zoom:1.25;transform-origin:0 0}}@media (pointer:coarse){.stats-panel{display:none}}.passive-group{align-items:flex-end;gap:12px;display:flex}@keyframes mastery-glow{0%,to{box-shadow:var(--tile-vignette), 0 0 0 var(--mastery-ring) var(--ash-dim), 0 0 10px -1px var(--blood-glow)}50%{box-shadow:var(--tile-vignette), 0 0 0 var(--mastery-ring) var(--ash), 0 0 20px -1px color-mix(in srgb, var(--blood) 55%, transparent)}}.ability.mastered>div{--mastery-ring:2px;box-shadow:var(--tile-vignette), 0 0 0 var(--mastery-ring) var(--ash-dim), 0 0 14px -1px var(--blood-glow);animation:2.4s ease-in-out infinite mastery-glow}.ability.mastered small:after{content:" ★";color:var(--ash)}@media (width<=1100px){.passive-group{gap:7px}}.coop-entry{justify-content:center;align-items:center;gap:9px;width:100%;margin-top:10px;display:flex}.coop-dialog{--overhang:0px;background:var(--texture), linear-gradient(160deg, var(--panel-2) 0%, var(--bg-panel) 46%, var(--well) 100%);width:min(600px,100vw - 32px);max-height:92vh;box-shadow:inset 0 0 0 1px var(--ash-dim);padding-bottom:28px;overflow:auto}.coop-dialog:before,.coop-dialog:after{display:none}.coop-dialog>:last-child{margin-bottom:0}.coop-field{text-align:left;color:var(--bone-dim);font-family:var(--font-display);letter-spacing:.06em;flex-direction:column;gap:8px;margin:16px 0;font-size:13px;display:flex}.coop-field input{box-sizing:border-box;background:linear-gradient(180deg, var(--well), var(--bg-panel));border:1px solid var(--line-2);width:100%;color:var(--bone);font:inherit;letter-spacing:.04em;border-radius:3px;padding:12px 14px;font-size:17px;box-shadow:inset 0 2px 8px #000000a6}#coop-code{text-transform:uppercase;letter-spacing:.2em}.coop-actions{align-items:center;gap:12px;margin:16px 0;display:flex}.coop-actions>*{flex:1}.coop-actions .start-button{margin:0}.coop-error{min-height:1.3em;font-size:13px;color:var(--ember)!important}.coop-dialog button:disabled{opacity:.45;cursor:default}.room-code{border:1px solid var(--ash);color:var(--ash-bright);background:var(--texture), linear-gradient(180deg, var(--panel-2), var(--well));font:700 30px var(--font-display);letter-spacing:.18em;box-shadow:inset 0 0 0 3px #00000059, 0 0 20px -6px color-mix(in srgb, var(--ash-bright) 60%, transparent);cursor:pointer;border-radius:4px;align-items:center;gap:20px;margin-bottom:12px;padding:12px 26px;display:inline-flex}.lobby-roster{text-align:left;margin:20px 0;overflow:hidden}.lobby-player{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:14px;display:flex}.lobby-player:last-child{border-bottom:0}.lobby-player>div{flex:1;min-width:0}.lobby-player strong{overflow-wrap:anywhere;display:block}.lobby-player small{color:var(--muted);margin-top:4px;font-size:11px;display:block}.ready-status{font-family:var(--font-display);color:var(--muted);letter-spacing:.12em;font-size:11px;font-weight:600}.ready-status.is-ready{color:var(--ash-bright);text-shadow:0 0 10px color-mix(in srgb, var(--ash-bright) 55%, transparent)}.lobby-avatar{width:28px}.lobby-classes{gap:10px;display:flex}.lobby-classes>*{flex:1}.lobby-classes .selected{color:var(--ash-bright);box-shadow:inset 0 0 0 1px var(--ash), inset 0 -14px 24px #0000008c, 0 0 18px -5px color-mix(in srgb, var(--ash-bright) 60%, transparent)}.team-choice-status{letter-spacing:.06em;color:var(--bone-dim)!important;font-size:13px!important}.network-notice{z-index:200;border:1px solid var(--ash-dim);background:var(--texture), linear-gradient(160deg, var(--panel-2), var(--well));max-width:90vw;color:var(--bone);text-align:center;border-radius:3px;padding:12px 24px;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #00000073,0 10px 30px #000a}.player-health-bar .partner-label{white-space:nowrap;color:var(--bone-dim);text-shadow:0 1px 4px #000,0 0 3px #000;pointer-events:none;font:600 11px system-ui;position:absolute;bottom:calc(100% + 5px);left:50%;transform:translate(-50%)}.player-health-bar.downed{opacity:1}.player-health-bar.downed .partner-label{color:var(--bone-dim)}@media (width<=600px){.coop-actions{flex-direction:column}.coop-actions>*{width:100%}.coop-dialog{--dialog-pad:18px}.lobby-classes{gap:5px}.lobby-classes button{padding:9px}.room-code{font-size:25px}.lobby-player{gap:8px;padding:12px 9px}.ready-status{font-size:9px}}.menu{grid-template-rows:auto minmax(0,1fr) auto;display:grid}.menu>.menu-top{grid-row:1}.menu>.menu-left{grid-row:2;align-self:center;width:min(390px,36vw);margin:12px 0 12px 6%;position:relative;top:auto;left:auto}.menu>.menu-bottom{grid-row:3;margin:0 48px;position:relative;bottom:auto;left:auto;right:auto}.menu-play-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.menu-play-actions>button{letter-spacing:1px;white-space:nowrap;justify-content:center;min-width:0;min-height:44px;margin:0;padding:15px 10px;font-size:11px}.menu-play-actions .coop-entry{gap:6px}@media (width<=1100px){.menu>.menu-left{width:340px;margin-left:4%}.menu>.menu-bottom{margin-inline:30px}}@media (width<=600px){.menu>.menu-left{width:90%;max-width:none;margin:0 0 0 5%}.attributes.compact-attrs{flex-wrap:wrap;row-gap:10px}.attributes.compact-attrs>div{flex:90px}.menu>.menu-bottom{margin-inline:24px}}@media (height<=850px){.menu .menu-left h1{margin-top:14px;font-size:50px}.menu .intro{margin:10px 0 18px}.menu .class-option{padding:9px 12px}.menu .class-option strong{font-size:23px}.menu .class-select{gap:6px;margin-bottom:14px}}@media (height<=700px){.menu>.menu-top{height:60px}.menu>.menu-bottom{height:44px}.menu .menu-left h1{margin-top:10px;font-size:40px}.menu .intro{margin:8px 0 12px}.menu .class-option{padding:7px 10px}.menu .class-icon{height:30px}.menu .class-option strong{font-size:21px}.menu .class-option small{font-size:9px}.menu .start-meta{margin-top:8px}}@media (height<=500px){.menu>.menu-top{height:48px}.menu>.menu-bottom{height:36px}.menu .menu-left>.eyebrow,.menu .menu-left h1,.menu .intro{display:none}.menu .select-heading{margin-bottom:8px}.menu .class-select{gap:5px;margin-bottom:10px}.menu .menu-right,.menu .hero-name{display:none}.menu-play-actions>button{padding-block:10px}}.guardian-boons{border:1px solid var(--line-2);background:color-mix(in srgb, var(--panel-2) 95%, transparent);pointer-events:auto;-webkit-user-select:none;user-select:none;cursor:default;width:188px;padding:8px 11px 4px}.guardian-boons:empty{display:none}.guardian-head{justify-content:space-between;align-items:baseline;display:flex}.guardian-label{letter-spacing:1px;color:var(--muted);font-size:7px}.guardian-head b{font-family:var(--font-num);color:var(--ash-bright);font-variant-numeric:tabular-nums;font-size:15px;line-height:1}.guardian-head b small{color:var(--muted);font-size:11px}.guardian-pips{grid-template-columns:repeat(4,1fr);gap:3px;margin:6px 0 2px;display:grid}.guardian-pips i{background:var(--line);height:2px}.guardian-pips i.is-contested{background:color-mix(in srgb, var(--accent) 55%, transparent);animation:1.4s ease-in-out infinite guardian-pulse}.guardian-pips i.is-earned{background:var(--accent);box-shadow:0 0 6px color-mix(in srgb, var(--accent) 60%, transparent)}.guardian-boon{--accent:var(--ash);border-top:1px solid var(--line);color:var(--muted);-webkit-user-select:none;user-select:none;cursor:default;grid-template-columns:22px 1fr auto;align-items:center;gap:9px;padding:6px 0;display:grid}.guardian-pips+.guardian-boon{border-top:0}.guardian-sigil{border:1px solid var(--line-2);background:var(--bg-panel);width:17px;height:17px;color:var(--faint);place-items:center;margin:2px;transition:background .3s,box-shadow .3s;display:grid;transform:rotate(45deg)}.guardian-sigil svg{width:11px;height:11px;transform:rotate(-45deg)}.guardian-copy{flex-direction:column;min-width:0;line-height:1.25;display:flex}.guardian-copy strong{white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:600;overflow:hidden}.guardian-copy small{color:var(--faint);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:9px}.guardian-tag{letter-spacing:1px;color:var(--accent);font-size:7px;font-weight:800;display:flex}.guardian-boon.contested{color:var(--bone)}.guardian-boon.contested .guardian-sigil{border-color:var(--accent);color:var(--accent)}.guardian-boon.contested .guardian-tag{animation:1.4s ease-in-out infinite guardian-pulse}.guardian-boon.earned{color:var(--ash-bright)}.guardian-boon.earned .guardian-sigil{border-color:var(--accent);background:var(--accent);color:var(--on-accent);box-shadow:0 0 9px color-mix(in srgb, var(--accent) 50%, transparent)}.guardian-boon.earned small{color:var(--accent)}.guardian-boon:focus-visible{outline:1px solid var(--accent);outline-offset:2px}@keyframes guardian-pulse{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.guardian-pips i.is-contested,.guardian-boon.contested .guardian-tag{animation:none}}.result-boons{flex-wrap:wrap;justify-content:center;gap:6px;margin:12px 0;display:flex}.result-boons .guardian-boon{border:1px solid var(--accent);background:color-mix(in srgb, var(--panel-2) 95%, transparent);text-align:left;width:196px;padding:6px 11px}#upgrade-time{color:var(--ash-bright);margin-top:4px;display:block}@media (width<=700px){.guardian-boons{width:auto;padding:5px 5px 2px}.guardian-boons .guardian-head{justify-content:center}.guardian-boons .guardian-label,.guardian-boons .guardian-copy,.guardian-boons .guardian-tag,.guardian-boons .guardian-pips{display:none}.guardian-boons .guardian-boon{grid-template-columns:22px;gap:0;padding:3px 0}}@media (width<=400px){.run-clock{top:78px}.run-clock>small{margin-top:4px;font-size:9px}.announcement{top:250px}}.slot.recharging>svg{opacity:.35}.slot:has(.slot-charges) .slot-cd{padding-bottom:13px}.slot .slot-charges{color:var(--bone-dim);font-variant-numeric:tabular-nums;pointer-events:none;font-size:9px;font-style:normal;position:absolute;bottom:2px;left:4px}.slot .slot-cd{color:var(--bone);font-variant-numeric:tabular-nums;pointer-events:none;place-items:center;font-size:10px;display:grid;position:absolute;inset:0}.dread-totem-atmosphere{pointer-events:none;z-index:4;background:radial-gradient(#0000 45%,#44185c38);position:fixed;inset:0;box-shadow:inset 0 0 15vw 5vw #8d36b34d}.dread-totem-atmosphere[hidden]{display:none}@media (width>=851px){.hud>:not(#damage-numbers,.touch-controls){zoom:1.25}}.slot[data-evolution=ready]{animation:2.4s ease-in-out infinite slot-ready}.slot[data-evolution=legendary]{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--ash) 70%, transparent), inset 0 0 14px color-mix(in srgb, var(--card-legendary) 60%, transparent), 0 0 0 3px var(--ash)}@keyframes slot-ready{0%,to{filter:none}50%{filter:drop-shadow(0 0 7px color-mix(in srgb, var(--ash) 70%, transparent))}}@media (prefers-reduced-motion:reduce){.slot[data-evolution=ready]{filter:drop-shadow(0 0 6px color-mix(in srgb, var(--ash) 55%, transparent));animation:none}}.build-tooltip .detail-link-row dd{font-weight:600}.link-chip{border:1px solid color-mix(in srgb, var(--ash) 40%, transparent);background:linear-gradient(180deg, var(--panel-2), var(--well));color:var(--ash);font-family:var(--font-display);white-space:nowrap;vertical-align:middle;border-radius:999px;align-items:center;gap:5px;padding:2px 9px;font-size:12px;font-weight:600;display:inline-flex}.link-chip svg{flex-shrink:0}.link-chip[data-owned=false]{border-style:dashed;border-color:var(--line);color:var(--muted);opacity:.55}.link-chip[data-owned=false] svg{filter:grayscale()}.link-chip[data-ready=true]{animation:2.4s ease-in-out infinite slot-ready}@media (prefers-reduced-motion:reduce){.link-chip[data-ready=true]{box-shadow:0 0 9px color-mix(in srgb, var(--ash) 38%, transparent);animation:none}}.link-noslot{letter-spacing:.6px;color:var(--blood);margin-left:6px;font-size:10px;font-style:normal;font-weight:700}.build-tooltip .detail-linked dd{font-size:13px}#passives.slots{grid-template-columns:repeat(6, var(--card-slot-width));gap:13px;display:grid}@media (width<=760px){.power-cards{grid-template-columns:1fr;grid-auto-rows:auto;gap:10px;margin-top:16px}.power-card{min-height:0;padding:12px 14px 14px}.card-head{min-height:0}.card-art{width:88px;height:88px;margin-top:2px}.card-art svg{width:54px;height:54px}.power-card h3{margin:8px 0 0;font-size:19px}.card-desc,.card-stats{margin:0;padding:8px 0 0}.card-desc{font-size:12px}.card-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.card-stat dd{font-size:14px}.card-scale-badge{margin-top:10px;position:static;transform:none}#passives.slots{grid-template-columns:repeat(3, var(--card-slot-width))}}.hud-bottom{--card-slot-width:46px;--card-slot-height:var(--card-slot-width)}.hud-bottom .slot{width:var(--card-slot-width);height:var(--card-slot-height);flex-shrink:0}.hud-bottom .slot svg{width:22px}.hud-bottom .slot small{font-weight:500}@media (width<=1100px){.hud-bottom{--card-slot-width:34px}}@media (width<=760px){.hud-bottom .ability-bar{bottom:96px}}@media (width<=600px){.hud-bottom{--card-slot-width:31px}.hud-bottom .slot svg{width:18px}}@media (width<=380px){.hud-bottom{--card-slot-width:26px}}@media (width>=601px){.menu>.menu-left{width:min(390px,36vw)}}.menu .class-select{gap:6px;margin-top:4px;margin-bottom:12px}.menu .class-option{gap:12px;min-width:0;padding:9px 12px 9px 26px;overflow:hidden}.menu .class-option>span:nth-child(2){flex:1;min-width:0;overflow:hidden}.menu .class-icon{flex-shrink:0;width:34px;height:34px}.menu .class-option strong{font-family:var(--font-display);letter-spacing:1.2px;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:800;line-height:1.1;overflow:hidden}.menu .class-option small{letter-spacing:.6px;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:10px;overflow:hidden}.menu .class-detail.compact{background:var(--texture), linear-gradient(180deg, color-mix(in srgb, var(--well) 92%, transparent), color-mix(in srgb, var(--bg-panel) 88%, transparent));box-shadow:inset 0 0 0 1px var(--line), inset 0 0 0 4px #00000038, inset 0 2px 10px #000000a6;border:0;border-radius:3px;min-width:0;margin:0 0 14px;padding:12px 14px;overflow:hidden}.menu .compact-title{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.menu .compact-title strong{font-family:var(--font-display);letter-spacing:.14em;color:var(--ash);white-space:nowrap;font-size:13px;font-weight:700}.menu .compact-title span{letter-spacing:1.2px;color:var(--muted);white-space:nowrap;font-size:9px}.menu .compact-stats{color:var(--muted);letter-spacing:.3px;overflow-wrap:anywhere;margin:6px 0 10px;font-size:11px;line-height:1.6}.menu .compact-stat-grid{grid-template-columns:repeat(4,1fr);gap:6px;margin:10px 0;display:grid}.menu .compact-stat-grid>div{border:1px solid var(--line);background:linear-gradient(180deg, color-mix(in srgb, var(--panel-2) 82%, transparent), color-mix(in srgb, var(--well) 82%, transparent));text-align:center;border-radius:2px;min-width:0;padding:6px 4px 7px}.menu .compact-stat-grid span{font-family:var(--font-display);letter-spacing:.12em;color:var(--muted);white-space:nowrap;font-size:9px;font-weight:600;display:block}.menu .compact-stat-grid strong{font-family:var(--font-num);letter-spacing:.4px;color:var(--bone);font-variant-numeric:tabular-nums;white-space:nowrap;margin-top:3px;font-size:14px;font-weight:800;display:block}.menu .attributes.compact-attrs{flex-wrap:wrap;gap:8px 16px;margin:0;display:flex}.menu .attributes.compact-attrs>div{align-items:center;gap:8px;margin:0;display:flex}.menu .attributes.compact-attrs span{letter-spacing:1px;font-size:9px}.menu .attributes.compact-attrs .pips{gap:3px}.menu .attributes.compact-attrs .pips i{width:11px}.menu .menu-bottom button{margin-left:0}.menu .menu-top .icon-btn{margin-left:auto}.pause-dialog{--dialog-pad:32px;width:420px}.pause-stats{font-family:var(--font-display);letter-spacing:.12em;color:var(--bone-dim);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:center;gap:8px 22px;margin:0 0 22px;padding:13px 18px;font-size:12px;font-weight:600;display:flex}.pause-dialog .start-button{justify-content:center;margin-top:0}.pause-dialog .controls-grid{margin:20px 0}