:root{font-family:DM Mono,monospace;color:#edf0f7;background:#0d101b}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{min-width:320px;background:#0d101b}button{font:inherit;cursor:pointer}.game-app{min-height:100vh;padding:20px;display:flex;flex-direction:column;align-items:center;gap:14px;overflow:hidden}.game-header{width:min(100%,720px);display:flex;justify-content:space-between;align-items:center;color:#8991a7;font-size:10px;letter-spacing:.1em}.game-header div{display:flex;align-items:center;gap:9px;color:#f5f6fa}.logo-mark{display:grid;place-items:center;width:29px;height:29px;border-radius:6px;color:#10131f;background:#f2d347;font-size:9px;font-weight:700}.world-label{color:#697188;font-size:9px}.level-nav,.placement-panel{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:center}.level-nav button,.placement-panel button{border:1px solid #2a3043;border-radius:5px;color:#8890a5;background:#151a28;padding:9px 12px;font-size:9px;letter-spacing:.07em}.level-nav button span{color:#586076;margin-right:8px}.level-nav button.active{border-color:#f2d347;color:#f2d347}.placement-panel button:disabled{cursor:not-allowed}.placement-panel button.used{opacity:.2}.placement-panel .item-icon{display:block;width:56px;height:56px}.placement-panel .item-icon svg{display:block;width:100%;height:100%}.placement-panel button strong{display:block;margin-top:3px;font-size:11px}.stage-viewport{position:relative;width:min(92vw,calc(100vh - 180px),1024px);height:min(92vw,calc(100vh - 180px),1024px);min-width:160px;min-height:160px;max-width:100%;max-height:100%;overflow:hidden;border:2px solid #30364c;border-radius:8px;background:#0d101c}.stage-frame{position:absolute;left:50%;top:50%;width:1024px;height:1024px;transform-origin:center center;overflow:hidden}.stage-surface{position:relative;width:1024px;height:1024px;overflow:hidden;background:radial-gradient(circle at 50% 50%,#17233f 0,#0d101c 65%)}.stage-surface canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:block;width:1024px;height:1024px}.placement-flight{position:fixed;z-index:10;width:64px;height:64px;left:var(--flight-source-x);top:var(--flight-source-y);pointer-events:none;transform-origin:center center;transform:translate(-50%,-50%);animation:item-flight .62s linear forwards;will-change:transform}@keyframes item-flight{0%{transform:translate(-50%,-50%)}to{transform:translate(calc(-50% + var(--flight-delta-x)),calc(-50% + var(--flight-delta-y)))}}.placement-flight:after{position:absolute;left:50%;bottom:-2px;width:58px;height:14px;border-radius:50%;background:#000000b8;content:"";filter:blur(6px);transform:translate(-50%) scale(.6);animation:item-flight-shadow .62s ease-in-out forwards}.placement-flight img{position:relative;z-index:1;display:block;width:100%;height:100%;animation:item-flight-lift .62s cubic-bezier(.37,0,.63,1) forwards;will-change:transform,filter}@keyframes item-flight-lift{0%{filter:drop-shadow(0 8px 5px rgba(0,0,0,.5));transform:perspective(500px) translateY(0) scale(.875) rotateX(4deg) rotate(-12deg)}50%{filter:drop-shadow(0 72px 25px rgba(0,0,0,.82));transform:perspective(500px) translateY(-290px) scale(3.9) rotateX(20deg) rotate(7deg)}to{filter:drop-shadow(0 10px 6px rgba(0,0,0,.5));transform:perspective(500px) translateY(0) scale(1) rotateX(0) rotate(0)}}@keyframes item-flight-shadow{0%{opacity:.5;transform:translate(-50%) scale(.55)}50%{opacity:1;transform:translate(-50%) scale(1.55)}to{opacity:.75;transform:translate(-50%) scale(1)}}.placement-panel{max-width:720px}.panel-label,.instruction{color:#626b82;font-size:9px;letter-spacing:.1em}.placement-panel button.selected{color:#10131f;border-color:transparent}.placement-panel button.bomb.selected{background:#4d8dff}.placement-panel button.shooter.selected{background:#ed5559}.placement-panel button.boomerang.selected{background:#eecb3e}.placement-panel button.lightning.selected{background:#b98cff;color:#1b102d}.placement-panel button.banana_bomb.selected{background:#ffe135;color:#1a1602}.instruction{margin:-4px 0 0;text-align:center}.debug-toggle{border:1px solid #2a3043;border-radius:5px;color:#737c93;background:transparent;padding:8px 10px;font-size:9px;letter-spacing:.07em}.debug-toggle.active{border-color:#9b59ff;color:#c49cff;background:#9b59ff18}.control-toggles{display:flex;flex-direction:column;align-items:center;gap:8px}@media(orientation:landscape)and (min-width:700px){.game-app{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;grid-template-areas:"stage info" "stage controls";align-items:center;justify-items:center;column-gap:28px;row-gap:18px;height:100vh;min-height:0;padding:0}.game-info{grid-area:info;display:flex;flex-direction:column;gap:14px;width:270px}.game-controls{grid-area:controls;display:flex;flex-direction:column;align-items:center;gap:14px;width:270px}.game-header{width:100%}.level-nav{justify-content:flex-start}.placement-panel{max-width:270px}.stage-viewport{grid-area:stage;width:min(100vh,100%);height:min(100vh,100%)}}@media(max-width:1024px){.game-app{padding:14px 10px;gap:10px}.game-header{font-size:9px}.world-label{font-size:8px}.level-nav button,.placement-panel button{padding:8px 9px;font-size:8px}.stage-viewport{width:min(96vw,calc(100vh - 200px));height:min(96vw,calc(100vh - 200px))}}