:root{color-scheme:dark;--bg-0: #07060a;--bg-1: #0d0b13;--bg-2: #14111c;--ink-0: #f4ead9;--ink-1: #d9c9a3;--ink-2: #8a7d65;--ink-3: #4a4236;--ember: #ff7a2c;--ember-hot: #ffb265;--ember-deep: #b8450f;--line: rgba(255, 186, 120, .14);--line-strong: rgba(255, 186, 120, .28);font-family:Cormorant Garamond,Times New Roman,serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;height:100%;width:100%}body{background:var(--bg-0);color:var(--ink-0);overflow:hidden;overscroll-behavior:none;touch-action:manipulation}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(184,69,15,.25),transparent 60%),radial-gradient(ellipse 60% 40% at 20% 100%,rgba(100,30,120,.16),transparent 60%),radial-gradient(ellipse 50% 50% at 85% 80%,rgba(255,122,44,.1),transparent 60%);pointer-events:none;z-index:0}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1px 1px at 20% 30%,rgba(255,255,255,.08),transparent),radial-gradient(1px 1px at 70% 60%,rgba(255,255,255,.06),transparent),radial-gradient(1px 1px at 40% 80%,rgba(255,255,255,.05),transparent),radial-gradient(ellipse 120% 90% at 50% 50%,transparent 55%,rgba(0,0,0,.6) 100%);pointer-events:none;z-index:0;mix-blend-mode:screen}.stage-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;overflow:hidden}.brandbar{position:absolute;top:calc(10px + env(safe-area-inset-top));left:18px;display:flex;flex-direction:column;z-index:3;pointer-events:none}.home-btn{position:absolute;top:calc(12px + env(safe-area-inset-top));left:16px;z-index:3;width:72px;height:51px;display:flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid var(--line);background:#0d0b138c;color:var(--ink-0);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.install-btn{position:absolute;top:calc(10px + env(safe-area-inset-top));right:60px;z-index:4;display:flex;align-items:center;gap:7px;padding:9px 14px;border-radius:10px;border:1px solid var(--line-strong);background:#14111c99;color:var(--ink-0);font-family:JetBrains Mono,monospace;font-size:12px;letter-spacing:.5px;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand-name{font-size:22px;font-weight:700;letter-spacing:.5px;color:var(--ink-0);text-shadow:0 0 18px rgba(255,122,44,.35)}.brand-sub{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--ink-2);font-family:JetBrains Mono,monospace}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none;z-index:2}.bottom-sheet{pointer-events:all;position:absolute;bottom:0;left:0;right:0;padding:20px 18px calc(20px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#0d0b1300,#07060aeb 38%);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.play-wide{flex:1;display:flex;align-items:center;justify-content:center;gap:16px;min-height:0;pointer-events:none;padding:0 16px}.play-wide .options-col{pointer-events:all;display:flex;flex-direction:column;justify-content:center;gap:14px;width:min(40vw,380px)}.ember-btn{min-height:56px;min-width:200px;padding:12px 22px;border-radius:12px;border:1px solid var(--line-strong);background:linear-gradient(180deg,var(--ember) 0%,var(--ember-deep) 100%);color:#fff;font-family:Cormorant Garamond,serif;font-size:19px;font-weight:700;letter-spacing:.4px;cursor:pointer;box-shadow:0 8px 22px #b8450f66}.ghost-btn{min-height:46px;padding:10px 18px;border-radius:10px;border:1px solid var(--line);background:transparent;color:var(--ink-2);font-family:Cormorant Garamond,serif;font-size:15px;cursor:pointer}.fab{position:fixed;right:calc(18px + env(safe-area-inset-right));z-index:6;display:flex;align-items:center;padding:0;border-radius:999px;border:1px solid var(--line-strong);color:#fff;cursor:pointer;overflow:hidden;transition:width .28s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease,transform .18s ease}.fab .fab-plus{display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:300;line-height:1}.fab .fab-label{white-space:nowrap;max-width:0;opacity:0;overflow:hidden;font-family:Cormorant Garamond,serif;font-weight:700;letter-spacing:.3px;transition:max-width .28s cubic-bezier(.2,.8,.2,1),opacity .2s ease .05s,padding .28s ease}.fab:hover .fab-label,.fab:focus-visible .fab-label,.fab.is-open .fab-label{opacity:1;padding-right:22px}.create-fab{height:58px;width:58px;bottom:calc(20px + env(safe-area-inset-bottom));background:linear-gradient(180deg,var(--ember) 0%,var(--ember-deep) 100%);box-shadow:0 8px 22px #b8450f73}.create-fab .fab-plus{flex:0 0 58px}.create-fab .fab-label{font-size:18px}.create-fab:hover,.create-fab:focus-visible,.create-fab.is-open{width:196px;box-shadow:0 12px 34px #ff7a2c99;transform:translateY(-2px) scale(1.02)}.create-fab:hover .fab-label,.create-fab:focus-visible .fab-label,.create-fab.is-open .fab-label{max-width:150px}.advance-fab{height:58px;width:58px;bottom:calc(90px + env(safe-area-inset-bottom));background:linear-gradient(180deg,var(--ember) 0%,var(--ember-deep) 100%);box-shadow:0 8px 22px #b8450f73}.advance-fab .fab-plus{flex:0 0 58px}.advance-fab .fab-label{font-size:17px}.advance-fab:hover,.advance-fab:focus-visible,.advance-fab.is-open{width:210px;box-shadow:0 12px 34px #ff7a2c99;transform:translateY(-2px) scale(1.02)}.advance-fab:hover .fab-label,.advance-fab:focus-visible .fab-label,.advance-fab.is-open .fab-label{max-width:165px}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:22px;height:22px;border-radius:50%;border:2px solid rgba(255,186,120,.18);border-top-color:var(--ember);animation:spin .9s linear infinite}.play-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);display:flex;color:var(--ink-2);transition:color .2s ease}.play-icon svg{width:22px;height:22px}.play-hint{color:var(--ember);animation:playPulse 1.2s ease-in-out infinite}@keyframes playPulse{0%,to{opacity:.55;filter:drop-shadow(0 0 0 rgba(255,122,44,0));transform:translateY(-50%) scale(1)}50%{opacity:1;filter:drop-shadow(0 0 6px rgba(255,122,44,.7));transform:translateY(-50%) scale(1.18)}}@keyframes idleHint{0%,to{border-color:var(--ember);box-shadow:inset 0 0 #ff8a3c00}50%{border-color:var(--ember-hot);box-shadow:inset 0 0 14px 2px #ff8a3c61}}.idle-hint{animation:idleHint 1.25s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.idle-hint{animation:none;border-color:var(--ember-hot)!important;box-shadow:inset 0 0 12px 2px #ff8a3c4d}}