:root{color:#f1ddc3;font-synthesis:none;text-rendering:optimizelegibility;background:#03060b;font-family:Georgia,Times New Roman,serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{background:#03060b;min-height:100vh;overflow:hidden}button,input,select,textarea{font:inherit}.campfire-app{isolation:isolate;background:#03060b;width:100vw;min-height:100svh;position:relative;overflow:hidden}.campfire-app:after{z-index:1;pointer-events:none;content:"";background:linear-gradient(#01030829,#0000 35%,#01030842),radial-gradient(circle at 50% 61%,#0000 28%,#0002066b 100%);position:absolute;inset:0}.scene-canvas{z-index:0;place-items:center;display:grid;position:absolute;inset:0}.scene-canvas canvas{width:100%;height:100%;display:block}.scene-message{z-index:2;color:#94836f;letter-spacing:.08em;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;position:absolute}.brand-lockup,.fire-note,.action-bar{z-index:2;position:absolute}.brand-lockup{text-shadow:0 2px 18px #000000d9;align-items:center;gap:12px;display:flex;top:clamp(18px,3vw,36px);left:clamp(18px,3vw,42px)}.brand-ember{background:#ee7e37;border-radius:70% 25% 65% 35%;width:9px;height:18px;transform:rotate(8deg);box-shadow:0 0 15px #c64922}.eyebrow{color:#bda88f;letter-spacing:.16em;text-transform:uppercase;margin:0 0 3px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.62rem}h1{color:#ffe4c2;letter-spacing:-.025em;margin:0;font-size:clamp(1.18rem,2vw,1.55rem);font-weight:500}.fire-note{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#03060bad;border:1px solid #e7bd8e29;border-radius:12px;width:min(290px,100vw - 36px);padding:14px 16px;top:clamp(18px,3vw,36px);right:clamp(18px,3vw,42px);box-shadow:0 16px 42px #00000042}.fire-note p{color:#c0b5a8;margin:0;font-size:.8rem;line-height:1.45}.fire-note strong{color:#e79758;margin-top:3px;font-size:.8rem;font-weight:500;display:block}.fire-note .fire-state{color:#756d65;letter-spacing:.08em;text-transform:uppercase;margin-top:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.61rem}.fire-state span{color:#e2a46f}.service-status{color:#858b91;align-items:center;gap:7px;margin-top:11px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.62rem;display:flex}.status-dot{background:#8b633f;border-radius:50%;width:6px;height:6px}.status-dot--ready{background:#86a46f;box-shadow:0 0 9px #86a46fb3}.action-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#03060bb8;border:1px solid #e7bd8e24;border-radius:13px;gap:3px;max-width:calc(100vw - 28px);padding:5px;display:flex;bottom:clamp(14px,2.5vw,30px);left:50%;transform:translate(-50%);box-shadow:0 16px 38px #00000052}.action-bar button{color:#cdbca7;white-space:nowrap;background:0 0;border:0;border-radius:9px;min-height:38px;padding:0 16px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.66rem}.action-bar button:disabled{cursor:default;opacity:.74}.action-bar button:not(:disabled){color:#ffd6a4;cursor:pointer}.action-bar button:not(:disabled):hover,.action-bar button:not(:disabled):focus-visible{background:#e5783421;outline:1px solid #eba05e47}@media (width<=640px){.brand-lockup{top:16px;left:16px}.brand-ember{width:7px;height:14px}.eyebrow{font-size:.52rem}h1{font-size:1.05rem}.fire-note{text-align:center;width:auto;padding:10px 12px;inset:auto 14px 78px}.fire-note p{font-size:.7rem;display:inline}.fire-note p+p:before{content:" "}.fire-note strong{margin-left:4px;font-size:.7rem;display:inline}.fire-note .fire-state{margin-top:5px;font-size:.55rem;display:block}.service-status{justify-content:center;margin-top:7px}.action-bar{justify-content:stretch;max-width:none;bottom:10px;left:8px;right:8px;transform:none}.action-bar button{white-space:normal;flex:1 1 0;min-width:0;min-height:42px;padding:0 4px;font-size:.62rem}}