:root{font-family:system-ui,'Malgun Gothic',sans-serif;color:#183443;background:#b7e5ed}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer;border:0;border-radius:12px;padding:12px 18px;background:#e4f1f3;color:#183443;font-weight:800;min-height:46px}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #ed7747;outline-offset:3px}[hidden]{display:none!important}#game{position:fixed;inset:0;width:100%;height:100%;touch-action:none}header{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;gap:14px;padding:14px 22px;z-index:3}header a{color:#183443;text-decoration:none;font-weight:900;letter-spacing:.08em}header span{margin-left:auto;font-size:13px}header button{padding:6px 12px;min-height:38px}#panel{position:absolute;top:50%;left:7%;transform:translateY(-47%);width:340px;max-height:82dvh;overflow:auto;background:#fffdf4;padding:28px;border-radius:24px;box-shadow:0 12px 0 #23485420}.eyebrow{font-size:12px;font-weight:800;color:#4d797e}h1{font-size:48px;line-height:1.1;letter-spacing:-3px;margin:18px 0 26px}h2{letter-spacing:5px}label{display:grid;gap:8px;font-size:13px;font-weight:700}input{min-width:0;width:100%;padding:13px;border:2px solid #dce7df;border-radius:12px;background:white;color:#183443}.primary{background:#f5c649;width:100%;margin:12px 0}.join{display:flex;gap:8px}#error{color:#ac392d;font-size:14px;margin-bottom:0}#members{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:6px;max-height:140px;overflow:auto}#members li{background:#eaf1e7;border-radius:8px;padding:6px 8px;font-size:13px}#hud{position:fixed;top:72px;left:20px;right:20px;display:flex;align-items:center;gap:20px;background:#fffdf4ed;padding:12px 18px;border-radius:14px}#hud div{display:grid;gap:3px}#round{font-size:12px}#timer{font-size:28px;margin-left:auto}#status{font-weight:800}#banner{position:fixed;top:35%;left:0;right:0;text-align:center;font-size:clamp(28px,5vw,64px);font-weight:1000;color:#fff;text-shadow:0 3px 0 #234854,0 0 15px #234854;pointer-events:none}#controls{position:fixed;bottom:max(25px,env(safe-area-inset-bottom));left:28px;right:28px;display:flex;justify-content:space-between;align-items:end;pointer-events:none}#stick{width:140px;height:140px;border-radius:50%;background:#fff8;border:3px solid #fff;position:relative;pointer-events:auto;touch-action:none}#knob{position:absolute;left:43px;top:43px;width:48px;height:48px;border-radius:50%;background:#214b60aa}#jump{border-radius:50%;width:96px;height:96px;background:#f6c94a;box-shadow:0 6px 0 #a78633;pointer-events:auto;touch-action:none;font-size:20px;user-select:none}@media(max-width:600px){header{padding:10px 14px}header a{font-size:12px}#panel{left:50%;transform:translate(-50%,-46%);width:min(340px,90vw);padding:22px}h1{font-size:40px}#hud{top:65px;left:10px;right:10px;gap:10px;padding:10px}#hud b{font-size:14px}#status{font-size:12px}#controls{left:20px;right:20px}#stick{width:120px;height:120px}#knob{left:33px;top:33px}#jump{width:85px;height:85px}}@media(max-height:480px){header{padding:6px 14px}#panel{left:5%;transform:translateY(-43%);width:310px;max-height:78dvh;padding:16px}h1{font-size:28px;margin:10px 0}#hud{top:48px;padding:8px 12px}#controls{bottom:14px}#stick{width:100px;height:100px}#knob{left:23px;top:23px}#jump{width:76px;height:76px}#banner{font-size:32px}}
:root{--hud-paper:#fffdf4ee}#hud{background:transparent;padding:0;align-items:flex-start}#hud>div,#hud>strong,#hud>span{background:var(--hud-paper);border-radius:12px;padding:10px 14px}#hud>span{font-size:14px;align-self:flex-start;margin-top:4px}#hud>strong{font-size:24px;padding:8px 12px}

#customizer{margin:0 0 18px;border:1px solid #dce7df;border-radius:14px;padding:10px}#customizer summary{cursor:pointer;font-weight:800;font-size:14px;min-height:28px;padding:4px 0}#chosen-animal{float:right;color:#477d70}#preview{display:block;width:100%;height:190px;background:radial-gradient(ellipse at center,#fffdf4,#dceee4);border-radius:12px;margin:10px 0;touch-action:pan-y}#appearance-fields{border:0;padding:0;margin:0;min-width:0}.species{display:flex;flex-wrap:wrap;gap:5px}.species button{flex:1;padding:6px 4px;font-size:12px;min-width:44px}.species button[aria-pressed=true]{background:#f5c649;box-shadow:inset 0 0 0 2px #836b2f}.swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.swatches button{background:var(--swatch);padding:0;min-height:36px;border:2px solid #18344320;border-radius:9px}.swatches button[aria-pressed=true]{border:3px solid #183443;box-shadow:inset 0 0 0 2px #fff}.color-label{font-size:12px;font-weight:700;margin:10px 0 6px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}

#action-buttons{display:flex;align-items:end;gap:14px;pointer-events:none}#grab{border-radius:50%;width:80px;height:80px;background:#83c5b5;box-shadow:0 5px 0 #478c7e;pointer-events:auto;touch-action:none;user-select:none;padding:8px;font-size:18px}#grab small{display:block;font-size:10px;margin-top:3px}#grab[aria-pressed=true]{background:#4f9f8b;box-shadow:0 2px 0 #346e60;transform:translateY(3px);color:white}@media(max-width:600px){#action-buttons{gap:10px}#grab{width:64px;height:64px;font-size:16px}}@media(max-height:480px){#grab{width:66px;height:66px}}

.join button{flex-shrink:0;white-space:nowrap}#panel{isolation:isolate}#customizer{overflow:hidden}

#entry-ready{border:0;padding:0;margin:0;min-width:0}
#idle-warning{position:fixed;z-index:10;top:max(135px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:min(360px,calc(100vw - 24px));max-height:calc(100dvh - 160px);overflow:auto;padding:18px;border:2px solid #bc762c;border-radius:16px;background:#fffdf4;box-shadow:0 8px 28px #18344330;text-align:center}#idle-warning p{font-size:14px;line-height:1.5;margin:10px 0}#idle-continue{background:#f5c649;width:100%}@media(max-height:480px){#idle-warning{top:56px;max-height:calc(100dvh - 80px);padding:12px;width:min(330px,calc(100vw - 24px))}}

#course-hint{position:fixed;top:60%;left:50%;transform:translateX(-50%);max-width:88vw;text-align:center;background:#fff9e9eb;border-radius:14px;padding:12px 18px;color:#193b49;font-weight:700;pointer-events:none}#course-hint:empty{display:none}
#spectator{position:fixed;left:50%;bottom:max(22px,env(safe-area-inset-bottom));transform:translateX(-50%);max-width:calc(100vw - 28px);padding:10px 14px;border-radius:16px;background:#fffdf4ed;text-align:center;z-index:4}#spectator>div{display:flex;gap:8px;align-items:center;margin-top:6px}#spectate-player{font:inherit;min-width:120px;max-width:55vw;min-height:44px;background:white;color:#183443;border:1px solid #aecac7;border-radius:8px}#spectator button{padding:4px 16px;font-size:24px}#environment{position:fixed;top:144px;left:50%;transform:translateX(-50%);max-width:85vw;background:#fff2cbed;padding:8px 14px;border-radius:12px;text-align:center;font-size:14px;font-weight:800;pointer-events:none}#environment:empty{display:none}#banner{font-size:clamp(24px,4vw,48px);padding:0 12px}#race-stats-open{position:fixed;bottom:24px;right:24px;background:#fffdf4;z-index:3}#race-stats{width:min(520px,calc(100vw - 28px));max-height:80dvh;overflow:auto;border:0;border-radius:20px;padding:24px;color:#183443}#race-stats::backdrop{background:#18344399}#race-stats h2{letter-spacing:0}#race-stats li{margin-bottom:10px}#race-stats p{font-size:13px;line-height:1.6}#race-stats button{margin:4px}#race-stats ul{padding-left:20px}@media(max-height:480px){#environment{top:105px;padding:5px 12px;font-size:12px}#spectator{bottom:10px;padding:6px 12px}#spectator>div{margin-top:2px}#banner{top:37%;font-size:26px}#course-hint{top:58%;font-size:13px;padding:8px 12px}}@media(max-width:600px){#environment{top:134px;font-size:12px}#race-stats-open{bottom:12px;right:12px}}

#attack{background:linear-gradient(to top,#ad8178 var(--ready,0%),#f1ad67 var(--ready,0%));color:#243d48;min-width:72px;min-height:72px;border-radius:24px;touch-action:none}#attack small{display:block;font-size:11px}#attack:disabled{opacity:.65}#action-buttons{flex-wrap:wrap;max-width:240px}@media(max-width:480px){#action-buttons{max-width:170px;gap:8px}#attack{min-width:66px;min-height:66px}}
#attack{pointer-events:auto;user-select:none}

#action-buttons{max-width:none;flex-wrap:nowrap}@media(max-width:1100px){#action-buttons{gap:8px}#attack{width:72px;min-width:72px;height:72px;padding:5px;font-size:14px}#grab{width:64px;height:64px;font-size:16px}#jump{width:76px;height:76px;font-size:18px}}@media(max-width:480px){#action-buttons{max-width:154px;flex-wrap:wrap;justify-content:end}#attack{width:72px;height:64px;min-height:64px}#controls{left:14px;right:14px}#stick{width:110px;height:110px}#knob{left:28px;top:28px}}