@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400;1,600&family=Inter:wght@400;500&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:#0a0a0f;height:100%;font-family:Inter,sans-serif;overflow:hidden}.scene-page{opacity:0;width:100%;height:100vh;transition:opacity .35s;position:relative;overflow:hidden}.scene-page.visible{opacity:1}.gold-line{z-index:100;pointer-events:none;background:linear-gradient(90deg,#0000 0%,#d4a843 20% 80%,#0000 100%);height:2px;position:fixed;top:0;left:0;right:0}.scene-bg{background-color:#0a0a0f;background-position:50%;background-size:cover;position:absolute;inset:0}.scene-bg:after{content:"";background:linear-gradient(#0000 40%,#05040ea6 100%);position:absolute;inset:0}.scene-header{z-index:20;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:absolute;top:0;left:0;right:0}.brand{color:#d4a843;text-shadow:0 1px 12px #000c;font-family:Cormorant Garamond,serif;font-size:1.45rem;font-style:italic;font-weight:400;line-height:1;text-decoration:none}.header-icons{align-items:center;gap:20px;display:flex}.icon-btn{cursor:pointer;color:#d4a843;opacity:.85;filter:drop-shadow(0 1px 4px #000000b3);background:0 0;border:none;justify-content:center;align-items:center;width:20px;height:20px;padding:0;transition:opacity .2s;display:flex}.icon-btn:hover{opacity:1}.icon-btn svg{width:100%;height:100%}.story-container{z-index:15;flex-direction:column;gap:8px;width:min(740px,88vw);display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.dialogue-box{-webkit-backdrop-filter:blur(16px);opacity:0;background:#080716b8;border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;gap:10px;padding:22px 28px;transition:opacity 1.1s;display:flex}.dialogue-box.text-visible{opacity:1}.dialogue-box p{color:#eee4cdf7;font-family:Cormorant Garamond,serif;font-size:clamp(1rem,1.7vw,1.12rem);font-style:italic;font-weight:400;line-height:1.72}.choices{flex-direction:column;gap:8px;display:flex}.choice-btn{text-align:left;color:#e4dac6eb;cursor:pointer;-webkit-backdrop-filter:blur(14px);background:#0807169e;border:1px solid #ffffff1a;border-radius:9999px;width:100%;padding:14px 22px;font-family:Inter,sans-serif;font-size:.88rem;font-weight:400;transition:background .2s,border-color .2s,color .2s}.choice-btn:hover{color:#d4a843;background:#120e2cd1;border-color:#d4a84380}.choice-btn:active{background:#181238e6}.nav-pill{-webkit-backdrop-filter:blur(14px);background:#0807169e;border:1px solid #ffffff1a;border-radius:9999px;align-self:flex-end;align-items:center;display:inline-flex;overflow:hidden}.nav-pill-btn{cursor:pointer;color:#d4a843bf;background:0 0;border:none;justify-content:center;align-items:center;padding:12px 18px;transition:background .2s,color .2s;display:flex}.nav-pill-btn:hover{color:#d4a843;background:#d4a8431a}.nav-pill-divider{background:#ffffff1f;flex-shrink:0;width:1px;height:20px}.choice-btn.next-btn{white-space:nowrap;color:#d4a843cc;letter-spacing:.05em;border-color:#d4a84333;align-self:flex-end;width:auto}.choice-btn.next-btn:hover{color:#d4a843;border-color:#d4a84380}.choice-btn.ending-btn{text-align:center;letter-spacing:.1em;text-transform:uppercase;color:#d4a843bf;border-color:#d4a84340;font-size:.78rem}.choice-btn.ending-btn:hover{color:#d4a843;border-color:#d4a8438c}.location-tag{letter-spacing:.13em;text-transform:uppercase;color:#d4a843;pointer-events:none;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff26;border-radius:9999px;align-items:center;gap:6px;padding:5px 12px;font-family:Inter,sans-serif;font-size:.6rem;font-weight:500;display:inline-flex}@media (width<=480px){.dialogue-box{border-radius:16px;padding:16px 18px}.dialogue-box p{font-size:.98rem}.choice-btn{padding:13px 18px;font-size:.84rem}.nav-tab{padding:4px 16px}}.settings-backdrop{z-index:200;-webkit-backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.settings-panel{-webkit-backdrop-filter:blur(20px);background:#0a081ce0;border:1px solid #ffffff1f;border-radius:20px;width:min(400px,88vw);padding:28px;animation:.22s slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.settings-header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.settings-title{color:#d4a843;letter-spacing:.04em;font-family:Cormorant Garamond,serif;font-size:1.35rem;font-style:italic}.settings-close{cursor:pointer;color:#c8beaa99;background:0 0;border:none;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:color .2s;display:flex}.settings-close:hover{color:#d4a843}.settings-close svg{width:18px;height:18px}.settings-section{margin-bottom:24px}.settings-section:last-child{margin-bottom:0}.settings-section-label{letter-spacing:.14em;text-transform:uppercase;color:#d4a843b3;margin-bottom:12px;font-family:Inter,sans-serif;font-size:.65rem;font-weight:500}.settings-row{align-items:center;gap:12px;display:flex}.settings-icon{color:#c8beaa80;flex-shrink:0;width:18px;height:18px}.settings-value{color:#c8beaa99;text-align:right;min-width:28px;font-family:Inter,sans-serif;font-size:.72rem}.settings-slider{appearance:none;cursor:pointer;background:#ffffff1f;border-radius:9999px;outline:none;flex:1;height:3px}.settings-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#d4a843;border:2px solid #0a081ccc;border-radius:50%;width:16px;height:16px;transition:transform .15s;box-shadow:0 0 6px #d4a84366}.settings-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.settings-slider::-moz-range-thumb{cursor:pointer;background:#d4a843;border:2px solid #0a081ccc;border-radius:50%;width:16px;height:16px}.home-hero{z-index:10;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:0 24px;display:flex;position:absolute;inset:0}.home-title{color:#d4a843;letter-spacing:.02em;text-shadow:0 0 18px #000000f2,0 4px 32px #000000e6,0 8px 64px #000000bf;margin-bottom:18px;font-family:Cormorant Garamond,serif;font-size:clamp(4rem,10vw,7rem);font-style:italic;font-weight:600;line-height:1.05}.home-subtitle{color:#f0e6cdeb;text-shadow:0 1px 8px #000000bf,0 3px 20px #0000008c;max-width:360px;margin-bottom:40px;font-family:Cormorant Garamond,serif;font-size:clamp(1rem,1.8vw,1.15rem);font-style:italic;font-weight:400;line-height:1.7}.home-cta{letter-spacing:.18em;text-transform:uppercase;color:#d4a843;cursor:pointer;-webkit-backdrop-filter:blur(14px);background:#ffffff1a;border:1px solid #ffffff47;border-radius:9999px;align-items:center;gap:10px;padding:15px 36px;font-family:Inter,sans-serif;font-size:.72rem;font-weight:500;transition:background .25s,border-color .25s;display:inline-flex}.home-cta:hover{background:#ffffff2e;border-color:#d4a84380}.oracle-teaser{opacity:0;justify-content:center;align-items:center;width:100%;height:100vh;transition:opacity .6s;display:flex;position:relative;overflow:hidden}.oracle-teaser.visible{opacity:1}.oracle-bg{filter:brightness(.25)saturate(.6);background-image:url(/images/scenes/act-3/act-3-end-scene.png);background-position:50%;background-size:cover;position:absolute;inset:0}.oracle-bg:after{content:"";background:radial-gradient(#0000 20%,#05040ed9 100%);position:absolute;inset:0}.oracle-content{z-index:10;text-align:center;opacity:0;flex-direction:column;align-items:center;gap:20px;transition:opacity 1.4s,transform 1.4s;display:flex;position:relative;transform:translateY(12px)}.oracle-content.text-visible{opacity:1;transform:translateY(0)}.oracle-eyebrow{letter-spacing:.28em;text-transform:uppercase;color:#d4a84399;font-family:Inter,sans-serif;font-size:.65rem;font-weight:500}.oracle-title{color:#eee4cdf2;letter-spacing:.04em;text-shadow:0 2px 40px #000000e6;font-family:Cormorant Garamond,serif;font-size:clamp(2.6rem,6vw,4.2rem);font-style:italic;font-weight:400;line-height:1.1}.oracle-sub{color:#d4a843b3;letter-spacing:.08em;font-family:Cormorant Garamond,serif;font-size:clamp(1rem,2vw,1.2rem);font-style:italic}.oracle-return-btn{z-index:10;color:#e4dac680;cursor:pointer;-webkit-backdrop-filter:blur(8px);background:0 0;border:1px solid #ffffff1f;border-radius:9999px;padding:10px 24px;font-family:Inter,sans-serif;font-size:.78rem;transition:color .2s,border-color .2s;position:absolute;bottom:36px;left:50%;transform:translate(-50%)}.oracle-return-btn:hover{color:#d4a843d9;border-color:#d4a84359}