:root{color:#17202c;letter-spacing:0;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#eef3f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.35}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}.game-shell{background:#eef3f8;width:100vw;min-height:100dvh;position:relative}#arena{touch-action:none;cursor:crosshair;width:100vw;height:100dvh;display:block;position:fixed;inset:0}.hud,.upgrade-panel,.talent-panel,.menu-panel{background:#ffffffe6;border:1px solid #4552632e;box-shadow:0 10px 24px #1b27371a}.hud{z-index:4;color:#1b2737;border-radius:8px;position:fixed}.hud-primary{width:min(300px,100vw - 32px);padding:14px;top:16px;left:16px}.hud-row{justify-content:space-between;align-items:center;gap:14px;min-height:22px;font-size:.88rem;display:flex}.hud-row span{color:#1b2737ad}.hud-title{margin-bottom:10px;font-size:1rem}.hud-title span,.hud-title strong{color:#17202c}.meter{background:#4b596c2e;border-radius:999px;width:100%;height:10px;margin-bottom:8px;overflow:hidden}.meter span{border-radius:inherit;width:0;height:100%;transition:width .12s linear;display:block}.health-meter span{background:#32bf65}.xp-meter span{background:#45a3ff}.leaderboard{width:min(260px,100vw - 32px);padding:13px;top:16px;right:16px}.leaderboard h2{color:#1b2737b3;text-transform:uppercase;margin:0 0 9px;font-size:.86rem}.leaderboard ol{gap:7px;margin:0;padding:0;list-style:none;display:grid}.leaderboard li{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;font-size:.86rem;display:grid}.leaderboard span{color:#263243;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.leaderboard strong{color:#111827}.upgrade-panel{z-index:4;border-radius:8px;grid-template-columns:repeat(2,minmax(170px,1fr));gap:8px;width:min(470px,100vw - 32px);padding:36px 12px 12px;display:grid;position:fixed;bottom:16px;right:16px}.upgrade-panel:before{color:#1b2737b3;text-transform:uppercase;content:attr(data-points) " upgrade points";font-size:.82rem;font-weight:700;position:absolute;top:10px;left:12px}.upgrade-panel button{color:#182232;text-align:left;cursor:pointer;background:#f6f8fbe0;border:1px solid #45526329;border-radius:7px;gap:7px;min-width:0;min-height:54px;padding:9px 10px;display:grid}.upgrade-panel button:hover:not(:disabled){background:#fff;border-color:#45a3ffb3}.upgrade-panel button:disabled{color:#1b273773;cursor:default;opacity:.72}.upgrade-label{text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:700;overflow:hidden}.upgrade-track{background:#4b596c2b;border-radius:99px;width:100%;height:7px;overflow:hidden}.upgrade-track span{border-radius:inherit;background:#45a3ff;height:100%;display:block}.talent-panel{z-index:4;border-radius:8px;grid-template-columns:repeat(2,minmax(100px,1fr));gap:7px;width:min(320px,100vw - 32px);padding:36px 12px 12px;display:grid;position:fixed;bottom:16px;left:16px}.talent-panel:before{color:#1b2737b3;text-transform:uppercase;content:attr(data-points) " talent points";font-size:.82rem;font-weight:700;position:absolute;top:10px;left:12px}.talent-panel button{color:#182232;cursor:pointer;background:#f6f8fbe0;border:1px solid #45526329;border-radius:7px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;min-height:38px;padding:8px 9px;display:grid}.talent-panel button:hover:not(:disabled){background:#fff;border-color:#ff9f1cbf}.talent-panel button:disabled{cursor:default;opacity:.68}.talent-panel button.is-selected{opacity:1;background:#ddf8e7eb;border-color:#32bf65a3}.talent-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.8rem;font-weight:800;overflow:hidden}.talent-state{color:#1b273794;font-size:.72rem;font-weight:800}.menu{z-index:8;background:#eef3f880;place-items:center;padding:20px;transition:opacity .16s,visibility .16s;display:grid;position:fixed;inset:0}.menu.is-hidden{visibility:hidden;opacity:0;pointer-events:none}.menu-panel{text-align:center;border-radius:8px;width:min(430px,100%);padding:28px}.kicker{color:#45a3ff;text-transform:uppercase;margin:0 0 8px;font-size:.78rem;font-weight:800}.menu h1{color:#121a26;margin:0;font-size:clamp(2.1rem,8vw,4rem);line-height:.95}.menu-stats{color:#1b2737b3;margin:14px 0 22px;font-weight:700}.mode-grid{grid-template-columns:repeat(3,1fr);gap:7px;margin:0 0 14px;display:grid}.mode-grid button{color:#1b2737;cursor:pointer;background:#f6f8fbe0;border:1px solid #45526329;border-radius:7px;min-height:34px;padding:6px 8px;font-size:.78rem;font-weight:850}.mode-grid button:hover{background:#fff;border-color:#45a3ffb3}.mode-grid button.is-selected{color:#fff;background:#17202c;border-color:#17202c}.menu-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.menu-actions button{color:#fff;cursor:pointer;background:#17202c;border:0;border-radius:7px;min-height:46px;font-weight:800}.menu-actions button:hover{background:#2c3c50}.menu-actions .secondary{color:#17202c;background:#d9e4ef}.menu-actions .secondary:hover{background:#c7d8e8}.kitsune-footer{z-index:9;color:#ff3b6b;text-align:center;text-shadow:0 1px #ffffffbf;pointer-events:none;font-size:.86rem;font-weight:900;animation:1.6s linear infinite kitsuneDisco;position:fixed;bottom:15px;left:16px;right:16px}@keyframes kitsuneDisco{0%{color:#ff3b6b}16%{color:#ff9f1c}32%{color:#f5e642}48%{color:#22c55e}64%{color:#45a3ff}80%{color:#a855f7}to{color:#ff3b6b}}@media (width<=760px){.hud-primary{width:calc(100vw - 20px);padding:11px;top:10px;left:10px}.leaderboard{display:none}.upgrade-panel{grid-template-columns:1fr 1fr;width:calc(100vw - 20px);padding:32px 9px 9px;bottom:10px;right:10px}.talent-panel{grid-template-columns:repeat(2,minmax(0,1fr));width:calc(100vw - 20px);max-height:30vh;padding:32px 9px 9px;bottom:178px;left:10px;overflow:auto}.talent-panel button{min-height:36px;padding:7px 8px}.upgrade-panel button{min-height:48px;padding:8px}.upgrade-label{font-size:.76rem}.menu-panel{padding:22px}.menu-actions{grid-template-columns:1fr}.mode-grid{grid-template-columns:repeat(2,1fr)}}.skip-link{z-index:10000;color:#fff;background:#111;border-radius:4px;padding:8px 12px;position:absolute;top:8px;left:-9999px}.skip-link:focus{left:8px}