.touch-zones{display:none;position:absolute;inset:0;z-index:3;pointer-events:none}.touch-device .touch-zones{display:block}.touch-device .touch-controls{display:none}.zone{position:absolute;pointer-events:auto;background:transparent;border:0;border-radius:0;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;box-shadow:none;transform:none!important}.zone:hover{background:transparent}.zone.active{background:linear-gradient(transparent 70%,#d6f7a80b)}.zone:active{background:#daf3a82a}.zone span{position:absolute;bottom:12%;color:#eeffcb9c;text-shadow:0 1px 4px #09241d;font-size:28px;pointer-events:none}.zone-ul,.zone-ur{top:0;height:66%}.zone-ll,.zone-lr{top:66%;bottom:0}.zone-ul,.zone-ll{left:0;width:42%}.zone-ur,.zone-lr{right:0;width:42%}.zone-ul span,.zone-ll span{left:10%}.zone-ur span,.zone-lr span{right:10%}.zone-center{left:42%;width:16%;top:0;bottom:0}.zone-center span{font-size:11px;white-space:nowrap;left:50%;transform:translateX(-50%);bottom:4%;background:#133829b3;padding:5px 7px;border:1px solid #afcc8560;border-radius:4px}.hud{z-index:5}.feedback,.order-card{z-index:4;pointer-events:none}.countdown{z-index:6}.main-menu{z-index:5}.touch-device .stage{touch-action:none;overscroll-behavior:none}.touch-device .footer .keyboard-hint{display:none}.touch-device .footer{justify-content:center;text-align:center}.touch-device{overscroll-behavior:none}.portrait-game{display:block;overflow:hidden;height:100dvh}.portrait-game .game-shell{display:flex;flex-direction:column;width:100%;height:100dvh;padding:env(safe-area-inset-top) max(6px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(6px,env(safe-area-inset-left))}.portrait-game .masthead{height:54px;min-height:54px;padding:0 5px}.portrait-game .stage{flex:1;min-height:0;width:100%;aspect-ratio:auto;margin:0;overflow:hidden}.portrait-game canvas{height:100%;width:100%}.portrait-game .footer{font-size:10px;line-height:1.3;min-height:28px;padding:4px}.portrait-game .wordmark{font-size:17px;gap:9px}.portrait-game .wordmark small{font-size:7px}.portrait-game .brand-mark{font-size:22px}.portrait-game .demo-tag{display:none}.portrait-game .main-menu{top:57%;width:76%;min-width:0;display:grid;grid-template-columns:1fr;gap:10px}.portrait-game .menu-caption{display:block;font-size:14px}.portrait-game .main-menu button{min-height:50px;font-size:16px;padding:12px 16px;border-width:2px}.portrait-game .main-menu button span{font-size:20px}.portrait-game .hud{inset:9px 8px auto;gap:6px;align-items:start}.portrait-game .score-box{padding:7px 8px;gap:6px;flex-direction:column}.portrait-game .score-box span{font-size:8px}.portrait-game .score-box strong{font-size:23px}.portrait-game .hud-middle{padding:7px;min-width:70px;font-size:10px}.portrait-game #timer{font-size:24px}.portrait-game .hud-right{gap:5px;padding:7px 5px}.portrait-game .life-shield{width:23px;height:29px}.portrait-game #life-segments i{width:13px;height:11px}.portrait-game .life-meter b{font-size:12px}.portrait-game #lives.life-badge{gap:4px}.portrait-game .lives-title{font-size:8px}.portrait-game .hud-right #pause{height:32px;min-width:30px;font-size:20px}.portrait-game .order-card{top:23%;width:max-content;max-width:94%;padding:9px 10px}.portrait-game .order-heading{gap:12px;margin-bottom:7px}.portrait-game .order-heading strong{font-size:13px}.portrait-game .order-heading span{font-size:10px}.portrait-game #order-products{gap:10px}.portrait-game .order-product{display:flex;flex-direction:column;gap:3px;min-width:52px;max-width:70px;text-align:center}.portrait-game .order-product img{width:42px;height:42px}.portrait-game .order-product span{font-size:9px;max-width:70px}.portrait-game .order-product b{font-size:16px}.portrait-game .feedback{top:15%;font-size:12px;max-width:95%;white-space:normal;text-align:center}.portrait-game .countdown>strong{font-size:90px}.portrait-game .countdown>span{font-size:13px}.portrait-game .countdown-reminder{max-width:94vw;padding:12px}.portrait-game .countdown-reminder p{font-size:12px}.portrait-game #countdown-hazards{gap:16px}.portrait-game #countdown-hazards img{width:48px;height:48px}.portrait-game #countdown-hazards b{font-size:16px}.portrait-game #countdown-hazards figcaption{font-size:11px}.portrait-game .zone-ul,.portrait-game .zone-ur{height:67%}.portrait-game .zone-ll,.portrait-game .zone-lr{top:67%}.portrait-game .zone span{font-size:34px;bottom:19%}.portrait-game .zone-center span{font-size:12px;bottom:5%}
@media(orientation:landscape) and (max-height:600px){.touch-device{height:100dvh;overflow:hidden}.touch-device .game-shell{height:100dvh;width:min(100%,calc((100dvh - 42px)*16/9));padding:0 max(4px,env(safe-area-inset-left)) 0 max(4px,env(safe-area-inset-right))}.touch-device .masthead{height:38px}.touch-device .wordmark{font-size:14px;gap:8px}.touch-device .wordmark small{font-size:6px;margin-top:0}.touch-device .brand-mark{font-size:18px;padding:3px 7px}.touch-device .icon-button{height:29px}.touch-device .demo-tag,.touch-device .footer{display:none}.touch-device .stage{margin:0;overflow:hidden}.touch-device .order-card{top:25%;padding:5px 8px}.touch-device .order-product img{width:32px;height:32px}.touch-device .order-product{grid-template-columns:32px auto}.touch-device .hud{inset:5px 6px auto}.touch-device .hud-right{padding:3px 5px}.touch-device .zone span{font-size:24px}.touch-device .zone-center span{font-size:10px}}
@media(orientation:portrait) and (min-width:701px){.portrait-game .main-menu{width:52%;top:61%}.portrait-game .main-menu button{min-height:56px}.portrait-game .order-card{top:20%}.portrait-game .masthead{height:64px;min-height:64px}.portrait-game .hud{inset:14px 16px auto}.portrait-game .hud-middle{min-width:100px}.portrait-game .score-box{flex-direction:row}.portrait-game .order-product img{width:55px;height:55px}.portrait-game .zone-center span{font-size:15px}}
@media(orientation:landscape) and (max-height:600px){.touch-device .touch-zones{position:fixed;inset:38px 0 env(safe-area-inset-bottom)}}