:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-0:#060c13;--bg-1:#0d1622;--bg-2:#0b1320d6;--panel-border:#8fffe42e;--text-0:#f3fcff;--text-1:#cce3ec;--accent-cyan:#62ffe1;--accent-gold:#ffd86a;--accent-red:#ff7c72;--shadow-soft:0 18px 48px #00000057;font-family:Avenir Next,Trebuchet MS,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{background:radial-gradient(circle at top, #2860874d, transparent 34%), linear-gradient(180deg, var(--bg-1) 0%, var(--bg-0) 100%);color:var(--text-0);overflow:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell,.title-screen{width:100%;height:100%;position:relative}.app-canvas{touch-action:none;width:100%;height:100%}.title-screen{place-items:center;padding:2rem;display:grid}.title-screen__panel{border:1px solid var(--panel-border);max-width:34rem;box-shadow:var(--shadow-soft);background:#070e18d6;border-radius:1.5rem;padding:2rem}.title-screen__panel h1{margin:.2rem 0 .6rem;font-size:clamp(2.4rem,6vw,4rem)}.eyebrow{color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.16em;margin:0;font-size:.72rem}.hud-button{color:var(--text-0);background:linear-gradient(#142537eb,#09111deb);border:1px solid #8fffe442;border-radius:999px;padding:.8rem 1rem;transition:transform .14s,border-color .14s,background .14s;box-shadow:0 10px 24px #00000042}.hud-button:hover,.hud-button:focus-visible{border-color:#8fffe480;transform:translateY(-1px)}.hud-button--secondary{background:#09111de6;border-color:#ffffff24}.hud-button:disabled{opacity:.45;cursor:not-allowed}.sunglasses-button{right:max(1rem, env(safe-area-inset-right));bottom:max(1rem, env(safe-area-inset-bottom));z-index:50;width:4.2rem;height:4.2rem;color:var(--text-0);background:radial-gradient(circle at top,#78ffe87a,#121f30f0 62%),#080f1af0;border:1px solid #8fffe447;border-radius:50%;font-size:1.1rem;position:absolute;box-shadow:0 18px 46px #0000005c}.main-menu{z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#04080e85;place-items:center;padding:1.2rem;display:grid;position:absolute;inset:0}.main-menu__panel,.launcher-panel,.dev-overlay,.app-frame-overlay__bar,.enter-prompt,.transition-overlay__content{border:1px solid var(--panel-border);box-shadow:var(--shadow-soft);background:#080f1ae0}.main-menu__panel{border-radius:1.4rem;width:min(28rem,100%);padding:1.4rem}.main-menu__panel h2,.launcher-panel h2{margin:.3rem 0 .5rem}.main-menu__actions{gap:.75rem;margin-top:1rem;display:grid}.enter-prompt{left:50%;bottom:max(1rem, env(safe-area-inset-bottom));z-index:35;border-radius:999px;align-items:center;gap:.8rem;padding:.7rem .8rem .7rem 1rem;display:flex;position:absolute;transform:translate(-50%)}.transition-overlay{z-index:60;pointer-events:none;opacity:0;background:#03050a00;place-items:center;transition:opacity .24s;display:grid;position:absolute;inset:0}.transition-overlay--fading-out,.transition-overlay--loading,.transition-overlay--fading-in{opacity:1}.transition-overlay--fading-out,.transition-overlay--loading{background:#03050ac2}.transition-overlay--fading-in{background:#03050a8a}.transition-overlay__content{text-align:center;border-radius:1.2rem;min-width:min(25rem,100% - 2rem);padding:1.1rem 1.2rem}.transition-overlay__content strong{margin-top:.25rem;font-size:clamp(1.1rem,3vw,1.8rem);display:block}.launcher-panel{top:max(1rem, env(safe-area-inset-top));left:max(1rem, env(safe-area-inset-left));z-index:28;border-radius:1.2rem;width:min(28rem,100% - 2rem);padding:1rem;position:absolute}.launcher-panel--embedded{width:100%;box-shadow:none;background:0 0;border:0;padding:0;position:static}.launcher-panel__header p:last-child{color:var(--text-1);margin:0}.launcher-grid{gap:.75rem;margin-top:1rem;display:grid}.launcher-card{color:var(--text-0);text-align:left;background:linear-gradient(#111f2feb,#09101beb);border:1px solid #8fffe42e;border-radius:1rem;gap:.35rem;padding:.95rem 1rem;display:grid}.launcher-card__type{color:var(--accent-gold);text-transform:uppercase;letter-spacing:.12em;font-size:.68rem}.launcher-card span:last-child{color:var(--text-1);font-size:.92rem}.level-portal-panel{top:max(1rem, env(safe-area-inset-top));z-index:28;border:1px solid var(--panel-border);width:min(40rem,100% - 2rem);box-shadow:var(--shadow-soft);background:#080f1ae6;border-radius:1.2rem;padding:1rem;position:absolute;left:50%;transform:translate(-50%)}.level-portal-panel__header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.level-portal-panel__header h2{margin:.3rem 0 .4rem}.level-portal-panel__header p:last-child{color:var(--text-1);margin:0}.level-portal-panel__body{margin-top:1rem}.mock-card{background:linear-gradient(#111f2feb,#09101beb);border:1px solid #8fffe42e;border-radius:1rem;gap:.45rem;padding:.95rem 1rem;display:grid}.mock-card span{color:var(--text-1)}.app-frame-overlay{z-index:22;background:#04070cf0;grid-template-rows:auto 1fr;display:grid;position:absolute;inset:0}.app-frame-overlay--hud{padding-top:max(1rem, env(safe-area-inset-top));padding-right:max(1rem, env(safe-area-inset-right));padding-bottom:5.9rem;padding-left:max(1rem, env(safe-area-inset-left))}.app-frame-overlay__bar{z-index:1;border-radius:1rem;justify-content:space-between;align-items:center;gap:1rem;margin:1rem;padding:.85rem 1rem;display:flex}.app-frame-overlay__frame{background:#000;border:0;border-radius:1rem;width:calc(100% - 2rem);height:calc(100% - 1rem);margin:0 1rem 1rem}.dev-overlay{top:max(1rem, env(safe-area-inset-top));right:max(1rem, env(safe-area-inset-right));z-index:45;border-radius:1.1rem;width:min(20rem,100% - 2rem);padding:.95rem;position:absolute}.dev-overlay dl{gap:.42rem;margin:.8rem 0 1rem;display:grid}.dev-overlay dl div{color:var(--text-1);justify-content:space-between;gap:1rem;display:flex}.dev-overlay dt,.dev-overlay dd{margin:0}.dev-overlay__buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}@media (width<=720px){.launcher-panel,.dev-overlay,.level-portal-panel{width:calc(100% - 2rem)}.level-portal-panel__header{flex-direction:column}.app-frame-overlay__bar{flex-direction:column;align-items:flex-start}.app-frame-overlay__frame{border-radius:0;width:100%;margin:0}.app-frame-overlay--hud{padding:0 0 5.9rem}}