:root{color-scheme:dark;--cream:#fff0cf;--gold:#e6b66c;--ink:#1d211d;font-family:-apple-system,BlinkMacSystemFont,'Hiragino Kaku Gothic ProN',sans-serif}
html,body{height:100%;height:100dvh;margin:0;overflow:hidden;background:#171d19}
body{display:flex;align-items:flex-start;justify-content:center;padding:0;background:radial-gradient(ellipse at 20% 0%,#69503544,transparent 65%),radial-gradient(ellipse at 90% 90%,#3a67413d,transparent 65%),#171d19}
body:before{content:'';position:fixed;inset:0;background:url('assets/autumn-key-art.png') center/cover;filter:blur(34px);opacity:.12;pointer-events:none}
#c{position:relative;margin-top:64px;border-radius:16px;box-shadow:0 22px 90px #0009,0 0 0 1px #e5bb7533;touch-action:none}
.game-toolbar{position:fixed;z-index:20;top:env(safe-area-inset-top,0px);left:0;right:0;height:54px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;padding:0 22px;gap:10px;background:linear-gradient(#141c1de8,#141c1d9c);border-bottom:1px solid #f3c68022;color:var(--cream)}
.game-brand{font-size:13px;letter-spacing:.08em;font-weight:700;white-space:nowrap}.game-brand small{font-weight:400;color:#a9b8ad;letter-spacing:.12em;margin-left:12px;font-size:10px}
.game-tools{display:flex;gap:6px;align-items:center}.game-tools button,.invite-dialog button{font:inherit;color:var(--cream);background:#ffffff09;border:1px solid #d8c29944;border-radius:24px;padding:9px 13px;min-height:36px;cursor:pointer;font-size:11px;touch-action:manipulation}
.game-tools button:hover,.invite-dialog button:hover{background:#c69b4f30}.game-tools button:focus-visible,.invite-dialog button:focus-visible{outline:2px solid #ffd792;outline-offset:3px}
#version-link{bottom:12px!important;right:16px!important;padding:7px 10px!important;font-size:10px!important;background:#1a221ce8!important;border-color:#d8c29944!important;color:#bdc8bd!important}
#touch-controls{position:fixed;inset:0;pointer-events:none;z-index:15;display:none}#touch-controls.active{display:block}
.touch-pad{position:absolute;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;border-radius:50%;color:var(--cream);font-family:inherit;box-shadow:0 7px 24px #0005;border:1px solid #ead7ad66;background:radial-gradient(circle at 35% 20%,#465c4a,#1c3024 76%)}
#move-pad{left:max(24px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom));width:112px;height:112px;display:grid;place-items:center}
#move-pad:before{content:'';position:absolute;inset:13px;border:1px solid #d8dfc62c;border-radius:50%}
#move-knob{width:48px;height:48px;border-radius:50%;background:linear-gradient(145deg,#d8dfbd,#6b9072);box-shadow:0 4px 9px #0004;pointer-events:none}
#move-pad small{position:absolute;bottom:5px;font-size:9px;color:#c6d0b8;pointer-events:none}
#blow-pad{right:max(24px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));width:96px;height:96px;background:radial-gradient(circle at 35% 18%,#f4c17b,#b56b31 70%,#734825);font-size:18px;font-weight:800;text-shadow:0 2px 3px #0005;border:1px solid #ffe0a9}
#blow-pad small{font-size:8px;display:block;font-weight:400;margin-top:4px}#blow-pad.pressed{box-shadow:0 0 28px #ffb14b77;transform:scale(.97)}
#special-pad,#rocket-pad{width:51px;height:51px;font-size:11px;bottom:82px}#special-pad{right:140px;background:linear-gradient(145deg,#507379,#21353f)}#rocket-pad{right:199px;background:linear-gradient(145deg,#657749,#28391e)}
.touch-pad:disabled{opacity:.38}.touch-tip{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);font-size:9px;color:#bdc6b6;max-width:110px;text-align:center;line-height:1.6}
.invite-dialog{max-width:min(360px,calc(100vw - 48px));border:1px solid #d8c29966;border-radius:20px;background:#202b23;color:var(--cream);padding:25px;box-shadow:0 18px 70px #0008;font-size:14px;line-height:1.7}.invite-dialog::backdrop{background:#08110be0}.invite-dialog h2{font-size:23px;margin:0 0 8px}.invite-dialog input{box-sizing:border-box;width:100%;padding:12px;border-radius:9px;border:1px solid #d8c29944;background:#111e17;color:#fff;user-select:text;font:12px monospace}.invite-dialog p{color:#c9d0bd}.invite-actions{display:flex;gap:8px;margin-top:16px}.invite-status{font-size:12px;min-height:22px}
@media(max-width:560px){.game-toolbar{padding:0 10px}.game-brand{font-size:11px}.game-brand small{display:none}.game-tools{gap:4px}.game-tools button{padding:8px 9px;font-size:10px}#c{border-radius:12px}#version-link{display:none}#special-pad{right:132px}#rocket-pad{right:189px}}
@media(pointer:coarse) and (orientation:landscape){#move-pad{bottom:24px;left:30px}#blow-pad{bottom:24px;right:30px}#special-pad{bottom:140px;right:30px}#rocket-pad{bottom:140px;right:93px}.touch-tip{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
@media(orientation:landscape){.touch-mode #move-pad{bottom:24px;left:30px}.touch-mode #blow-pad{bottom:24px;right:30px}.touch-mode #special-pad{bottom:140px;right:30px}.touch-mode #rocket-pad{bottom:140px;right:93px}.touch-mode .touch-tip{display:none}}
.game-tools button[aria-pressed="true"]{border-color:#e6bc76;color:#ffe2a8}
@media(max-width:430px){.game-brand{max-width:78px;overflow:hidden}.game-tools button{padding:8px 7px;font-size:9px}.game-toolbar{gap:4px}body:has(#invite-button:not([hidden])) .game-brand{display:none}body:has(#invite-button:not([hidden])) .game-tools{width:100%;justify-content:space-between}}
:root{--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}
@media(max-width:360px) and (orientation:portrait){#move-pad{left:16px;width:96px;height:96px}#blow-pad{right:16px;width:84px;height:84px}#special-pad{right:75px;bottom:112px;width:44px;height:44px}#rocket-pad{right:16px;bottom:112px;width:44px;height:44px}.touch-tip{max-width:86px;font-size:8px}}
#c:focus{outline:none}.orientation-hint{display:none;position:fixed;top:80px;left:20px;max-width:180px;color:#d7d6b6;font-size:11px;line-height:1.7;z-index:10}
@media(orientation:landscape) and (max-height:500px){.touch-mode .orientation-hint{display:block}}
.game-tools{flex-shrink:0}.game-tools button{white-space:nowrap;flex-shrink:0}
@media(max-width:850px){.game-brand small{display:none}}