/* Wide landscape composition; no portrait pillarboxing or side panels. */
body.in-level #play-screen{height:100svh;height:100dvh}
@media(orientation:landscape) and (min-width:560px){
 body.in-level #play-screen{--bar-height:calc(44px + env(safe-area-inset-top));--goals-height:36px;}
 body.in-level #play-screen .game-top{height:var(--bar-height);min-height:44px;padding:calc(4px + env(safe-area-inset-top)) calc(132px + env(safe-area-inset-right)) 4px max(8px,env(safe-area-inset-left));gap:7px;}
 body.in-level #play-screen .game-top>div{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
 body.in-level #play-screen .game-top .eyebrow{font-size:10px;letter-spacing:.5px}
 body.in-level #play-screen .game-hearts{font-size:10px;padding:4px;white-space:nowrap;}
 body.in-level #play-screen .game-layout{inset:calc(var(--bar-height) + var(--goals-height)) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);flex-direction:row;min-width:0;min-height:0;}
 body.in-level #play-screen .board-wrap{height:100%;width:100%;max-width:none;min-width:0;min-height:0;flex:1;aspect-ratio:auto;}
 body.in-level #play-screen #gameCanvas{height:100%;width:100%;min-height:0;max-width:none;max-height:none;aspect-ratio:var(--field-ratio,2.5);object-fit:contain;}
 body.in-level #play-screen .play-hud{inset:var(--bar-height) env(safe-area-inset-right) auto env(safe-area-inset-left);width:auto!important;max-width:none!important;height:var(--goals-height);transform:none;padding:3px 8px;flex-direction:row;align-items:center;justify-content:center;gap:8px;background:#fff5d9e8;overflow:hidden;}
 body.in-level #play-screen #hud-objectives{width:auto;max-width:75%;display:flex;flex-direction:row;flex-wrap:nowrap;gap:5px;min-width:0;}
 body.in-level #play-screen .hud-goal{width:auto;min-width:0;max-width:180px;font-size:11px;padding:3px 8px;border-radius:9px;line-height:1.1;}
 body.in-level #play-screen .hud-goal small{font-size:8px;display:inline;margin-left:4px;}
 body.in-level #play-screen .hud-shots,body.in-level #play-screen .hud-score{padding:3px 8px;font-size:11px;border-radius:10px;}
 body.in-level #play-screen .hud-shots b,body.in-level #play-screen .hud-score b{font-size:14px;}
 body.in-level #play-screen .mobile-controls{inset:calc(3px + env(safe-area-inset-top)) calc(6px + env(safe-area-inset-right)) auto auto!important;width:120px;height:38px!important;min-height:0!important;max-width:120px!important;margin:0!important;border:0!important;border-radius:0;padding:0!important;background:transparent!important;box-shadow:none;}
 body.in-level #play-screen #mobile-stats{display:none!important;}
 body.in-level #play-screen .mobile-controls .primary{width:100%;min-width:0;min-height:36px;padding:6px!important;font-size:13px;border-radius:12px;}
 body.in-level #play-screen #mission-banner{font-size:clamp(12px,1.5vw,18px);padding:12px;left:25%;right:25%;top:22%;}
 body.in-level #play-screen .power-toast{max-width:75%;font-size:14px;padding:8px;}
}
@media(orientation:landscape) and (max-height:380px){body.in-level #play-screen{--goals-height:30px;}body.in-level #play-screen .hud-goal{font-size:10px;padding:3px 5px;}body.in-level #play-screen .hud-goal small{font-size:7px;}}

/* Compact glass HUD: world scenery reaches behind controls. */
@media(orientation:landscape) and (min-width:560px){
 body.in-level #play-screen{--bar-height:calc(40px + env(safe-area-inset-top));}
 body.in-level #play-screen .game-top{min-height:40px;padding-right:calc(120px + env(safe-area-inset-right));background:linear-gradient(#16485acf,#16485a8c);border:0;box-shadow:none;}
 body.in-level #play-screen .game-top .eyebrow{color:#fff8d4;text-shadow:0 1px 2px #103748;letter-spacing:.8px;}
 body.in-level #play-screen .game-top .secondary,body.in-level #play-screen .game-top .icon-btn{background:linear-gradient(#fffbed,#e8efda);border:1px solid #fff5b9a8;box-shadow:0 2px 5px #163f5440;}
 body.in-level #play-screen .game-hearts{background:#103e5966;border:1px solid #d0f1e438;color:#fffbe4;border-radius:15px;}
 body.in-level #play-screen .game-layout{top:calc(var(--bar-height) + 4px);}
 body.in-level #play-screen .play-hud{top:calc(var(--bar-height) + 6px);height:32px;background:none;overflow:visible;gap:6px;}
 body.in-level #play-screen .hud-goal,body.in-level #play-screen .hud-shots,body.in-level #play-screen .hud-score{background:#fffbedee;border:1px solid #f1cf83;box-shadow:0 2px 7px #16465a2b;border-radius:14px;}
 body.in-level #play-screen .hud-goal{font-size:11px;padding:5px 10px;}
 body.in-level #play-screen .hud-goal.done{background:#d7f4baeF;border-color:#82b668;}
 body.in-level #play-screen .mobile-controls{width:108px;max-width:108px!important;height:34px!important;}
 body.in-level #play-screen .mobile-controls .primary{min-height:34px;background:linear-gradient(#fff18a,#ffc047);color:#174b60;border:1px solid #ffecc0;box-shadow:0 2px 0 #bd8634;font-weight:900;}
 body.in-level #play-screen #mission-banner{left:30%;right:30%;border-width:1px;border-radius:18px;background:#fffbedeb;box-shadow:0 5px 18px #17476125;}
}