:root{color:#14202b;background:#e8efe5;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{background:#e8efe5;min-width:320px;margin:0}#start-screen{background:radial-gradient(circle at 14% 13%,#d2a84b 0 4%,#0000 22%),radial-gradient(circle at 88% 84%,#5aa873 0 5%,#0000 26%),linear-gradient(135deg,#4f8cc9 0 42%,#e8efe5 42% 66%,#a56ac6 66%);place-items:center;min-height:100vh;padding:28px;display:grid;overflow:hidden}.start-card{text-align:center;background:#fffdf7;border:3px solid #ffffffa6;border-radius:28px;width:min(560px,100%);padding:clamp(34px,7vw,65px);box-shadow:0 24px 66px #172d3b66}.start-card h1{color:#21342e;letter-spacing:-.06em;margin:8px 0 16px;font-family:Georgia,serif;font-size:clamp(44px,9vw,74px);line-height:.9}.start-card h1 span{color:#317253}.start-card p{margin:0}.start-card .eyebrow{color:#b16b23;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800}.start-card .intro{color:#52645d;max-width:410px;margin:0 auto;font-size:17px;line-height:1.55}.start-actions{gap:12px;max-width:330px;margin:32px auto 18px;display:grid}button,.secondary-action,#registerLink{font:inherit;border:0;border-radius:11px;transition:transform .18s,box-shadow .18s,filter .18s,background-color .18s;cursor:pointer!important}.primary-action:hover,.secondary-action:hover,.music-action:hover{filter:brightness(1.1);transform:translateY(-3px)scale(1.035);box-shadow:0 0 0 5px #d2a84b55,0 13px 27px #172d3b55}button:focus-visible,.secondary-action:focus-visible{outline-offset:3px;outline:3px solid #d8a63f}.primary-action{color:#fff;background:#4f8cc9;padding:15px 19px;font-size:18px;font-weight:800}.primary-action span{margin-left:10px}.secondary-action{color:#6e3d8d;background:#f7effb;border:2px solid #a56ac6;padding:13px 19px;font-weight:750;text-decoration:none}.music-action{color:#4b6257;background:#e9f2ea;padding:9px 12px;font-size:14px}.register-message{color:#b16b23;min-height:20px;font-size:14px}.start-card small{color:#718078}#game-container{width:min(800px,100vw);margin:0 auto}canvas{display:block;width:100%!important;height:auto!important}