:root{color-scheme:dark;font-family:Avenir Next,Trebuchet MS,Segoe UI,sans-serif;background:radial-gradient(circle at top left,rgba(243,212,107,.28),transparent 25%),radial-gradient(circle at bottom right,rgba(85,210,194,.16),transparent 28%),linear-gradient(135deg,#090a14,#18142b,#241936);color:#f5f0e6}*{box-sizing:border-box}html,body{margin:0;min-height:100%;overflow:hidden}body{background:var(--body-bg, #0f0d1f)}button{font:inherit}#app-shell{position:relative;min-height:100vh;display:grid;place-items:center;overflow:hidden}.backdrop-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(circle at center,black 50%,transparent 100%);opacity:.45}#game-frame{position:relative;width:min(100vw,1600px);height:min(100vh,900px);aspect-ratio:16 / 9;border-radius:28px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent),#0d0a1cb8;border:1px solid rgba(255,255,255,.08);box-shadow:0 25px 80px #00000080,inset 0 1px #ffffff1a}#game-root,#game-root canvas{width:100%;height:100%}#ui-layer{position:absolute;inset:0;pointer-events:none}#top-hud{position:absolute;top:1rem;left:1rem;right:1rem;display:flex;gap:.75rem;justify-content:space-between}.chip{padding:.7rem 1rem;border-radius:999px;background:#11142db8;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 24px #00000040;font-size:.92rem;letter-spacing:.02em}#dialogue-box{position:absolute;left:1.25rem;right:1.25rem;bottom:7rem;padding:1rem 1.1rem;border-radius:18px;background:linear-gradient(135deg,#11142deb,#301839d6);border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 35px #00000059;backdrop-filter:blur(16px);max-width:50rem;animation:dialogue-rise .22s ease-out}.dialogue-speaker{color:#55d2c2;font-size:.82rem;text-transform:uppercase;letter-spacing:.14em;margin-bottom:.4rem}.dialogue-text{font-size:1rem;line-height:1.4}#prompt-box,#toast-box,#install-button,#orientation-note{position:absolute;left:50%;transform:translate(-50%);border-radius:999px}#prompt-box{bottom:5rem;padding:.7rem 1rem;font-size:.9rem;background:#121025d6;border:1px solid rgba(243,212,107,.32)}#toast-box{top:4.8rem;padding:.75rem 1rem;background:#0f122be6;border:1px solid rgba(85,210,194,.3)}#install-button{pointer-events:auto;top:4.8rem;padding:.75rem 1.1rem;color:#120f1e;background:linear-gradient(135deg,#f3d46b,#ff9068);border:0;font-weight:800;box-shadow:0 12px 30px #00000047;cursor:pointer}#touch-controls{pointer-events:auto;position:absolute;left:1rem;right:1rem;bottom:1rem;display:flex;justify-content:space-between;align-items:flex-end}.touch-cluster{display:flex;gap:.7rem}.touch-cluster button{min-width:4.5rem;min-height:4.5rem;border-radius:1.25rem;border:1px solid rgba(255,255,255,.14);background:#121025bd;color:#f4efe5;box-shadow:inset 0 1px #ffffff14;touch-action:none}.touch-cluster--actions button:nth-child(2){background:#d54a4abd}.touch-cluster--actions button:nth-child(3){background:#55d2c2bd}.touch-cluster--actions button:nth-child(4){background:#f3d46bdb;color:#161325}#orientation-note{top:50%;padding:.95rem 1.2rem;background:#0a0b18eb;border:1px solid rgba(255,255,255,.08)}[hidden]{display:none!important}@keyframes dialogue-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){#game-frame{width:100vw;height:100vh;border-radius:0}#top-hud{gap:.45rem;flex-wrap:wrap}.chip{font-size:.8rem;padding:.55rem .8rem}#dialogue-box{bottom:8rem;left:.8rem;right:.8rem}}