html,body,#app{margin:0;width:100%;height:100%;background:#08131f;color:#f7f2dc;font-family:monospace}.app-shell{position:relative;width:100%;height:100%;overflow:hidden}#game-canvas{width:100%;height:100%;image-rendering:pixelated}body[data-screen=floatWatch] #game-canvas{filter:saturate(1.15) brightness(1.05)}body[data-screen=fight] #game-canvas{filter:contrast(1.08)}body[data-screen=landing] #game-canvas{filter:brightness(1.15)}#hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}#hud,.float-watch-panel,.fight-panel,[data-control]{display:none!important}.tension-panel{position:absolute;top:max(16px,env(safe-area-inset-top));left:16px;display:grid;gap:4px;padding:12px 14px;border:2px solid #f7f2dc;background:#08131fd1}.tension-panel strong{font-size:28px}.controls{position:absolute;right:16px;bottom:max(16px,env(safe-area-inset-bottom));display:grid;gap:10px}.controls button{min-width:88px;min-height:48px;border:2px solid #f7f2dc;color:#f7f2dc;background:#08131fe0}.move-pad{position:absolute;left:16px;top:50%;display:grid;grid-template-columns:repeat(3,48px);grid-template-areas:". up ." "left . right" ". down .";gap:8px;transform:translateY(-50%)}.move-pad button{min-width:48px;min-height:48px;border:2px solid #f7f2dc;color:#f7f2dc;background:#08131fe0}.move-pad [data-move=up]{grid-area:up}.move-pad [data-move=left]{grid-area:left}.move-pad [data-move=right]{grid-area:right}.move-pad [data-move=down]{grid-area:down}.status-panel{position:absolute;left:16px;bottom:max(16px,env(safe-area-inset-bottom));padding:10px 12px;border:2px solid #f7f2dc;background:#08131fd1}.stage-panel{position:absolute;top:max(16px,env(safe-area-inset-top));right:16px;display:grid;gap:4px;max-width:180px;padding:12px 14px;border:2px solid #f7f2dc;background:#08131fd1}.stage-panel strong{font-size:18px}.float-watch-panel{position:absolute;top:18%;right:12%;bottom:18%;left:12%;display:grid;place-items:center;border:2px solid rgba(247,242,220,.9);background:#08131f61;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}[hidden]{display:none!important}body[data-screen=explore] [data-control=motion],body[data-screen=explore] [data-control=cast],body[data-screen=explore] [data-control=move],body[data-screen=floatWatch] .float-watch-panel{display:grid!important}body[data-screen=floatWatch] [data-control=hookset],body[data-screen=floatWatch] [data-control=debug-bite],body[data-screen=fight] #hud,body[data-screen=landing] #hud{display:block!important}body[data-screen=fight] .fight-panel,body[data-screen=landing] .fight-panel{display:grid!important}body[data-screen=fight] [data-control=motion],body[data-screen=fight] [data-control=reel],body[data-screen=fight] [data-control=giveLine],body[data-screen=fight] [data-control=net],body[data-screen=landing] [data-control=net]{display:block!important}.float-water{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(159,231,255,.18),transparent 55%),linear-gradient(180deg,#1f5f7ab3,#0c3141e6)}.float-closeup{position:relative;width:18px;height:120px;border-radius:999px;background:linear-gradient(180deg,#ff7043 0,#ff7043 40%,#f7f2dc 40%,#f7f2dc);animation:float-idle 1.8s ease-in-out infinite}.float-watch-panel.biting .float-closeup{animation:float-bite .32s ease-in-out infinite alternate}.fight-panel{position:absolute;inset:max(92px,calc(env(safe-area-inset-top) + 92px)) 16px auto auto;width:180px;min-height:54px;border:2px solid #f7f2dc;background:#08131fd1;display:grid;gap:4px;padding:10px 12px}@keyframes float-idle{50%{transform:translateY(4px)}}@keyframes float-bite{to{transform:translateY(22px)}}