:root{color-scheme:dark;font-family:Manrope,Segoe UI,sans-serif;background:#07101c;color:#e7eef8}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;overflow:hidden}button,a{font:inherit}.boot,.app{min-height:100%;background:radial-gradient(1200px 500px at 50% 120%,rgba(216,176,106,.14),transparent 55%),#07101c}.app{height:100%;display:flex;flex-direction:column}.boot{display:grid;place-items:center;align-content:center;gap:8px;text-align:center}.viewport{position:relative;flex:1;min-height:0}.stage{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none}.stage canvas{display:block;width:100%;height:100%}.topbar,.bottombar{position:relative;z-index:2;display:flex;justify-content:space-between;gap:16px;padding:calc(14px + env(safe-area-inset-top)) 20px 10px;pointer-events:none}.bottombar{padding:10px 20px calc(14px + env(safe-area-inset-bottom));justify-content:center;pointer-events:auto}.brand{margin:0;font-family:Unbounded,Manrope,sans-serif;font-size:22px;letter-spacing:.08em;text-transform:uppercase}.summary,.hint,.muted{margin:4px 0 0;color:#b7c3d4}.hint{align-self:end}.cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;padding:14px 18px;text-decoration:none;cursor:pointer;color:#1a1408;background:#e7c98a}.icon{width:18px;height:18px;flex:none}.cta-ghost{color:#f3efe4;background:#0c121eb8;border:1px solid rgba(231,201,138,.45)}.cta-gold{font-weight:700}.bottombar .cta{min-width:min(240px,46vw)}.modal,.sheet{position:fixed;z-index:3;margin:0;border:1px solid rgba(231,201,138,.28);background:#0a101cf0;color:inherit;box-shadow:0 24px 80px #00000059;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.modal{width:min(520px,calc(100% - 32px));left:50%;top:50%;transform:translate(-50%,-50%);padding:28px 24px 24px;border-radius:24px}.modal h2,.sheet h2{font-family:Unbounded,Manrope,sans-serif;font-weight:500}.modal p{line-height:1.5}.modal .cta{display:inline-flex;margin-top:8px}.sheet{position:absolute;left:50%;bottom:12px;transform:translate(-50%);width:min(440px,calc(100% - 24px));padding:22px 20px 18px;border-radius:28px}.eyebrow{margin:0;color:#e7c98a;letter-spacing:.12em;text-transform:uppercase;font-size:12px}.room{position:relative;height:180px;margin:8px 0 12px;overflow:hidden;border-radius:18px;background:linear-gradient(#24344d,#101826 70%)}.room-window{position:absolute;left:18%;top:16%;width:64%;height:48%;border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.35),transparent 40%),linear-gradient(#d7ecff,#8fb4d8);box-shadow:inset 0 0 0 8px #1b2636}.room-floor{position:absolute;left:0;right:0;bottom:0;height:28%;background:repeating-linear-gradient(90deg,#3a2a1c 0,#3a2a1c 18px,#2c2116 18px,#2c2116 20px)}.close{position:absolute;top:10px;right:12px;width:36px;height:36px;border:0;border-radius:50%;color:#f3efe4;background:transparent;cursor:pointer;font-size:28px;line-height:1}@media(max-width:720px){.topbar{flex-direction:column;gap:4px}.hint{display:none}.bottombar{flex-direction:column;align-items:stretch}.bottombar .cta{min-width:0}}