:root{--fg:#e6e8ea;--accent:#aab0b6;--panel:#121315a8;--border:#b0b6bc3d}*{box-sizing:border-box}html,body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent;height:100%;color:var(--fg);background:#101113;margin:0;font-family:ui-monospace,Cascadia Code,Consolas,monospace;overflow:hidden}#app{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#hud{z-index:10;letter-spacing:.03em;color:var(--accent);text-shadow:0 0 8px #c8cdd24d;pointer-events:none;user-select:none;font-size:12px;position:fixed;top:12px;left:14px}#loader{z-index:10;background:var(--panel);border:1px solid var(--border);backdrop-filter:blur(6px);border-radius:10px;align-items:center;gap:10px;max-width:96vw;padding:8px 12px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}#loader-hint{opacity:.7;font-size:11px}.btn{font:inherit;color:var(--fg);border:1px solid var(--border);cursor:pointer;background:#30323680;border-radius:8px;padding:8px 12px;font-size:12px;transition:background .15s,box-shadow .15s}.btn:hover:not(:disabled){background:#46494eb3;box-shadow:0 0 14px #c8cdd238}.btn:disabled{opacity:.6;cursor:default}#drop-overlay{z-index:80;backdrop-filter:blur(4px);background:#101113c7;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#drop-overlay.show{display:flex}#drop-overlay .drop-inner{border:2px dashed var(--accent);color:var(--accent);letter-spacing:.12em;text-transform:uppercase;text-shadow:0 0 12px #c8cdd252;border-radius:16px;padding:28px 40px;font-size:16px}#intro{z-index:90;opacity:1;pointer-events:none;user-select:none;background:#101113;flex-direction:column;justify-content:center;align-items:center;gap:16px;transition:opacity 1s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;inset:0}#intro.hide{opacity:0}#intro .pulse{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite intropulse;box-shadow:0 0 16px 2px #c8cdd273}#intro .label{letter-spacing:.42em;text-indent:.42em;text-transform:uppercase;color:#bec2c6b3;font-size:11px}@keyframes intropulse{0%,to{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}@media (prefers-reduced-motion:reduce){#intro .pulse{animation:none}#intro{transition-duration:.4s}}#fatal{z-index:100;backdrop-filter:blur(6px);background:#0d0e10eb;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}#fatal .fatal-box{text-align:center;max-width:32em;color:var(--fg);letter-spacing:.02em;flex-direction:column;align-items:center;gap:18px;font-size:15px;line-height:1.6;display:flex}@media (width<=700px),(pointer:coarse){#hud{top:calc(6px + env(safe-area-inset-top));left:calc(8px + env(safe-area-inset-left));font-size:11px}#loader{bottom:calc(10px + env(safe-area-inset-bottom))}#loader-hint{display:none}.btn{min-height:42px}}