*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:#111;background:#fff;font-family:system-ui,sans-serif}.portrait-screen{flex-direction:column;align-items:stretch;gap:12px;max-width:390px;min-height:100%;margin:0 auto;padding:16px;display:flex;position:relative}.scroll-area{flex:auto;min-height:0;overflow-y:auto}.button-column,form{flex-direction:column;gap:8px;display:flex}.button-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}label{flex-direction:column;gap:4px;display:flex}.consent{flex-direction:row;align-items:flex-start}.asset-button--image{background:0 0;border:0;padding:0}.asset-button--image img,.asset-image{max-width:100%;display:block}.asset-image--placeholder{border:1px dashed #999;justify-content:center;align-items:center;min-height:80px;display:flex}.leaderboard-rows{margin:0;padding:0;list-style:none}.leaderboard-row{text-align:left;grid-template-columns:3em 1fr auto;width:100%;display:grid}.leaderboard-rows [aria-current=true] .leaderboard-row{font-weight:700}.popup-backdrop{background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.popup{background:#fff;width:min(358px,100% - 32px);padding:16px}.rotate-overlay{display:none}@media (orientation:portrait){.rotate-overlay--to-landscape{background:#fff;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}}@media (orientation:landscape) and (height<=500px){.rotate-overlay--to-portrait{background:#fff;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}}.landscape-screen{touch-action:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0;overflow:hidden}.play-scene{position:absolute;inset:0}.play-hud{align-items:center;gap:8px;display:flex;position:absolute;top:8px;left:8px;right:8px}.hud-energy{flex:auto}.play-hint{background:#fff;margin:0;padding:4px 8px;position:absolute;top:56px;left:50%;transform:translate(-50%)}.play-controls{left:8px;right:8px;bottom:max(8px, env(safe-area-inset-bottom));justify-content:space-between;display:flex;position:absolute}.hold-button{touch-action:none;min-width:120px;min-height:72px}.play-overlay{justify-content:center;align-items:center;margin:0;display:flex;position:absolute;inset:0}.play-countdown{font-size:64px}.quiz-answers{border:0;flex-direction:column;gap:4px;padding:0;display:flex}.share-preview{max-width:100%;max-height:40vh;margin:0 auto;display:block}.popup textarea{resize:none;width:100%}