:root{color:#f4fbff;background:#070914;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans CJK SC,Noto Sans SC,Source Han Sans SC,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}button:focus-visible{outline:2px solid #ffe66d;outline-offset:3px}#app{position:relative;background:#070914}#game{position:absolute;top:0;right:0;bottom:0;left:0}#ui{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.ui-content,.ui-chrome{position:absolute;top:0;right:0;bottom:0;left:0}.ui-content{pointer-events:none}.ui-chrome{pointer-events:none;z-index:30}.language-toggle{position:absolute;top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));min-height:36px;padding:0 14px;border:1px solid rgba(98,248,209,.36);border-radius:8px;color:#f4fbff;background:#070914c7;pointer-events:auto;cursor:pointer}.menu-shell{min-height:100%;display:grid;place-content:center;gap:18px;padding:24px;text-align:center;pointer-events:auto}.eyebrow{margin:0;color:#62f8d1;text-transform:uppercase;letter-spacing:0;font-size:.82rem}h1{margin:0;font-size:clamp(2.4rem,8vw,5.4rem);line-height:.95}.primary-button{min-width:180px;min-height:48px;padding:0 22px;border:1px solid rgba(98,248,209,.7);border-radius:8px;color:#07110f;background:#62f8d1;cursor:pointer}.secondary-button{min-width:180px;min-height:48px;padding:0 22px;border:1px solid rgba(98,248,209,.5);border-radius:8px;color:#f4fbff;background:#070914e0;cursor:pointer}.menu-copy{width:min(520px,calc(100vw - 48px));margin:0 auto;color:#f4fbffc7;font-size:clamp(.98rem,2.4vw,1.08rem);line-height:1.5}.menu-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.menu-shell>[data-start]{order:5}.menu-shell>[data-roster-root]{order:4;width:100%;min-width:0}.roster-shell{width:min(940px,100%);margin:6px auto 0;display:grid;gap:14px;text-align:left}.roster-header{display:flex;justify-content:space-between;gap:12px;align-items:end;width:100%;min-width:0;padding:12px 14px;border:1px solid rgba(98,248,209,.18);border-radius:8px;background:#070914a8}.roster-header>div:first-child{min-width:0}.roster-header h2{margin:0 0 6px;font-size:1.02rem}.roster-header .menu-copy{width:min(420px,100%);margin:0;font-size:.96rem}.roster-shards{display:grid;gap:4px;justify-items:end;min-width:132px;color:#f4fbffe6}.roster-shards span{color:#62f8d1db;font-size:.76rem;text-transform:uppercase}.roster-shards strong{font-size:1.5rem;line-height:1}.roster-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0}.roster-card{display:grid;gap:10px;grid-template-columns:88px minmax(0,1fr);align-items:start;width:100%;min-width:0;min-height:158px;padding:14px;border:1px solid rgba(98,248,209,.18);border-radius:8px;background:#0a1220e6;text-align:left}.roster-preview-wrap{grid-row:span 4;width:88px;height:112px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(98,248,209,.16);border-radius:8px;background:radial-gradient(circle at 50% 42%,#62f8d12e,#07091494 62%)}.roster-preview{width:96px;height:96px;object-fit:contain;image-rendering:auto}.roster-card-selected{border-color:#ffe66db8}.roster-card-top{display:flex;justify-content:space-between;gap:10px;align-items:baseline;min-width:0}.roster-card-top strong{min-width:0;font-size:1.08rem;overflow-wrap:anywhere}.roster-card-top span{flex:0 0 auto;color:#62f8d1cc;font-size:.76rem;text-transform:uppercase}.roster-card p{margin:0;color:#f4fbffc7;line-height:1.45;overflow-wrap:anywhere}.roster-passive{color:#ffe66dd6;line-height:1.35}.roster-card button{justify-self:start;min-height:40px;padding:0 14px;border:1px solid rgba(98,248,209,.56);border-radius:8px;color:#f4fbff;background:#070914e0;cursor:pointer}.roster-card button:disabled{opacity:.72;cursor:default}.result-summary{width:min(520px,100%);margin:0 auto;display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.result-summary>div{min-width:180px;padding:12px 14px;border:1px solid rgba(98,248,209,.18);border-radius:8px;background:#070914ad;display:grid;gap:5px}.result-summary span{color:#62f8d1db;font-size:.76rem;text-transform:uppercase}.result-summary strong{font-size:1.4rem;line-height:1}.result-rank em{color:#ffe66de6;font-size:.8rem;font-style:normal}.result-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.leaderboard-shell{align-content:center}.leaderboard-table{width:min(640px,100%);margin:0 auto;padding:0;display:grid;gap:8px;list-style:none}.leaderboard-row{min-width:0;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(98,248,209,.22);border-radius:8px;background:#070914b8;text-align:left}.leaderboard-row strong,.leaderboard-row b{color:#ffe66d;font-size:1rem}.leaderboard-row div{min-width:0;display:grid;gap:3px}.leaderboard-row span,.leaderboard-row small{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.leaderboard-row span{color:#f4fbffeb}.leaderboard-row small{color:#62f8d1c7}.leaderboard-empty{width:min(520px,100%);margin:0 auto;padding:16px;border:1px solid rgba(98,248,209,.2);border-radius:8px;background:#070914ad;color:#f4fbffc7}.settings-shell{align-content:center}.settings-panel{width:min(560px,100%);margin:0 auto;display:grid;gap:12px}.settings-toggle,.settings-range{display:grid;grid-template-columns:minmax(120px,1fr) minmax(160px,1.4fr) auto;align-items:center;gap:12px;padding:12px 14px;border:1px solid rgba(98,248,209,.22);border-radius:8px;background:#070914b8;text-align:left}.settings-toggle{grid-template-columns:minmax(120px,1fr) auto}.settings-range span,.settings-toggle span{color:#f4fbffeb}.settings-range input[type=range]{width:100%;accent-color:#62f8d1}.settings-toggle input{width:22px;height:22px;accent-color:#62f8d1}.settings-range strong{color:#ffe66d;font-size:.9rem}.settings-range small{grid-column:2 / -1;color:#62f8d1bd}.settings-status{min-height:20px;margin:0;color:#ffe66d}.danger-button{border-color:#ff676d8c;color:#ffe8e8}.hud{position:absolute;top:max(14px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));width:min(420px,calc(100vw - 28px));display:grid;gap:8px;pointer-events:none}.hud-toggle{display:none;min-height:34px;padding:0 10px;border:1px solid rgba(98,248,209,.34);border-radius:8px;color:#f4fbff;background:#070914e6;pointer-events:auto;cursor:pointer;align-items:center;justify-content:space-between;gap:12px}.hud-toggle span,.hud-toggle strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.hud-row{display:grid;grid-template-columns:minmax(72px,1fr) auto auto;align-items:center;gap:12px;min-height:34px;padding:0 10px;border:1px solid rgba(98,248,209,.28);border-radius:8px;background:#070914db}.hud-row-secondary{grid-template-columns:minmax(72px,1fr) auto minmax(72px,1fr) auto}.hud-row strong,.hud-row span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.hud-row span{color:#f4fbffd1}.meter{height:9px;overflow:hidden;border:1px solid rgba(244,251,255,.08);border-radius:999px;background:#f4fbff1f}.meter span{display:block;width:0;height:100%}.health span{background:linear-gradient(90deg,#62f8d1,#a4ffe9)}.experience span{background:linear-gradient(90deg,#62f8d1,#69a7ff)}.boss-bar{display:grid;gap:6px;padding:10px;border:1px solid rgba(255,226,122,.22);border-radius:8px;background:#070914db}.boss-bar-label{color:#ffe66d;font-size:.75rem;text-transform:uppercase}.boss-bar strong{font-size:1rem;line-height:1.15}.boss-meter{height:10px}.boss-meter span{background:linear-gradient(90deg,#ffe66d,#62f8d1)}.upgrade-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));background:transparent;pointer-events:auto}.upgrade-panel{width:min(860px,100%);max-height:calc(100vh - 40px);overflow:auto}.upgrade-panel h2{margin:6px 0 18px;font-size:clamp(1.6rem,5vw,3rem);line-height:1.05}.upgrade-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.upgrade-card{min-height:148px;padding:16px;border:1px solid rgba(98,248,209,.36);border-radius:8px;color:#f4fbff;background:#0a1220f0;text-align:left;cursor:pointer;overflow-wrap:anywhere}.upgrade-card:disabled{opacity:.58;cursor:default}.upgrade-card-applied{border-color:#ffe66de6;background:#121c2afa}.upgrade-card:hover,.upgrade-card:focus-visible{border-color:#ffe66dd1;background:#101a2afa}.upgrade-card strong,.upgrade-card span{display:block}.upgrade-card-meta{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:12px}.upgrade-card-category,.upgrade-card-progress,.upgrade-card-status{color:#62f8d1;font-size:.72rem;line-height:1;text-transform:uppercase}.upgrade-card-progress{color:#ffe66deb}.upgrade-card strong{font-size:1rem;line-height:1.2}.upgrade-card-description{margin-top:8px;color:#f4fbffbd;line-height:1.35}.upgrade-card-status{min-height:.72rem;margin-top:14px;color:#ffe66df2}.joystick{position:absolute;left:max(22px,env(safe-area-inset-left));bottom:max(22px,env(safe-area-inset-bottom));width:auto;height:132px;display:none;grid-template-columns:132px 48px;align-items:center;gap:10px;border:0;border-radius:0;background:transparent;box-shadow:none;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none}.joystick-track{width:132px;height:132px;display:grid;place-items:center;border:1px solid rgba(98,248,209,.32);border-radius:50%;background:#07091475;box-shadow:inset 0 0 32px #62f8d114}.joystick-thumb{width:48px;height:48px;border-radius:50%;background:#62f8d1e0;box-shadow:0 0 22px #62f8d147}.joystick-dodge{width:58px;height:58px;display:grid;place-items:center;position:relative;border:1px solid rgba(255,230,109,.5);border-radius:50%;background:linear-gradient(#0d12207a,#0d12207a),url(/assets/dodge-roll-icon-BGu2MVBr.png) center / cover no-repeat;color:#ffe66d;font-size:1.35rem;line-height:1;box-shadow:0 0 18px #ffe66d29;cursor:pointer;pointer-events:auto}.joystick-dodge-icon{display:block;line-height:1;opacity:0}.joystick-dodge-cooldown{position:absolute;inset:auto 4px 5px;min-height:17px;display:grid;place-items:center;border-radius:999px;color:#07110f;background:#ffe66deb;font-size:.7rem;font-weight:800;line-height:1}.joystick-dodge-cooldown:empty{display:none}.joystick-dodge-cooling{filter:saturate(.72) brightness(.78)}.joystick-dodge:hover,.joystick-dodge:focus-visible{border-color:#fff28aeb;background:#161d2ffa}.meter.dodge span:last-child{background:linear-gradient(90deg,#ffe66d,#ffd34d 72%,#ff9d3f)}@media(pointer:coarse){.menu-shell{min-height:100%;place-content:start center;justify-items:center;gap:10px;padding:max(58px,env(safe-area-inset-top)) 16px max(24px,env(safe-area-inset-bottom));overflow-y:auto;overflow-x:hidden}.menu-shell>[data-start]{order:4}.menu-shell>[data-roster-root]{order:5}h1{font-size:clamp(1.55rem,8.4vw,2.55rem)}.eyebrow{font-size:.72rem}.menu-copy{max-width:calc(100vw - 32px);font-size:.88rem;line-height:1.3}.roster-shell{width:100%;max-height:min(50vh,430px);overflow:auto;gap:8px;margin-top:2px}[data-roster-root]{width:100%;max-width:calc(100vw - 32px);overflow-x:hidden}.roster-header{align-items:start;padding:9px 10px}.roster-header .menu-copy{width:100%}.roster-grid{grid-template-columns:1fr;gap:8px}.roster-card{grid-template-columns:64px minmax(0,1fr);min-height:104px;padding:10px;gap:7px}.roster-preview-wrap{grid-row:span 4;width:64px;height:82px}.roster-preview{width:74px;height:74px}.roster-card p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.primary-button,.secondary-button{min-height:42px}.menu-actions{width:min(100%,358px);gap:8px}.menu-actions .primary-button,.menu-actions .secondary-button{min-width:0;flex:1 1 150px}.leaderboard-shell{align-content:start}.leaderboard-table{width:min(100%,calc(100vw - 32px));max-height:min(58vh,490px);overflow:auto}.leaderboard-row{grid-template-columns:28px minmax(0,1fr) auto;padding:9px 10px}.settings-shell{align-content:start;min-height:100dvh;padding-bottom:max(18px,env(safe-area-inset-bottom));overflow:auto}.settings-panel{width:min(100%,calc(100vw - 32px));max-height:none;gap:10px}.settings-toggle,.settings-range{grid-template-columns:minmax(0,1fr) auto;min-width:0;padding:11px;gap:8px 10px}.settings-range input[type=range],.settings-range small{grid-column:1 / -1}.settings-range input[type=range]{min-height:32px}.settings-toggle input{width:26px;height:26px}.settings-status{min-height:1.1rem;line-height:1.25}.hud{top:max(58px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));width:min(310px,calc(100vw - 20px));gap:6px}.hud-toggle{display:flex}.hud:not(.hud-expanded) .hud-collapsible{display:none}.hud:not(.hud-expanded) .hud-row{display:none}.joystick{display:grid;left:50%;right:auto;bottom:max(18px,env(safe-area-inset-bottom));transform:translate(-50%);height:auto;grid-template-columns:132px;grid-template-rows:132px 58px;justify-items:center;gap:12px}}@media(max-width:680px){.menu-shell{gap:14px;padding:20px}.upgrade-overlay{place-items:start center}.upgrade-grid{grid-template-columns:1fr}.upgrade-card{min-height:116px;padding:12px}.upgrade-card-meta{margin-bottom:8px}.upgrade-card-status{margin-top:10px}}@media(max-width:420px){.hud{width:calc(100vw - 28px)}.hud-row{grid-template-columns:minmax(58px,1fr) auto auto;gap:8px;font-size:.9rem}.joystick{left:50%;bottom:14px;transform:translate(-50%);gap:8px}.joystick-track{width:120px;height:120px}.joystick-dodge{width:44px;height:44px}}