:root{color:#f5ffe8;font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0;overflow:hidden}#app{height:100vh;transform:translate3d(var(--shake-x,0), var(--shake-y,0), 0);background:#10201a;width:100vw;position:relative}canvas{width:100%;height:100%;display:block}.feedback-flash{mix-blend-mode:screen;pointer-events:none;background:radial-gradient(circle,#fff8b46b,#fff8b400 44%),#ffffff29;position:absolute;inset:0}.feedback-flash[hidden]{display:none}.damage-layer{pointer-events:none;position:absolute;inset:0;overflow:hidden}.damage-number{color:#ffe979;text-shadow:0 2px #2f140fcc,0 0 10px #ff8841c7;font-size:22px;font-weight:800;position:absolute;transform:translate(-50%,-50%)}.player-hud{color:#f5ffe8;pointer-events:none;text-shadow:0 2px 4px #000000c7;z-index:10;position:absolute;inset:0}.player-status,.battle-score,.boss-hud,.bullet-time,.charge-gauge{background:#07120fc2;border:1px solid #ddffe03d;box-shadow:0 8px 24px #00000038}.player-status{width:clamp(220px,27vw,340px);padding:10px 12px;position:absolute;top:16px;left:16px}.hud-row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.hud-row__label{color:#d8e7dd;text-transform:uppercase;font-size:11px;font-weight:700}.hud-row__value{color:#fffde1;font-variant-numeric:tabular-nums;font-size:13px;font-weight:800}.health-meter,.boss-health{background:#0000006b;height:10px;margin-top:7px;overflow:hidden}.health-meter__fill{background:#58d87a;height:100%;transition:filter .12s,width .16s}.health-meter[data-change=hurt] .health-meter__fill{filter:brightness(1.45);background:#ff5c55}.health-meter[data-change=heal] .health-meter__fill{filter:brightness(1.35);background:#b5ff7a}.player-status__sleeping{color:#9bd8ff;margin-top:6px;font-size:11px;font-weight:800;display:block}.player-status__sleeping[hidden]{display:none}.battle-score{gap:3px;width:clamp(170px,18vw,230px);padding:9px 12px;display:grid;position:absolute;top:16px;right:16px}.battle-score .hud-row:first-child .hud-row__value{color:#ffe979;font-size:18px}.boss-hud{width:min(460px,38vw);padding:9px 12px;position:absolute;top:16px;left:50%;transform:translate(-50%)}.boss-hud[hidden]{display:none}.boss-health{height:12px}.boss-health__fill{background:#de4667;height:100%;transition:width .18s}.boss-hud__hint{color:#ffd991;text-align:center;margin-top:6px;font-size:11px;font-weight:700;display:block}.bullet-time{gap:10px;padding:8px 10px;display:flex;position:absolute;bottom:18px;left:16px}.bullet-time[data-active=true]{border-color:#7edcffbd;box-shadow:0 0 20px #3bb8ff47}.bullet-time__label{color:#cdefff;font-size:11px;font-weight:800}.bullet-time__pips{gap:6px;display:flex}.bullet-time__pip{background:#70cfff29;border:1px solid #8bdeff8c;width:22px;height:14px;transform:skew(-12deg)}.bullet-time__pip[data-filled=true]{background:#70cfff;box-shadow:0 0 10px #4bbaffc7}.charge-gauge{width:min(560px,100vw - 360px);padding:9px 12px 22px;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.charge-gauge[data-active=true]{border-color:#ffe979b8}.charge-gauge[data-level=max]{box-shadow:0 0 26px #fff0a761}.charge-gauge[data-level=overload]{border-color:#ff5b55;box-shadow:0 0 26px #ff372d70}.charge-gauge__header{align-items:baseline;gap:10px;margin-bottom:8px;font-size:11px;font-weight:800;display:flex}.charge-gauge__level{color:#ffe979;margin-left:auto;font-size:15px}.charge-gauge__seconds{color:#fffde1;font-variant-numeric:tabular-nums;text-align:right;min-width:42px}.charge-gauge__scale{background:#0000007a;height:14px;position:relative}.charge-gauge__fill{z-index:2;background:linear-gradient(90deg,#6edb8e 0%,#70cfff 40%,#ffe979 72%,#fffde1 100%);max-width:100%;height:100%;transition:width 80ms linear;position:relative}.charge-gauge__perfect{z-index:3;background:#fff69859;border-inline:1px solid #fff7aed6;height:100%;position:absolute;top:0}.charge-gauge__overload{z-index:1;background:repeating-linear-gradient(135deg,#ff473c2e 0 5px,#ff473c61 5px 10px);height:100%;position:absolute;top:0}.charge-gauge__threshold{z-index:4;background:#ffffffbd;width:1px;position:absolute;top:-4px;bottom:-4px}.charge-gauge__threshold span{color:#dce9df;white-space:nowrap;font-size:9px;font-weight:750;position:absolute;top:19px;left:0;transform:translate(-50%)}.catch-ready{background:#081612e6;border:1px solid #ffed84c7;align-items:center;gap:9px;padding:8px 12px;font-size:13px;font-weight:800;display:flex;position:absolute;bottom:118px;left:50%;transform:translate(-50%);box-shadow:0 0 24px #ffe15b47}.catch-ready[hidden]{display:none}.catch-ready kbd,.onboarding kbd{color:#142019;font:inherit;text-align:center;background:#f5ffe8;border:1px solid #ffffffa6;min-width:46px;padding:3px 7px 5px;font-weight:850;box-shadow:inset 0 -2px #0003}.hud{color:#b9d7c3;white-space:normal;z-index:40;background:#050b0ae0;border:1px solid #ceffda38;max-width:calc(100vw - 24px);padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;line-height:1.4;position:absolute;top:102px;left:12px}.hud[hidden]{display:none}.pause-menu{color:#f5ffe8;z-index:60;background:#050b0cad;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pause-menu[hidden]{display:none}.pause-menu__panel{background:#0e1c1ceb;border:1px solid #ddffe03d;border-radius:8px;gap:14px;min-width:min(320px,100vw - 32px);max-height:calc(100vh - 32px);padding:18px;display:grid;overflow-y:auto;box-shadow:0 18px 60px #0000006b}.pause-menu__title{color:#dfffa8;font-size:22px;font-weight:750}.pause-menu__control{gap:6px;font-size:13px;display:grid}.pause-menu__control input{accent-color:#ffe979;width:100%}.pause-menu__status{color:#cde8d1;min-height:15px;font-size:12px}.pause-menu button{color:#182014;cursor:pointer;font:inherit;background:#ffe979;border:0;border-radius:6px;min-height:38px;font-weight:750}.settlement{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#f5ffe8;z-index:30;background:#06120fc2;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.settlement[hidden]{display:none}.settlement__title{color:#dfffa8;margin-bottom:20px;font-size:clamp(26px,5vh,44px);font-weight:750}.settlement__stat{font-size:18px;line-height:1.8}.onboarding{z-index:50;background:#040d0bc2;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.onboarding[hidden]{display:none}.onboarding__panel{color:#f5ffe8;background:#0a1914f5;border:1px solid #e5ffe042;width:min(680px,100vw - 32px);max-width:680px;padding:28px;box-shadow:0 20px 70px #0000007a}.onboarding__eyebrow{color:#7ed9ad;margin-bottom:8px;font-size:11px;font-weight:850}.onboarding h1{margin:0;font-size:30px;line-height:1.15}.onboarding__lead{color:#d2e2d7;margin:12px 0 20px;font-size:14px;line-height:1.55}.onboarding__controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 18px;display:grid}.onboarding__control{align-items:center;gap:10px;min-width:0;font-size:13px;display:flex}.onboarding__control kbd{flex:0 0 116px}.onboarding button{color:#182014;cursor:pointer;font:inherit;background:#ffe979;border:0;min-height:42px;margin-top:24px;padding:0 20px;font-weight:850}@media (width<=900px){.player-status,.battle-score{width:calc(50vw - 24px)}.boss-hud{width:calc(100vw - 32px);top:104px}.charge-gauge{width:calc(100vw - 32px);bottom:62px}.catch-ready{bottom:154px}.onboarding__controls{grid-template-columns:1fr}}