@import"https://fonts.googleapis.com/css2?family=Archivo+Black&family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;600;700&display=swap";:root{color:#f8f2ff;background:#100d1d;font-family:Space Grotesk,system-ui,sans-serif;font-synthesis:none;--gold: #f4bc62;--violet: #8d63e8;--ink: #100d1d;--panel: rgba(29, 22, 46, .94);--loot-tray-height: clamp(176px, 24vh, 220px)}*{box-sizing:border-box}html,body,#app,#game-root{width:100%;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 50% 10%,#30214c 0,transparent 38%),#100d1d}body:after{position:fixed;z-index:19;inset:0;border:0 solid rgba(255,67,99,0);box-shadow:inset 0 0 #ff436300;content:"";pointer-events:none}body.damage-flash:after{animation:damage-flash .28s ease-out}@keyframes damage-flash{0%{border-width:10px;border-color:#ff4363bd;box-shadow:inset 0 0 70px #ff264d6b}to{border-width:0;border-color:#ff436300;box-shadow:inset 0 0 #ff436300}}button,input{font:inherit}button{color:inherit}#game-root canvas{display:block;outline:none}body.class-open{--loot-tray-height: clamp(276px, 38vh, 340px)}body.loot-open .player-hud{bottom:calc(var(--loot-tray-height) + 12px)}.is-hidden{display:none!important}.join-screen,.results-screen{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 50% 40%,rgba(96,53,138,.34),transparent 40%),#0a0814d6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.join-card,.results-card{width:min(760px,100%);padding:clamp(24px,4vw,48px);border:1px solid rgba(244,188,98,.45);border-radius:24px;background:linear-gradient(145deg,#31224af5,#181227fa);box-shadow:0 30px 80px #00000085,inset 0 0 80px #955bdc14}.join-card{max-height:calc(100vh - 32px);overflow:auto}.logo-mark,.brand-mini{color:var(--gold);font-family:Archivo Black,Impact,sans-serif;letter-spacing:-.08em;text-shadow:0 6px 0 #6d3558}.logo-mark{font-size:clamp(62px,12vw,112px);line-height:.8;text-align:center;transform:rotate(-2deg)}.logo-mark span,.brand-mini span{color:#fff8e7}.tagline{margin:24px 0 34px;color:#cbbdde;text-align:center;letter-spacing:.08em}.how-to-play{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:-14px 0 20px;padding:12px;border:1px solid rgba(105,231,255,.18);border-radius:12px;background:#0a081442}.how-to-play>b{grid-column:1 / -1;color:#9fe8ff;font-family:DM Mono,monospace;font-size:10px;letter-spacing:.18em}.how-to-play span{display:flex;gap:7px;align-items:center;color:#cbbdde;font-size:11px;line-height:1.25}.how-to-play i{display:grid;flex:0 0 22px;height:22px;place-items:center;border-radius:50%;color:#171020;background:var(--gold);font-family:DM Mono,monospace;font-style:normal;font-weight:700}label,.eyebrow{display:block;margin:18px 0 8px;color:var(--gold);font-family:DM Mono,monospace;font-size:12px;font-weight:500;letter-spacing:.18em}#name-input{width:100%;padding:14px 16px;border:1px solid rgba(203,189,222,.25);border-radius:10px;outline:none;color:#fff;background:#0a08148c;font-size:18px}#name-input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #f4bc6221}.starter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.starter-grid button,.loot-card{position:relative;display:flex;gap:12px;align-items:center;min-height:82px;padding:14px 16px;border:1px solid rgba(202,186,225,.18);border-radius:12px;cursor:pointer;text-align:left;background:#5d408433;transition:transform .14s ease,border-color .14s ease,background .14s ease}.starter-grid button{min-height:72px;padding:11px 12px}.starter-grid button:hover,.loot-card:hover{z-index:2;border-color:var(--gold);background:#784ca06b;transform:translateY(-2px)}.starter-grid button:disabled{cursor:wait;opacity:.5}.starter-grid b,.loot-card b{display:block;margin-bottom:4px;font-size:16px}.starter-grid span,.loot-card span{color:#bfb1d2;font-size:13px}.join-error{min-height:20px;margin:12px 0 0;color:#ff8796;text-align:center}.hud{position:fixed;z-index:20;top:16px;left:16px;right:16px;display:flex;gap:18px;align-items:center;pointer-events:none}.brand-mini{font-size:27px}.run-info{display:flex;gap:12px;align-items:baseline;padding:9px 14px;border:1px solid rgba(244,188,98,.25);border-radius:10px;background:#100d1dcc}.run-info strong{font-family:DM Mono,monospace;font-size:11px;letter-spacing:.12em}.run-info span{color:var(--gold);font-family:DM Mono,monospace;font-size:19px}.population{color:#cbbdde;font-size:13px}.population span{color:#fff;font-weight:700}.connection-pill{margin-left:auto;padding:7px 10px;border-radius:99px;color:#ffe18c;background:#f4bc6224;font-family:DM Mono,monospace;font-size:10px;text-transform:uppercase}.connection-pill[data-state=online]{color:#a7efbd;background:#57d78424}.connection-pill[data-state=offline]{color:#ff9caa;background:#ff586d24}.player-hud{position:fixed;z-index:20;bottom:18px;left:50%;width:min(520px,calc(100% - 32px));padding:14px 18px;border:1px solid rgba(244,188,98,.28);border-radius:14px;background:#100d1de0;box-shadow:0 12px 35px #00000059;transform:translate(-50%);pointer-events:none;transition:bottom .18s ease}.meter-row{display:grid;grid-template-columns:58px 1fr 70px;gap:9px;align-items:center;margin:4px 0;font-family:DM Mono,monospace;font-size:11px}.meter-row>b{color:#cbbdde;text-align:right}.meter{height:8px;overflow:hidden;border-radius:99px;background:#342844}.meter i,.boss-meter i{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff5d75,#ffaf65);transition:width .15s linear}.meter.xp i{background:linear-gradient(90deg,#9565e9,#69e7ff)}.mote-row{display:flex;gap:16px;align-items:center;justify-content:center;min-height:18px;margin-top:8px;color:#9edfcf;font-family:DM Mono,monospace;font-size:10px;letter-spacing:.06em}.mote-row b{color:#f7d77e}#overdrive-chip{padding:3px 7px;border:1px solid rgba(255,214,107,.72);border-radius:99px;color:#fff0a8;background:#6f3426b8;box-shadow:0 0 18px #ff714640;animation:overdrive-pulse .52s ease-in-out infinite alternate}@keyframes overdrive-pulse{to{border-color:#ff6e56;box-shadow:0 0 25px #ff4b366b}}body.overdrive-active:before{position:fixed;z-index:18;inset:0;border:3px solid rgba(255,208,91,.35);box-shadow:inset 0 0 44px #ff53392e;content:"";animation:frenzy-border .26s ease-in-out infinite alternate;pointer-events:none}@keyframes frenzy-border{to{border-color:#ff4c37a3;box-shadow:inset 0 0 72px #ff412a4d}}.ability-chip{position:absolute;right:16px;bottom:calc(100% + 8px);padding:6px 10px;border:1px solid color-mix(in srgb,var(--ability-color, #f4bc62),transparent 35%);border-radius:8px;color:var(--ability-color, #f4bc62);background:#100d1de0;font-family:DM Mono,monospace;font-size:10px;letter-spacing:.1em;cursor:pointer;pointer-events:auto;transition:.14s ease}.ability-chip:hover{background:color-mix(in srgb,var(--ability-color, #f4bc62),#100d1d 78%);box-shadow:0 0 18px color-mix(in srgb,var(--ability-color, #f4bc62),transparent 76%);transform:translateY(-2px)}.special-chip{position:absolute;bottom:calc(100% + 8px);left:50%;display:flex;gap:7px;align-items:center;padding:6px 9px;border:1px solid rgba(139,129,154,.35);border-radius:8px;color:#aaa0b7;background:#100d1de6;font-family:DM Mono,monospace;font-size:9px;letter-spacing:.07em;transform:translate(-50%);transition:.16s ease}.special-chip b{padding:2px 5px;border-radius:4px;color:#171020;background:#aaa0b7}.special-chip i{min-width:38px;color:#8b819a;font-style:normal;text-align:right}.special-chip.ready{border-color:#ffd66bad;color:#ffe197;box-shadow:0 0 20px #f4bc6226}.special-chip.ready b{background:#f4bc62}.special-chip.ready i{color:#8dffae}.relic-count{position:absolute;right:16px;bottom:calc(100% + 40px);color:#ffd66b;font-family:DM Mono,monospace;font-size:9px;letter-spacing:.1em}.control-hint{position:absolute;bottom:calc(100% + 40px);left:16px;color:#f8f2ff8c;font-size:11px}.boss-hud{position:fixed;z-index:20;top:76px;left:50%;width:min(680px,calc(100% - 40px));text-align:center;transform:translate(-50%);pointer-events:none}.boss-title{margin-bottom:8px;color:#ffd66b;font-family:Archivo Black,Impact,sans-serif;font-size:16px;letter-spacing:.18em;text-shadow:0 3px 0 #6d3558}.boss-meter{height:14px;padding:3px;border:1px solid #f4bc62;border-radius:99px;background:#100d1de6}.boss-meter i{background:linear-gradient(90deg,#a8285e,#ff5d75,#f4bc62)}.loot-panel{position:fixed;z-index:40;right:0;bottom:0;left:0;display:grid;grid-template-columns:minmax(180px,250px) 1fr;grid-template-rows:auto 1fr auto;gap:0 18px;width:100%;height:var(--loot-tray-height);padding:16px clamp(18px,3vw,44px);border:1px solid rgba(244,188,98,.5);border-width:1px 0 0;border-radius:20px 20px 0 0;background:var(--panel);box-shadow:0 -18px 60px #0000006b;contain:layout paint}.loot-panel .eyebrow{grid-column:1;grid-row:1;margin-top:0}.loot-panel h2{grid-column:1;grid-row:2;align-self:center;margin:2px 0;font-family:Archivo Black,Impact,sans-serif;font-size:clamp(22px,2.2vw,32px);line-height:.95}.loot-cards{display:grid;grid-column:2;grid-row:1 / 4;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.loot-card{min-width:0;min-height:72px;width:100%;padding:12px}.loot-card.rare{border-color:#69e7ff61}.loot-card.legendary{border-color:#f4bc62a6;background:#8f5b4047}.class-card{border-color:color-mix(in srgb,var(--ability-color),transparent 56%);background:color-mix(in srgb,var(--ability-color),transparent 89%)}.class-card[data-switch-ability=ember]{--ability-color: #ff7657}.class-card[data-switch-ability=moon]{--ability-color: #c7b8ff}.class-card[data-switch-ability=chain]{--ability-color: #69e7ff}.class-card[data-switch-ability=void]{--ability-color: #d86cff}.class-card[data-switch-ability=frost]{--ability-color: #78cfff}.class-card[data-switch-ability=solar]{--ability-color: #ffcf57}.class-card[data-switch-ability=raven]{--ability-color: #9a7cff}.class-card[data-switch-ability=necro]{--ability-color: #75f0a0}.class-card:disabled{border-color:var(--ability-color);cursor:default;opacity:.58;transform:none}.class-cards{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.class-glyph{display:grid;flex:0 0 38px;height:38px;place-items:center;border-radius:50%;color:#160f25!important;background:var(--ability-color);font-size:20px!important;font-weight:700}.loot-key{display:grid;flex:0 0 32px;height:32px;place-items:center;border-radius:8px;color:#1a1228!important;background:var(--gold);font-family:DM Mono,monospace;font-size:15px!important;font-weight:700}.loot-timer{grid-column:1;grid-row:3;margin-top:4px;color:#a99aba;font-family:DM Mono,monospace;font-size:11px;text-align:center}.ghost-panel{position:fixed;z-index:21;top:105px;left:50%;padding:12px 18px;border:1px solid rgba(105,231,255,.4);border-radius:12px;background:#1d162ee6;text-align:center;transform:translate(-50%);pointer-events:none}.ghost-title{color:#9fe8ff;font-family:Archivo Black,Impact,sans-serif;letter-spacing:.12em}.ghost-panel p{margin:4px 0 0;color:#cbbdde;font-size:12px}.results-screen{z-index:35;background:#0a08148c;pointer-events:none}.results-card{width:min(620px,100%);text-align:center}.results-card h1{margin:4px 0 12px;color:var(--gold);font-family:Archivo Black,Impact,sans-serif;font-size:clamp(32px,7vw,62px)}.results-card p{color:#cbbdde}.toast{position:fixed;z-index:80;top:90px;left:50%;max-width:calc(100% - 40px);padding:10px 16px;border:1px solid rgba(244,188,98,.45);border-radius:99px;color:#fff8e7;background:#1d162ef0;box-shadow:0 12px 30px #00000057;opacity:0;transform:translate(-50%,-12px);transition:.22s ease;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%)}.mobile-controls{display:none}@media(max-width:980px){.starter-grid,.how-to-play{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(hover:none),(pointer:coarse){#game-root canvas{touch-action:none}body.game-active:not(.loot-open):not(.class-open):not(.results-open) .mobile-controls{position:fixed;z-index:30;right:max(18px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));left:max(18px,env(safe-area-inset-left));display:flex;justify-content:space-between;align-items:end;pointer-events:none}.touch-stick{position:relative;width:116px;height:116px;border:2px solid rgba(159,232,255,.44);border-radius:50%;background:#100d1d85;box-shadow:inset 0 0 28px #69e7ff14;touch-action:none;pointer-events:auto}.touch-stick:after{position:absolute;inset:50% auto auto 50%;color:#f8f2ff8c;content:"MOVE";font-family:DM Mono,monospace;font-size:9px;letter-spacing:.12em;transform:translate(-50%,-50%)}.touch-stick i{position:absolute;z-index:2;top:50%;left:50%;width:48px;height:48px;margin:-24px;border-radius:50%;background:#9fe8ffd1;box-shadow:0 5px 20px #00000059;pointer-events:none}.touch-action{position:absolute;display:grid;place-items:center;border:1px solid rgba(244,188,98,.62);border-radius:50%;color:#fff5dc;background:#472b4fd1;box-shadow:0 8px 24px #00000057;font-family:DM Mono,monospace;font-size:10px;font-weight:700;line-height:1.05;touch-action:manipulation;pointer-events:auto}.touch-action.bomb{right:4px;bottom:38px;width:82px;height:82px;border-color:#ffd66bcc}.touch-action.dash{right:94px;bottom:10px;width:60px;height:60px}.player-hud{bottom:118px;width:min(520px,calc(100% - 24px))}.control-hint{display:none}}@media(max-width:640px){:root{--loot-tray-height: min(330px, 46vh)}body.class-open{--loot-tray-height: min(430px, 60vh)}.starter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.join-card{max-height:calc(100vh - 24px);overflow:auto;padding:24px}.logo-mark{font-size:62px}.tagline{margin:18px 0 24px;font-size:13px}.how-to-play{grid-template-columns:1fr;margin-top:-8px}.population,.brand-mini{display:none}.hud{gap:8px}.loot-panel{display:block;padding:12px 14px;border-radius:14px 14px 0 0}.loot-panel .eyebrow{margin-bottom:5px}.loot-panel h2{display:none}.loot-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.class-cards{max-height:calc(var(--loot-tray-height) - 76px);overflow:auto}.loot-card{min-height:60px;padding:8px 10px}.mote-row{gap:8px;font-size:9px}.loot-timer{margin-top:7px}}