@font-face{font-family:Fredoka;src:url('../assets/Fredoka.ttf') format('truetype');font-style:normal;font-weight:300 700;font-display:swap}
*{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%;background:#102d2e;color:#f0f7ed;font-family:Fredoka,'Trebuchet MS',sans-serif}body{min-height:100dvh;display:flex;flex-direction:column}header{width:100%;height:64px;max-width:1440px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}header a{color:inherit;font-size:20px;font-weight:600;text-decoration:none}header a:hover{text-decoration:underline;text-underline-offset:5px}button{background:#a9d775;color:#173d35;border:0;border-radius:10px;padding:9px 18px;font:600 16px Fredoka,sans-serif;cursor:pointer}button:hover{background:#c7e79d}:focus-visible{outline:3px solid #f4a340;outline-offset:4px}main{flex:1;display:grid;place-items:center;padding:12px 24px 32px}#game-frame{width:min(100%,1280px);aspect-ratio:16/9;max-height:calc(100dvh - 108px);position:relative;background:#152d32;border-radius:14px;overflow:hidden;box-shadow:0 20px 50px #061c1f}#game{display:block;width:100%;height:100%;outline:none}#loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:24px;background:linear-gradient(180deg,#1c606f,#102d2e)}#loading strong{font-size:clamp(26px,4vw,42px);line-height:1.1}#loading p{margin:0;color:#d3e9e0;max-width:34ch}progress{width:min(300px,80%);height:12px;accent-color:#a9d775}#loading.error{background:#203d39}#loading.error progress{display:none}@media(max-width:700px){header{height:55px;padding:0 15px}header a{font-size:17px}button{font-size:14px;padding:7px 12px}main{padding:0}#game-frame{width:100vw;height:calc(100dvh - 55px);max-height:none;aspect-ratio:auto;border-radius:0;box-shadow:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}