:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Hiragino Sans",sans-serif}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#050511}
body{position:fixed;inset:0;height:100dvh;touch-action:none}
#space{position:fixed;inset:0;width:100%;height:100%;display:block;background:radial-gradient(circle at 50% 45%,#1a1241,#050511 62%)}
#welcome{position:fixed;inset:0;display:flex;flex-direction:column;justify-content:center;padding:max(32px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(32px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));background:linear-gradient(90deg,rgba(4,4,18,.82),rgba(4,4,18,.08));transition:.6s}
#welcome.out{opacity:0;pointer-events:none;transform:scale(1.04)}
.eyebrow{margin:0 0 14px;color:#9ea7ff;font-size:10px;font-weight:800;letter-spacing:.28em}
h1{margin:0;font-size:clamp(46px,15vw,82px);font-weight:200;line-height:.82;letter-spacing:-.06em;text-shadow:0 0 34px rgba(131,103,255,.4)}
h1 i{font-family:"Snell Roundhand","Segoe Script",cursive;font-weight:400;color:#ff8edb;letter-spacing:0}
.lead{margin:22px 0 28px;color:#d9dafa;font-size:13px;letter-spacing:.12em}
.actions{display:flex;flex-wrap:wrap;gap:10px}
button,.file{min-height:46px;border:1px solid rgba(209,213,255,.5);border-radius:23px;padding:0 20px;background:rgba(121,98,220,.16);color:white;font:700 11px/46px inherit;letter-spacing:.12em;backdrop-filter:blur(10px);cursor:pointer}
button:disabled{opacity:.75;cursor:wait}
.file input{display:none}
.hidden{opacity:0;pointer-events:none}
#hud{position:fixed;top:0;left:0;right:0;padding:max(16px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) 0 max(18px,env(safe-area-inset-left));display:flex;justify-content:space-between;font-size:9px;font-weight:800;letter-spacing:.2em;transition:.4s}#hud b{color:#ff8edb}
#controls{position:fixed;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;gap:7px;padding:7px;border:1px solid rgba(255,255,255,.12);border-radius:30px;background:rgba(5,5,20,.35);backdrop-filter:blur(12px);transition:.4s}#controls button{min-height:36px;height:36px;padding:0 13px;border-radius:18px;font-size:9px;line-height:36px}
.sensitivity{display:flex;align-items:center;gap:8px;padding:0 8px;color:#fff;font-size:9px;font-weight:700;letter-spacing:.06em;white-space:nowrap}.sensitivity input{width:clamp(90px,22vw,180px);accent-color:#8ddcff;touch-action:pan-x}
#message{position:fixed;z-index:10;left:20px;right:20px;top:max(18px,env(safe-area-inset-top));padding:11px 14px;border-radius:18px;background:rgba(10,10,30,.72);color:#fff;font-size:12px;text-align:center;opacity:0;transition:.3s;pointer-events:none;backdrop-filter:blur(10px)}#message.show{opacity:1}
@media(orientation:landscape){#welcome{padding-left:max(7vw,env(safe-area-inset-left));justify-content:center}h1{font-size:min(13vh,68px)}.lead{margin:14px 0 18px}.actions{max-width:460px}#controls{left:auto;right:max(12px,env(safe-area-inset-right));transform:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}