:root{--stick-size:clamp(110px, 30vmin, 150px);--stick-bottom:max(24px, env(safe-area-inset-bottom))}.touch-mode .prompt__text{bottom:calc(var(--stick-bottom) + var(--stick-size) + 20px)}@media (orientation:landscape){.touch-mode .prompt__text{bottom:var(--stick-bottom);left:calc(24px + var(--stick-size) + 16px);width:fit-content;max-width:none;margin-inline:auto;animation-name:prompt-fade;right:16px;transform:none}}@media (orientation:landscape) and (height<=360px){.touch-mode .prompt__text{padding:8px 14px;font-size:14px}.touch-mode .prompt__text--closable{padding-right:40px}}.joystick{bottom:var(--stick-bottom);width:var(--stick-size);height:var(--stick-size);touch-action:none;-webkit-user-select:none;user-select:none;background:#0f121e59;border:2px solid #ffffff59;border-radius:50%;place-items:center;display:grid;position:fixed}.joystick--move{left:24px}.joystick__knob{pointer-events:none;background:#f1f1f1d9;border-radius:50%;width:44%;height:44%;box-shadow:0 2px 8px #0006}.touch-actions{left:50%;bottom:max(32px, env(safe-area-inset-bottom));gap:12px;display:flex;position:fixed;transform:translate(-50%)}.touch-actions__button{color:#f1f1f1;touch-action:manipulation;background:#0f121ed9;border:0;border-bottom:3px solid #ff8228;border-radius:8px;padding:12px 22px;font:600 16px/1 system-ui,sans-serif}.touch-hover{color:#fff1d6;white-space:nowrap;touch-action:manipulation;background:#0f121ed9;border:1px solid #fff1d699;border-radius:8px;padding:8px 14px;font:600 14px/1.2 system-ui,sans-serif;animation:.15s ease-out touch-hover-in;position:fixed;top:calc(50% + 28px);left:50%;transform:translate(-50%)}@keyframes touch-hover-in{0%{opacity:0;transform:translate(-50%,4px)}}.intro{z-index:10;color:#e8ecf4;cursor:pointer;touch-action:pan-y;background:repeating-linear-gradient(0deg,#ffffff08 0 1px,#0000 1px 3px),radial-gradient(#1b2440 0%,#07090f 75%);place-items:center;padding:16px;font:16px/1.6 system-ui,sans-serif;transition:opacity .6s;display:grid;position:fixed;inset:0;overflow-y:auto}.intro--leaving{opacity:0;pointer-events:none}.intro__panel{width:min(640px,100%)}.intro__kicker,.intro__title,.intro__status,.intro__prompt-title,.intro__mode-title,.intro__controls dt{font-family:"Press Start 2P",monospace}.intro__kicker{letter-spacing:.15em;text-transform:uppercase;color:#ffd166;margin:0 0 12px;font-size:11px}.intro__title{text-shadow:4px 4px #e76f51;margin:0 0 24px;font-size:clamp(22px,6vw,40px);line-height:1.3}.intro__panel>p:not([class]){min-height:1.6em;margin:0 0 12px}.intro__controls{color:#b8bcc8;grid-template-columns:max-content 1fr;gap:6px 14px;margin:0;font-size:14px;display:grid}.intro__controls dt{color:#e8ecf4;font-size:10px;line-height:2}.intro__controls dd{margin:0}.intro__bar{border:2px solid #e8ecf4;height:12px;margin-top:28px;padding:2px}.intro__bar-fill{background:#2a9d8f;width:0;height:100%;transition:width .2s linear}.intro__status{color:#b8bcc8;margin:10px 0 0;font-size:10px}.intro__prompt{cursor:default;margin:28px 0 0}.intro__prompt-title{text-align:center;margin:0 0 16px;font-size:12px;animation:1s steps(2,start) infinite intro-blink}.intro__modes{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.intro__mode{color:inherit;font:inherit;text-align:left;cursor:pointer;background:#07090f99;border:2px solid #e8ecf459;flex-direction:column;gap:14px;padding:18px 20px;transition:border-color .15s,background .15s;display:flex}.intro__mode:hover,.intro__mode:focus-visible{background:#1b2440cc;border-color:#e8ecf4;outline:none}.intro__mode-title{font-size:12px;line-height:1.6}@keyframes intro-blink{to{visibility:hidden}}@media (prefers-reduced-motion:reduce){.intro__prompt-title{animation:none}}.rotate-hint{display:none}@media (orientation:portrait){.rotate-hint{z-index:20;color:#e8ecf4;text-align:center;touch-action:none;background:repeating-linear-gradient(0deg,#ffffff08 0 1px,#0000 1px 3px),radial-gradient(#1b2440 0%,#07090f 75%);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;font:16px/1.5 system-ui,sans-serif;display:flex;position:fixed;inset:0}}.rotate-hint__phone{border:3px solid #e8ecf4;border-radius:9px;width:44px;height:76px;margin-bottom:16px;animation:2.4s ease-in-out infinite rotate-hint-turn;box-shadow:inset 0 -8px 0 -5px #e8ecf4}.rotate-hint__title{margin:0;font:14px/1.6 "Press Start 2P",monospace}.rotate-hint__text{color:#b8bcc8;max-width:300px;margin:0}.rotate-hint__dismiss{color:#b8bcc8;touch-action:manipulation;background:0 0;border:1px solid #e8ecf459;border-radius:8px;margin-top:20px;padding:8px 14px;font:14px/1.2 system-ui,sans-serif}@keyframes rotate-hint-turn{0%,20%{transform:rotate(0)}50%,80%{transform:rotate(-90deg)}to{transform:rotate(0)}}@media (prefers-reduced-motion:reduce){.rotate-hint__phone{animation:none;transform:rotate(-90deg)}}