:root{font-family:Arial,Helvetica,sans-serif;color:#17324a;background:#77d5f4;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;min-height:100%;margin:0}body{min-height:100vh}button,input{font:inherit}.welcome-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:#77d5f4}.card{width:min(100%,520px);padding:clamp(28px,7vw,56px);border:3px solid #fff;border-radius:28px;background:#fff3;text-align:center}h1{margin:0 0 34px;font-size:clamp(2rem,8vw,3.25rem);line-height:1.12}.start-form{display:grid;gap:14px;text-align:left}.start-form label{font-size:1rem;font-weight:700}.start-form input{width:100%;min-height:52px;padding:12px 15px;border:2px solid #fff;border-radius:12px;color:#17324a;background:#fff}.start-form input:focus-visible,button:focus-visible{outline:3px solid #17324a;outline-offset:3px}.button{min-height:52px;padding:12px 20px;border:0;border-radius:12px;color:#fff;background:#176b91;font-weight:700;cursor:pointer}.button:hover{background:#105776}.level-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:#fff}.level-actions{display:grid;gap:14px;width:min(100%,260px)}.skip-button{min-height:44px;border:0;color:#53616d;background:transparent;text-decoration:underline;cursor:pointer}.final-card h1{margin:0}@media(max-width:420px){.welcome-page,.level-page{padding:16px}.card{border-radius:22px}}