.play-area{position:relative}
.game-view-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 12px;color:#38504d;font-size:11px;font-weight:800}
.game-view-toolbar>span:first-child{letter-spacing:.04em}
.game-view-toolbar #fullscreen-toggle{min-height:44px;padding:10px 16px;border:2px solid #274b66;border-radius:13px;background:linear-gradient(#edf8ff,#bddbee);color:#17344d;font-weight:900;box-shadow:0 3px 0 #274b66;white-space:nowrap;touch-action:manipulation}
.game-view-toolbar #fullscreen-toggle::before{content:'⛶';font-size:20px;line-height:1;margin-right:7px;vertical-align:-1px}
.game-view-toolbar #fullscreen-toggle:hover{background:#f4fbff}
.game-view-toolbar #fullscreen-toggle:active{transform:translateY(2px);box-shadow:0 1px 0 #274b66}
.game-view-toolbar #fullscreen-toggle:focus-visible{outline:3px solid #132f62;outline-offset:3px}
#view-status{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.view-game-tools:empty{display:none}
.view-game-tools{display:flex;gap:8px;align-items:center;margin-left:auto}
body.game-view-open{overflow:hidden}
.play-area.is-expanded{position:fixed;inset:0;z-index:1000;width:100%;max-width:none;height:100vh;height:100dvh;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;isolation:isolate;background:radial-gradient(ellipse at 0 0,#cef4df,transparent 65%),#f8f3da;padding:0 max(10px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));box-sizing:border-box}
.play-area.is-expanded::backdrop{background:#f8f3da}
.play-area.is-expanded>.game-view-toolbar,.play-area.is-expanded>.practice-bar,.play-area.is-expanded>.game,.play-area.is-expanded>.under,.play-area.is-expanded>.share-preview{max-width:1100px;margin-left:auto;margin-right:auto}
.play-area.is-expanded>.game-view-toolbar{position:sticky;top:0;z-index:5;min-height:60px;margin-bottom:10px;padding: max(7px,env(safe-area-inset-top)) 0 9px;background:#eef3dcf5;backdrop-filter:blur(10px);border-bottom:1px solid #a0b59f;flex-wrap:nowrap}
.play-area.is-expanded .view-game-tools .quiet-button{min-width:44px;min-height:44px;font-size:12px;padding:9px 11px}
.play-area.is-expanded .view-game-tools .round-box{transform:none;padding:3px 9px;border-width:2px;border-radius:10px;box-shadow:0 2px 0 #b78130}
.play-area.is-expanded .view-game-tools .round-box .clock{font-size:18px}
.play-area.is-expanded .view-game-tools .round-box span{font-size:8px;margin-top:1px;max-width:none}
.play-area.is-expanded>.practice-bar{margin-bottom:12px;padding:8px 11px}
.play-area.is-expanded button,.play-area.is-expanded select{min-height:44px;touch-action:manipulation}
.play-area.is-expanded>.under{margin-top:15px}
.play-area.is-expanded .game{box-shadow:0 5px 0 #bc8735,0 12px 24px #415c3521}
.play-area.is-expanded canvas{width:100%;height:auto;aspect-ratio:1100/560}
@media(max-width:700px){
 .game-view-toolbar{font-size:10px;gap:8px}
 .game-view-toolbar #fullscreen-toggle{padding:9px 12px;font-size:12px}
 .play-area.is-expanded>.game-view-toolbar>span:first-child{display:none}
 .play-area.is-expanded .view-game-tools{margin-left:0;gap:6px}
 .play-area.is-expanded>.game-view-toolbar{gap:6px}
 .play-area.is-expanded .view-game-tools .quiet-button{padding:8px;font-size:11px}
 .play-area.is-expanded .view-game-tools .round-box{padding:3px 7px}
 .play-area.is-expanded .view-game-tools .round-box span{max-width:75px;font-size:7px}
 .play-area.is-expanded .practice-copy{font-size:10px;min-width:130px}
 .play-area.is-expanded .practice-controls p{margin:0}
 .play-area.is-expanded .pull-button .button-main{font-size:15px}
 .play-area.is-expanded .pull-button .button-sub{font-size:9px}
}
@media(orientation:landscape) and (max-height:600px){
 .play-area.is-expanded>.game-view-toolbar{min-height:53px;margin-bottom:6px;padding-top:max(3px,env(safe-area-inset-top));padding-bottom:5px}
 .play-area.is-expanded>.practice-bar{padding:4px 9px;margin-bottom:7px}
 .play-area.is-expanded>.game-view-toolbar>.view-demo-note{display:none}
 .play-area.is-expanded.is-landscape>.practice-bar:has(.practice-controls[hidden]){display:none}
 .play-area.is-expanded.is-landscape>.practice-bar .practice-controls{border-top:0;padding-top:0;flex-wrap:nowrap}
 .play-area.is-expanded.is-landscape .practice-controls p{display:none}
 .play-area.is-expanded.is-landscape>.game{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:180px}
 .play-area.is-expanded.is-landscape .stage{display:flex;align-items:center;justify-content:center;min-height:0}
 .play-area.is-expanded.is-landscape canvas{flex:none;max-width:100%;max-height:100%}
 .play-area.is-expanded.is-landscape .arena-status{bottom:4px;padding:3px 9px;font-size:9px}
 .play-area.is-expanded .practice-copy{display:none}
 .play-area.is-expanded .practice-controls{padding-top:5px}
 .play-area.is-expanded .scorebar{padding:7px 10px;grid-template-columns:1fr 64px 1fr}
 .play-area.is-expanded .team-score{padding:5px 12px}
 .play-area.is-expanded .pull-score{font-size:23px}
 .play-area.is-expanded .team-label{font-size:10px}
 .play-area.is-expanded .round-label b{font-size:23px;margin-top:0}
 .play-area.is-expanded .actions{padding:8px 10px 12px;gap:12px}
 .play-area.is-expanded .pull-button{min-height:50px;padding:7px 13px}
 .play-area.is-expanded .pull-button .button-main{font-size:15px}
 .play-area.is-expanded .pull-button .button-sub{font-size:9px;margin-top:3px}
 .play-area.is-expanded>.under{margin-top:11px}
 .play-area.is-expanded>.share-preview{grid-template-columns:minmax(0,1fr) 190px;gap:14px;padding:15px 18px;margin-top:16px}
 .play-area.is-expanded .share-emblem{display:none}
 .play-area.is-expanded .share-preview h2{font-size:24px}
 .play-area.is-expanded .share-tools{grid-column:auto}
}
@media(prefers-reduced-motion:reduce){.game-view-toolbar #fullscreen-toggle{transition:none}}