#fullscreen{min-width:44px;min-height:44px}
#fullscreen[aria-pressed="true"]{box-shadow:inset 0 0 0 3px #7141a4}
#pause-fullscreen{min-height:44px;margin-top:8px}
.fullscreen-status{font-size:14px;line-height:1.35;margin:8px 0;color:inherit}
.fullscreen-status:empty{display:none}
#fullscreen-notice{position:fixed;z-index:90;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translateX(-50%);max-width:min(560px,calc(100vw - 32px));padding:10px 14px;border-radius:14px;background:#fff9ed;color:#3d245c;box-shadow:0 3px 16px #23143730;pointer-events:none}
body.racing #fullscreen-notice{bottom:auto;top:calc(90px + env(safe-area-inset-top))}
body.practising #fullscreen-notice{top:calc(190px + env(safe-area-inset-top))}
@media(max-height:540px) and (orientation:landscape){body.practising #fullscreen-notice{top:calc(150px + env(safe-area-inset-top));font-size:12px;padding:6px 10px}}
@media(max-height:540px) and (orientation:landscape){
 #pause-dialog[open]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:18px;max-width:min(540px,calc(100vw - 24px));width:540px}
 #pause-dialog>h2{grid-column:1/-1;font-size:30px;margin:0 0 8px}
 #pause-dialog>button{width:100%;min-height:44px;margin:0;font-size:15px;padding:10px 8px}
 #pause-dialog>.fullscreen-status{grid-column:1/-1;margin:0}
}

#pause-fullscreen [data-fullscreen-label]{display:inline;font:inherit;border:0;padding:0;margin:0;background:transparent;box-shadow:none;color:inherit}