*{margin:0;padding:0;box-sizing:border-box}:root{--game-aspect-width: 14;--game-aspect-height: 5;--page-pad-top: max(12px, env(safe-area-inset-top, 0px));--page-pad-right: max(12px, env(safe-area-inset-right, 0px));--page-pad-bottom: max(12px, env(safe-area-inset-bottom, 0px));--page-pad-left: max(12px, env(safe-area-inset-left, 0px));--usable-width: calc(100vw - var(--page-pad-left) - var(--page-pad-right));--usable-height: calc(100svh - var(--page-pad-top) - var(--page-pad-bottom));--game-border: clamp(4px, .6vmax, 6px);--game-frame-pad: clamp(4px, .75vmax, 8px)}@media(pointer:coarse){:root{--page-pad-top: 0px;--page-pad-right: 0px;--page-pad-bottom: 0px;--page-pad-left: 0px;--game-border: 0px;--game-frame-pad: 0px}}html,body{width:100%;height:100%;overflow:hidden}body{position:relative;display:flex;justify-content:center;align-items:center;min-height:100svh;padding:var(--page-pad-top) var(--page-pad-right) var(--page-pad-bottom) var(--page-pad-left);background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);font-family:Arial,Helvetica Neue,sans-serif}.game-container{width:min(1400px,var(--usable-width),calc(var(--usable-height) * var(--game-aspect-width) / var(--game-aspect-height)));aspect-ratio:14 / 5;border:var(--game-border) solid #4CAF50;border-radius:20px;box-shadow:0 0 60px #4caf5066,0 0 120px #4caf5033,0 12px 48px #0006,inset 0 2px 4px #ffffff4d;background:linear-gradient(180deg,#81c784,#4caf50);padding:var(--game-frame-pad)}#game{display:block;width:100%;height:100%;background-color:#87ceeb;border-radius:12px;cursor:pointer}@media(pointer:coarse){.game-container,#game{border-radius:0}}.game-container,#game{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.game-container:fullscreen{width:100vw;height:100vh;max-width:none;border-radius:0;border:none;padding:0;background:#000;display:flex;justify-content:center;align-items:center}.game-container:fullscreen #game{border-radius:0;width:auto;height:auto;max-width:100vw;max-height:100vh;aspect-ratio:14 / 5;width:min(100vw,280vh);height:min(100vh,calc(100vw * 5 / 14))}.toddler-mode .game-container{border-color:#ff9800;box-shadow:0 0 60px #ff980080,0 0 120px #ff98004d,0 12px 48px #0006,inset 0 2px 4px #ffffff4d}.game-container:-webkit-full-screen{width:100vw;height:100vh;max-width:none;border-radius:0;border:none;padding:0;background:#000;display:flex;justify-content:center;align-items:center}.game-container:-webkit-full-screen #game{border-radius:0;width:min(100vw,280vh);height:min(100vh,calc(100vw * 5 / 14))}.game-container:-moz-full-screen{width:100vw;height:100vh;max-width:none;border-radius:0;border:none;padding:0;background:#000;display:flex;justify-content:center;align-items:center}.game-container:-moz-full-screen #game{border-radius:0;width:min(100vw,280vh);height:min(100vh,calc(100vw * 5 / 14))}@media screen and (max-width:932px)and (orientation:portrait)and (pointer:coarse){.game-container{position:fixed;top:calc(var(--page-pad-top) + (var(--usable-height) / 2));left:calc(var(--page-pad-left) + (var(--usable-width) / 2));width:min(1400px,var(--usable-height),calc(var(--usable-width) * var(--game-aspect-width) / var(--game-aspect-height)));transform:translate(-50%,-50%) rotate(90deg);transform-origin:center center}}