/* Full-window arcade presentation. Canvas keeps its original proportions. */
html,body{width:100%;height:100%;min-height:0;overflow:hidden;background:#153d56}header{position:absolute;inset:0;z-index:4;height:0;padding:0;border:0;max-width:none;margin:0}header .brand,header .edition,.topline,footer,.section-label{display:none}main{width:100%;height:100%;max-width:none;margin:0;padding:0}.arena{position:absolute;inset:0;width:100%;height:100dvh;aspect-ratio:auto;border:0;border-radius:0;box-shadow:none;background:#153d56}canvas{width:100%;height:100%;object-fit:contain;background:#153d56}.bottom{position:absolute;inset:0;pointer-events:none;padding:0;border:0;display:block}.bottom .controls{display:none}button{border:3px solid #163c55;border-radius:12px;background:linear-gradient(#429dc5,#21658e);box-shadow:0 4px 0 #10364c,inset 0 2px 0 #ffffff60;text-shadow:0 2px #163f59}button:hover{filter:brightness(1.12)}button:active{transform:translateY(3px)}#sound,#restart,#fullscreen,#pause{position:absolute;top:16px;width:42px;height:42px;margin:0;background:linear-gradient(#429dc5,#21658e);border:3px solid #163c55;border-radius:10px;color:white;font:800 24px Arial;z-index:4;pointer-events:auto;box-shadow:0 4px 0 #10364c,inset 0 2px 0 #ffffff60}#pause{right:16px}#fullscreen{right:66px}#sound{right:116px}#restart{left:16px;font-size:26px}#restart span{display:none}.scoreboard{top:12px;gap:22px;border:3px solid #93c4d4;border-radius:0 0 20px 20px;background:linear-gradient(#245d80,#12394f);box-shadow:0 5px 0 #102e47aa}.arena:has(.overlay:not(.hidden)) .scoreboard{visibility:hidden}.arena:has(.overlay:not(.hidden)) #pause{display:none}.overlay{justify-content:center;align-items:center;background:radial-gradient(ellipse at center,#092c4a60,#092c4a08 70%)}.intro{margin:0;text-align:center;filter:drop-shadow(0 6px 2px #12304940)}.eyebrow{display:block;font-size:12px;letter-spacing:4px;color:white;text-shadow:0 2px 2px #123049}h1{font:900 clamp(76px,11vw,140px)/.78 'Barlow Condensed',Impact,sans-serif;letter-spacing:-2px;margin:18px 0 24px;transform:rotate(-4deg);-webkit-text-stroke:2px #164665;paint-order:stroke fill;text-shadow:0 6px 0 #143c57,0 10px 0 #12304955}h1 em{color:#ffe165}.intro p{font-weight:800;font-size:16px;color:white;text-shadow:0 2px 2px #143c57;margin:15px 0}.modes{justify-content:center;gap:10px;margin:18px 0 12px}.modes button{font:800 18px 'Barlow Condensed',Impact,sans-serif;padding:10px 25px;border:3px solid #163c55;border-radius:10px;background:linear-gradient(#429dc5,#21658e)}.modes .selected{background:linear-gradient(#ffe775,#eaa32e);color:#5b3919;text-shadow:0 1px #fff6b1;border-color:#7b4b1d;box-shadow:0 4px 0 #75471b,inset 0 2px 0 #fff9bd}.primary{margin:auto;width:280px;padding:10px 20px;font:900 36px 'Barlow Condensed',Impact,sans-serif;text-align:center;letter-spacing:2px;color:white;border:3px solid #365e21;border-radius:12px;background:linear-gradient(#bcee58,#73b72f);box-shadow:0 6px 0 #2a541b,inset 0 3px 0 #e2ff9c;text-shadow:0 2px #456e24}.primary:hover{background:linear-gradient(#d1ff77,#88ca40)}.primary span{float:none;font-size:inherit}.hint{display:block;margin-top:16px;font-size:10px;font-weight:800;color:white;letter-spacing:1px;text-shadow:0 2px #123049}.menu-controls{margin-top:20px;font-size:11px;line-height:2;color:white;text-shadow:0 2px #123049}.menu-controls kbd{background:#173f59cc;border-color:#b7dce8;padding:4px 6px}.court-tag{display:none}.announcement{top:25%;z-index:1;color:#fff5b1;text-shadow:0 4px 0 #193f58;font-size:clamp(24px,4vw,52px)}.touch{display:none}@media(pointer:coarse){.touch{display:flex;bottom:18px}.touch button{min-width:58px;height:54px;background:#174b72bb}.overlay:not(.hidden)~.touch{display:none}}@media(max-width:900px){#sound,#restart,#fullscreen,#pause{top:10px;width:34px;height:34px;font-size:20px}#pause{right:10px}#fullscreen{right:50px}#sound{right:90px}#restart{left:10px}.scoreboard{top:8px;transform:translateX(-50%) scale(.8);transform-origin:top center}.intro{margin:0}}@media(max-height:570px){h1{font-size:70px;margin:10px 0 15px}.eyebrow{font-size:9px}.intro p{display:none}.modes{margin:12px 0 9px}.modes button{padding:7px 23px}.primary{padding:5px 15px;font-size:29px}.menu-controls{margin-top:12px;font-size:9px}.hint{margin-top:12px}}@media(max-width:540px) and (orientation:portrait){.scoreboard{top:60px}.arena:after{content:'Obróć telefon, aby wygodniej grać';position:absolute;bottom:85px;width:100%;text-align:center;font-size:11px;color:#c1e3ed;pointer-events:none}.arena:has(.overlay:not(.hidden)):after{bottom:20px}}