:root{color:#f4e8cf;background:#17140f;font-family:Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}body{min-width:320px;min-height:100vh;touch-action:none}canvas{display:block}.three-battle-canvas{position:fixed;inset:0;z-index:2;width:100vw;height:100vh;touch-action:none}.three-battle-hud{position:fixed;inset:0;z-index:5;pointer-events:none;color:#f6ecd8;font-family:Arial,sans-serif;text-shadow:0 2px 0 #120d08,0 0 12px #000}.three-hud-material{position:absolute;top:max(12px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));display:flex;align-items:baseline;gap:3px;font-size:32px;font-weight:900;line-height:1;letter-spacing:0}.three-hud-label{color:#dffaff}.three-hud-timer{position:absolute;top:max(10px,env(safe-area-inset-top));left:50%;display:grid;justify-items:center;transform:translate(-50%);font-size:38px;font-weight:900;line-height:.92;letter-spacing:0}.three-hud-timer small{margin-top:4px;color:#c8b99a;font-size:11px;font-weight:800;text-transform:uppercase}.three-hud-vitals{position:absolute;left:max(14px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom));width:min(280px,calc(100vw - 92px))}.three-hud-level{margin-bottom:3px;font-size:12px;font-weight:900}.three-hud-bar{position:relative;height:22px;overflow:hidden;border:2px solid #1c1712;background:#2a2730;box-shadow:0 3px #090706}.three-hud-bar span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#e7404d,#f35e69);box-shadow:inset 0 2px #ff9aa1;transition:width .12s ease-out}.three-hud-hp{position:absolute;right:10px;bottom:3px;font-size:13px;font-weight:900}.three-hud-partners{position:absolute;right:max(12px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));display:grid;gap:6px}.three-partner-dot{display:grid;width:28px;height:28px;place-items:center;border:2px solid color-mix(in srgb,var(--partner-color),#fff 42%);background:color-mix(in srgb,var(--partner-color),#120d08 58%);box-shadow:0 0 14px color-mix(in srgb,var(--partner-color),transparent 45%);color:#fffbea;font-size:11px;font-weight:900}.three-damage-layer{position:fixed;inset:0;z-index:6;pointer-events:none;overflow:hidden}.three-damage-number{position:absolute;left:0;top:0;color:#fff7de;font-family:Arial,sans-serif;font-size:18px;font-weight:950;line-height:1;text-shadow:-2px -2px 0 #17100b,2px -2px 0 #17100b,-2px 2px 0 #17100b,2px 2px 0 #17100b,0 0 9px #fff1a2;will-change:transform,opacity}.three-damage-number.is-heavy{font-size:23px}.three-damage-number.is-crit{color:#ffe35a;text-shadow:-2px -2px 0 #1f1205,2px -2px 0 #1f1205,-2px 2px 0 #1f1205,2px 2px 0 #1f1205,0 0 16px #ffcf45}.three-battle-hud[data-phase=levelUp],.three-battle-hud[data-phase=waveComplete],.three-battle-hud[data-phase=dead],.three-battle-hud[data-phase=victory]{opacity:.45}body.three-battle-active #app>canvas:not(.three-battle-canvas){position:relative;z-index:3}.dev-tuning-root{position:fixed;right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));z-index:20;font-family:Arial,sans-serif}.dev-tuning-toggle,.dev-tuning-panel button{border:1px solid #e0b15a;border-radius:4px;background:#241f19;color:#f5e5c8;font-weight:700}.dev-tuning-toggle{min-width:78px;height:34px;padding:0 8px}.dev-tuning-panel{position:absolute;right:0;bottom:42px;width:min(360px,calc(100vw - 20px));max-height:min(680px,calc(100vh - 72px));overflow:auto;padding:12px;border:1px solid #e0b15a;background:#120f0cf5;color:#f5e5c8}.dev-tuning-title{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:16px;font-weight:700;margin-bottom:8px}.dev-tuning-close{min-height:26px}.dev-tuning-panel h3{margin:10px 0 6px;font-size:13px;color:#e0b15a}.dev-tuning-row{display:grid;grid-template-columns:1fr 90px 58px;gap:8px;align-items:center;min-height:30px;font-size:12px}.dev-tuning-row input[type=number]{width:58px;background:#241f19;border:1px solid #4a3f31;color:#f5e5c8}.dev-boss-select{width:100%;min-height:34px;border:1px solid #4a3f31;background:#241f19;color:#f5e5c8}.dev-tuning-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.dev-tuning-preset-actions{margin-top:6px}.dev-tuning-panel button{min-height:30px;padding:0 10px}.dev-tuning-notice{margin-top:8px;font-size:12px;color:#9ee7a8}@media(max-width:720px){.dev-tuning-root{left:auto;right:max(10px,env(safe-area-inset-right));top:max(86px,calc(env(safe-area-inset-top) + 64px));bottom:auto}.dev-tuning-toggle{min-width:58px;height:32px;padding:0 7px;border-color:#20e0d0;background:#05332f;color:#dbfff9;font-size:12px;box-shadow:0 6px 18px #0009}.dev-tuning-panel{position:fixed;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));top:max(96px,calc(env(safe-area-inset-top) + 70px));bottom:max(112px,calc(env(safe-area-inset-bottom) + 96px));width:auto;max-height:none}}