.gameplay-body{user-select:none;-webkit-touch-callout:none;touch-action:none;background:#0a1628;width:100%;height:100dvh;margin:0;padding:0;position:fixed;top:0;left:0;overflow:hidden}.rotate-overlay{z-index:9999;text-align:center;box-sizing:border-box;background:#0a1628;flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:none;position:fixed;inset:0}.rotate-overlay--visible{display:flex}.rotate-overlay__icon{color:gold;margin-bottom:1rem;font-size:64px;animation:2s ease-in-out infinite rotate-hint}@keyframes rotate-hint{0%,to{transform:rotate(0)}50%{transform:rotate(90deg)}}.rotate-overlay__title{color:gold;margin:0 0 .5rem;font-family:monospace;font-size:20px}.rotate-overlay__text{color:#888;max-width:300px;margin:0 0 1.5rem;font-family:monospace;font-size:13px}.rotate-overlay__back{color:#666;border:1px solid #444;border-radius:4px;padding:.5rem 1rem;font-family:monospace;font-size:12px;text-decoration:none}.rotate-overlay__back:hover{color:gold;border-color:gold}.game-shell{background:#0a1628;width:100%;height:100dvh;position:relative;overflow:hidden}.game-container{width:100%;height:100%;position:absolute;inset:0}.game-container canvas{display:block}.game-loading{z-index:100;background:#0a1628;flex-direction:column;justify-content:center;align-items:center;gap:1rem;transition:opacity .5s;display:flex;position:absolute;inset:0}.game-loading.hidden{opacity:0;pointer-events:none}.loader-spinner{border:3px solid #333;border-top-color:gold;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loader-text{color:gold;font-family:monospace;font-size:14px}.loader-detail{color:#888;font-family:monospace;font-size:11px}.hud-overlay{padding:.5rem .75rem;padding-top:max(.5rem, env(safe-area-inset-top));pointer-events:none;z-index:50;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:0;left:0;right:0}.hud-overlay>*{pointer-events:auto}.hud-back{color:#888;background:#0009;border:1px solid #444;border-radius:4px;padding:.3rem .6rem;font-family:monospace;font-size:11px;text-decoration:none}.hud-back:hover{color:gold;border-color:gold}.hud-help{color:gold;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#00000080;border:1px solid #ffd70066;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-family:monospace;font-size:14px;transition:background .15s,border-color .15s;display:flex}.hud-help:hover{background:#ffd70026;border-color:gold}@media (hover:hover) and (pointer:fine){.hud-help{display:none}}@media (pointer:fine){.hud-help{display:none}}.pa-touch-capable .hud-help,.pa-force-touch-controls .hud-help{display:flex}.hud-infobox{color:#888;text-align:right;background:#0009;border:1px solid #333;border-radius:4px;padding:.4rem .7rem;font-family:monospace;font-size:10px}.hud-title{color:gold;margin-bottom:.25rem;font-size:11px}.hud-controls{flex-direction:column;gap:.1rem;display:flex}.hud-controls[data-hud-target=desktop],.hud-controls[data-hud-target=touch]{display:flex}.pa-screenshot-mode .hud-controls[data-hud-target=desktop]{display:flex!important}.pa-screenshot-mode .hud-controls[data-hud-target=touch],[hidden]{display:none!important}@media (height<=430px){.pa-touch-capable .hud-infobox,.pa-force-touch-controls .hud-infobox{max-width:210px;padding:.35rem .5rem;font-size:9px}.pa-touch-capable .hud-title,.pa-force-touch-controls .hud-title{display:none}.pa-touch-capable .hud-overlay,.pa-force-touch-controls .hud-overlay{gap:.35rem}.hud-infobox[data-hud-mode=touch] .hud-controls[data-hud-target=touch],.hud-infobox[data-hud-mode=touch] .hud-controls[data-hud-target=touch] span{gap:.05rem;font-size:9px}}.touch-controls{padding:.5rem .75rem;padding-bottom:max(.5rem, env(safe-area-inset-bottom,.5rem));z-index:60;pointer-events:none;justify-content:space-between;align-items:flex-end;gap:.5rem;display:flex;position:absolute;bottom:0;left:0;right:0}.touch-controls>*{pointer-events:auto}.touch-group{align-items:flex-end;gap:.5rem;display:flex}.touch-btn{-webkit-backdrop-filter:blur(4px);color:#ddd;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:none;user-select:none;background:#00000080;border:2px solid #ffffff40;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.1rem;min-width:60px;min-height:52px;padding:0;font-family:monospace;font-size:10px;transition:background 80ms,border-color 80ms,transform 80ms;display:flex}.touch-btn--left,.touch-btn--right{border-color:#4488ff80;width:68px;height:56px}.touch-btn--left .touch-btn__arrow,.touch-btn--right .touch-btn__arrow{font-size:22px;line-height:1}.touch-btn--left .touch-btn__label,.touch-btn--right .touch-btn__label{text-transform:uppercase;letter-spacing:.08em;opacity:.7;font-size:8px}.touch-btn--boost{border-color:#ff880080;width:80px;height:56px}.touch-btn--boost .touch-btn__icon{font-size:20px;line-height:1}.touch-btn--boost .touch-btn__label{text-transform:uppercase;letter-spacing:.08em;opacity:.7;font-size:8px}.touch-btn--pause{-webkit-backdrop-filter:blur(4px);background:#0006;border-color:#fff3;width:52px;height:52px}.touch-btn--pause .touch-btn__icon{font-size:18px;line-height:1}.touch-btn--pause .touch-btn__label{text-transform:uppercase;letter-spacing:.08em;opacity:.6;margin-top:1px;font-size:7px}.touch-btn--restart{-webkit-backdrop-filter:blur(4px);z-index:70;background:#000000a6;border-color:#4f89;width:100px;height:52px;position:absolute;bottom:50%;left:50%;transform:translate(-50%,50%)}.touch-btn--restart .touch-btn__icon{font-size:18px;line-height:1}.touch-btn--restart .touch-btn__label{text-transform:uppercase;letter-spacing:.08em;font-size:9px}.touch-btn--active.touch-btn--left,.touch-btn--active.touch-btn--right{color:#8bf;background:#4488ff4d;border-color:#48f}.touch-btn--active.touch-btn--boost{color:#fb4;background:#ff880059;border-color:#f80}.touch-btn--active.touch-btn--pause{color:gold;background:#ffd70033;border-color:gold}.touch-btn--active.touch-btn--restart{color:#8fb;background:#44ff884d;border-color:#4f8}.touch-mini-hint{color:#ccc;-webkit-backdrop-filter:blur(4px);text-align:center;white-space:normal;pointer-events:none;z-index:55;background:#000000b3;border:1px solid #ffd7004d;border-radius:6px;max-width:min(92vw,520px);padding:.25rem .75rem;font-family:monospace;font-size:9px;line-height:1.3;position:absolute;bottom:calc(100% + .5rem);left:50%;transform:translate(-50%)}@media (height<=420px){.touch-mini-hint{padding:.2rem .5rem;font-size:8px;bottom:calc(100% + .35rem)}}@media (hover:hover) and (pointer:fine){.touch-controls{display:none}}@media (pointer:fine){.touch-controls{display:none}}.pa-touch-capable .touch-controls{display:flex}.pa-force-touch-controls .touch-controls{display:flex!important}.touch-hint{z-index:80;-webkit-backdrop-filter:blur(6px);background:#0000008c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.touch-hint__content{text-align:center;background:#0a1628eb;border:1px solid #ffd7004d;border-radius:16px;max-width:280px;padding:1.5rem 2rem;font-family:monospace}.touch-hint__title{color:gold;letter-spacing:.05em;margin-bottom:1rem;font-size:16px}.touch-hint__row{color:#ccc;justify-content:center;align-items:center;gap:.75rem;padding:.3rem 0;font-size:12px;display:flex}.touch-hint__key{color:gold;text-align:right;min-width:70px;font-size:13px;font-weight:700}.touch-hint__desc{text-align:left;min-width:120px}.touch-hint__dismiss{color:gold;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;background:#ffd7001a;border:1px solid gold;border-radius:8px;margin-top:1rem;padding:.5rem 2rem;font-family:monospace;font-size:13px;transition:background .15s}.touch-hint__dismiss:hover{background:#ffd70033}