html,body{margin:0;padding:0;overflow:hidden;background:#0b1220;height:100%}#app,#pixi-root{width:100%;height:100%}canvas{display:block;touch-action:none}#hud{position:fixed;left:0;right:0;bottom:0;display:flex;align-items:flex-end;justify-content:center;gap:24px;padding:12px 16px;font-family:system-ui,sans-serif;color:#e6edf7;pointer-events:none;user-select:none;z-index:10}.hud-bar{position:relative;width:260px;height:18px;border-radius:4px;background:#1a2333;border:1px solid #34405a;overflow:hidden}.hud-bar-fill{position:absolute;inset:0;width:0%;transition:width .12s linear}.hud-bar-health .hud-bar-fill{background:linear-gradient(180deg,#4ade80,#16a34a)}.hud-bar-mana .hud-bar-fill{background:linear-gradient(180deg,#60a5fa,#2563eb)}.hud-bar-xp{width:140px;height:8px}.hud-bar-xp .hud-bar-fill{background:linear-gradient(180deg,#c084fc,#9333ea)}.hud-bar-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.8)}.hud-level-row{display:flex;align-items:center;gap:8px;margin-top:4px}#hud-level{font-size:12px;font-weight:700;min-width:34px}.hud-skill-point-indicator{color:#facc15;font-size:14px;text-shadow:0 0 6px rgba(250,204,21,.8);animation:hud-pulse 1.2s ease-in-out infinite}.hud-hidden{display:none!important}@keyframes hud-pulse{0%,to{opacity:1}50%{opacity:.35}}#hud-gold{display:flex;align-items:center;gap:6px;height:40px;padding:0 12px;border-radius:6px;background:#1a2333;border:1px solid #34405a;font-weight:700;font-size:15px}#hud-gold-icon{color:#facc15}#hud-mute{margin-left:4px;font-size:14px;opacity:.85}#hud-kd{margin-left:4px;font-weight:600;font-size:13px;color:#cbd5e1}#hud-clock{position:fixed;top:12px;left:50%;transform:translate(-50%);padding:4px 14px;border-radius:6px;background:#1a2333;border:1px solid #34405a;color:#e6edf7;font-family:system-ui,sans-serif;font-weight:700;font-size:15px;letter-spacing:.5px;pointer-events:none;user-select:none;z-index:10}#hud-abilities{display:flex;gap:8px}.hud-ability-slot{position:relative;width:52px;height:52px;border-radius:6px;background:#1a2333;border:2px solid #34405a;overflow:hidden}.hud-ability-slot.hud-not-learned{opacity:.45}.hud-ability-key{position:absolute;top:2px;left:4px;font-size:11px;font-weight:700;color:#9fb0c9;z-index:2}.hud-ability-level{position:absolute;bottom:2px;right:4px;font-size:10px;font-weight:600;z-index:2;text-shadow:0 1px 2px rgba(0,0,0,.8)}.hud-ability-cooldown-overlay{position:absolute;left:0;right:0;bottom:0;height:0%;background:#000000bf;z-index:1;transition:height .1s linear}.hud-ability-cooldown-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:16px;font-weight:700;z-index:2;text-shadow:0 1px 3px rgba(0,0,0,.9)}#hud-ability-tooltip{position:fixed;transform:translate(-50%,calc(-100% - 10px));display:flex;flex-direction:column;gap:3px;max-width:220px;padding:8px 10px;border-radius:6px;background:#0a0e16f0;border:1px solid #34405a;color:#e6edf7;font-family:system-ui,sans-serif;pointer-events:none;z-index:25;box-shadow:0 8px 20px #00000073}.hud-ability-tooltip-name{font-size:13px;font-weight:700;color:#facc15}.hud-ability-tooltip-blurb{font-size:12px;color:#cbd5e1;line-height:1.35}.hud-ability-tooltip-cost,.hud-ability-tooltip-level{font-size:11px;color:#9fb0c9}.hud-ability-tooltip-delta{font-size:11px;font-weight:600;color:#7dd3fc}#hud-respawn{position:fixed;top:18%;left:50%;transform:translate(-50%);padding:10px 22px;border-radius:8px;background:#3c0c12e0;border:1px solid #7f2a35;color:#ffd7db;font-family:system-ui,sans-serif;font-size:18px;letter-spacing:.4px;z-index:15;pointer-events:none}#announcements{position:fixed;top:6%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none;z-index:16}.announcement-item{padding:6px 16px;border-radius:999px;background:#0a0e16d1;border:1px solid #34405a;font-family:system-ui,sans-serif;font-size:15px;font-weight:600;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.8);opacity:1;transition:opacity .4s ease}.announcement-positive{color:#facc15}.announcement-negative{color:#f87171}.announcement-fading{opacity:0}#shop-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:10px;width:420px;max-height:70vh;padding:16px;border-radius:8px;background:#10182a;border:1px solid #34405a;box-shadow:0 12px 32px #00000080;font-family:system-ui,sans-serif;color:#e6edf7;z-index:20;overflow-y:auto}#shop-panel-header{display:flex;align-items:center;justify-content:space-between;font-size:16px;font-weight:700}.shop-panel-hint{font-size:11px;font-weight:500;color:#9fb0c9}#shop-items{display:flex;flex-direction:column;gap:6px}.shop-item-button{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:8px 10px;border-radius:6px;background:#1a2333;border:1px solid #34405a;color:#e6edf7;font-size:13px;font-weight:600;cursor:pointer}.shop-item-icon{width:28px;height:28px;object-fit:cover;border-radius:4px;flex-shrink:0}.shop-slot-icon{width:28px;height:28px;object-fit:cover;border-radius:4px}.shop-item-button:hover:not(:disabled){background:#26314a;border-color:#4a5b7d}.shop-item-unaffordable .shop-item-button{opacity:.4;cursor:not-allowed}#shop-inventory-header{margin-top:4px;font-size:13px;font-weight:700;color:#9fb0c9}#shop-inventory{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.shop-slot{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 6px;border-radius:6px;background:#1a2333;border:1px solid #34405a}.shop-slot-label{font-size:11px;font-weight:600;text-align:center}.shop-slot-empty .shop-slot-label{color:#5a6a89}.shop-slot-sell{padding:3px 10px;border-radius:4px;border:1px solid #34405a;background:#2a1a1a;color:#f87171;font-size:11px;font-weight:700;cursor:pointer}.shop-slot-sell:disabled{opacity:.35;cursor:not-allowed}#minimap{position:fixed;right:16px;bottom:16px;width:210px;height:72px;border:1px solid #34405a;border-radius:4px;z-index:10;cursor:pointer;touch-action:none}.screen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;background:#060a12eb;font-family:system-ui,sans-serif;color:#e6edf7;text-align:center;user-select:none;z-index:30}.screen-panel{display:flex;flex-direction:column;align-items:center;gap:18px;max-width:900px}.menu-has-art:before{content:"";position:absolute;inset:0;background:#060a128c;pointer-events:none}#menu-screen .screen-panel{position:relative;z-index:1}.screen-title{margin:0;font-size:72px;font-weight:800;letter-spacing:6px;color:#e6edf7;text-shadow:0 0 24px rgba(77,166,255,.45)}.screen-title-logo{display:block;margin:0 auto;max-width:min(420px,80vw);height:auto}.screen-heading{margin:0;font-size:30px;font-weight:700}.screen-subtitle{margin:0;font-size:16px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#d4a017}.screen-tagline{margin:0;font-size:15px;color:#9fb0c9}.screen-button{padding:12px 40px;border-radius:8px;background:#2563eb;border:1px solid #4a7fe0;color:#f2f6ff;font-family:inherit;font-size:18px;font-weight:700;letter-spacing:1px;cursor:pointer}.screen-button:hover{background:#3b82f6}.hero-card-row{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.hero-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:340px;padding:18px 20px;border-radius:10px;background:#121a2b;border:1px solid #34405a;color:#e6edf7;font-family:inherit;text-align:left;cursor:pointer}.hero-card:hover{background:#1a2437;border-color:#4a7fe0}.hero-card-portrait{width:100%;height:84px;object-fit:cover;object-position:center 28%;border-radius:8px}.hero-card-name{font-size:24px;font-weight:800}.hero-card-role{font-size:14px;color:#facc15}.hero-card-abilities{display:flex;flex-direction:column;gap:6px;margin-top:4px}.hero-card-ability{font-size:13px;line-height:1.35;color:#c7d3e6}.hero-card-ability-key{font-weight:800;color:#60a5fa}.hero-card-ability-cost{color:#9fb0c9}.difficulty-picker{display:flex;flex-direction:column;align-items:center;gap:8px}.difficulty-picker-label{font-size:13px;color:#9fb0c9;text-transform:uppercase;letter-spacing:1px}.difficulty-picker-row{display:flex;gap:10px}.difficulty-button{padding:8px 22px;border-radius:8px;background:#1a2437;border:1px solid #34405a;color:#c7d3e6;font-family:inherit;font-size:14px;font-weight:700;letter-spacing:.5px;cursor:pointer}.difficulty-button:hover{background:#232f47}.difficulty-button-selected,.difficulty-button-selected:hover{background:#2563eb;border-color:#4a7fe0;color:#f2f6ff}.end-title{margin:0;font-size:84px;font-weight:900;letter-spacing:8px}.end-title-victory{color:#facc15;text-shadow:0 0 28px rgba(250,204,21,.4)}.end-title-defeat{color:#f87171;text-shadow:0 0 28px rgba(248,113,113,.4)}.end-duration{margin:0;font-size:18px;color:#9fb0c9}@keyframes end-title-scale-in{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.08);opacity:1}to{transform:scale(1);opacity:1}}@keyframes end-title-glow-pulse{0%,to{text-shadow:0 0 10px currentColor}50%{text-shadow:0 0 28px currentColor,0 0 42px currentColor}}.end-title-animate{animation:end-title-scale-in .45s cubic-bezier(.34,1.56,.64,1) both,end-title-glow-pulse 2.2s ease-in-out .45s infinite}@keyframes end-row-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.end-stats-animate tbody tr{animation:end-row-fade-in .35s ease-out both}.end-stats-animate tbody tr:nth-child(1){animation-delay:.15s}.end-stats-animate tbody tr:nth-child(2){animation-delay:.27s}.end-stats-animate tbody tr:nth-child(3){animation-delay:.39s}.end-stats-animate tbody tr:nth-child(4){animation-delay:.51s}.end-stats{border-collapse:collapse;font-size:16px;min-width:360px}.end-stats th,.end-stats td{padding:8px 20px;border-bottom:1px solid #253048}.end-stats thead th{font-size:13px;text-transform:uppercase;letter-spacing:1px;color:#9fb0c9}.end-stats tbody th{text-align:left;font-weight:600;color:#c7d3e6}.end-stats tbody td{text-align:right;font-variant-numeric:tabular-nums}.end-buttons{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.pause-text{margin:0;font-size:40px;font-weight:800;letter-spacing:4px;color:#e6edf7}.net-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;font-family:system-ui,sans-serif;user-select:none;z-index:25}.net-overlay-text{margin:0;padding:18px 34px;border-radius:10px;background:#060a12d1;border:1px solid #253048;font-size:24px;font-weight:700;letter-spacing:1px;color:#e6edf7}.net-banner{position:fixed;top:12px;left:50%;transform:translate(-50%);padding:8px 18px;border-radius:8px;background:#7f1d1deb;border:1px solid #f87171;font-family:system-ui,sans-serif;font-size:15px;font-weight:600;color:#fee2e2;pointer-events:none;user-select:none;white-space:nowrap;z-index:31}.end-reason{margin:0;font-size:18px;font-weight:600;color:#fca5a5}.screen-button-secondary{background:#1a2437;border-color:#34405a;color:#c7d3e6}.screen-button-secondary:hover{background:#232f47}#online-choose-view,#online-waiting-view{display:flex;flex-direction:column;align-items:center;gap:14px}.online-or{margin:0}#online-join-row{display:flex;gap:10px}.online-code-input{width:140px;padding:12px 14px;border-radius:8px;background:#121a2b;border:1px solid #34405a;color:#e6edf7;font-family:inherit;font-size:20px;font-weight:700;letter-spacing:4px;text-align:center;text-transform:uppercase}.online-code-input:focus{outline:none;border-color:#4a7fe0}.online-error{margin:0;font-size:15px;font-weight:600;color:#fca5a5}.online-note{margin:0;font-size:15px;font-weight:600;color:#9fb0c9}.online-code-display{margin:0;font-size:48px;font-weight:900;letter-spacing:10px;color:#facc15;text-shadow:0 0 24px rgba(250,204,21,.35)}