:root{color:#f7f1cf;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top,#284f1c 0%,#101d0f 45%,#040504 100%);font-family:Trebuchet MS,Arial Black,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:#050706;min-height:100vh}button{font:inherit}.app{background:radial-gradient(circle at top,#6dc32433,#0000 32%),linear-gradient(#15220f 0%,#060805 100%);min-height:100svh}.story-shell{isolation:isolate;background:#050706;width:100%;min-height:100svh;position:relative;overflow-x:hidden}.story-image{object-fit:cover;object-position:center top;width:100%;height:100%;position:absolute;inset:0}.story-overlay{position:absolute;inset:0}.story-overlay--intro{background:linear-gradient(#04060314 0%,#0508042e 16%,#070b06b8 42%,#060a054d 58%,#040603e6 100%),radial-gradient(circle,#a7ff5e1f,#0000 44%)}.story-overlay--content{background:linear-gradient(#0305033d 0%,#0508042e 12%,#070a051a 32%,#060905b3 56%,#040603f2 100%),radial-gradient(circle,#a7ff5e14,#0000 44%)}.story-stage{z-index:1;min-height:100svh;padding:calc(18px + env(safe-area-inset-top)) 16px calc(22px + env(safe-area-inset-bottom));flex-direction:column;display:flex;position:relative}.story-stage--intro{justify-content:flex-end}.story-stage--scene,.story-stage--result{justify-content:flex-start;gap:14px}.intro-card,.story-panel,.result-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080e07cc;border:1px solid #d8ff733d;border-radius:28px;box-shadow:0 26px 70px #00000057}.intro-card{text-align:center;align-self:center;width:min(100%,320px);margin-bottom:120px;padding:22px 18px 18px}.story-panel,.result-card{width:100%;padding:22px 18px 20px}.story-media{aspect-ratio:4/5;background:radial-gradient(circle at 50% 18%,#8dff3f2e,#0000 24%),linear-gradient(#20351a 0%,#111a10 44%,#070907 100%);border:1px solid #d8ff7329;border-radius:28px;width:100%;overflow:hidden;box-shadow:0 20px 60px #00000047}.story-media__image{object-fit:contain;object-position:center center;background:#071009;width:100%;height:100%;display:block}.kicker,.chapter-label{color:#dffb8b;letter-spacing:.24em;text-transform:uppercase;text-shadow:0 0 18px #a5ff0059;margin:0 0 10px;font-size:.8rem;font-weight:700}h1,h2{color:#f7f9e4;text-wrap:balance;text-shadow:0 14px 38px #0009;margin:0;line-height:.94}h1{text-transform:uppercase;font-size:clamp(2.8rem,11vw,4.7rem)}h2{font-size:clamp(1.7rem,7.2vw,2.5rem)}p{margin:0}.lede,.scene-body,.result-essence,.prophecy-box p,.nav-hint{color:#e6ebd9;line-height:1.34}.lede{text-shadow:0 8px 24px #0009;margin-top:16px}.intro-card h1{font-size:clamp(2.3rem,9vw,3.8rem)}.intro-card .lede{margin-top:12px;font-size:.98rem}.scene-body{white-space:pre-line;margin-top:12px}.result-essence{color:#eff9c5;margin-top:14px;font-weight:700}.answer-list{gap:10px;margin-top:16px;display:grid}.choice-button{text-align:left;color:#f6f6eb;cursor:pointer;background:#0c130ae0;border:1px solid #dcffa229;border-radius:20px;width:100%;padding:14px 12px;box-shadow:inset 0 1px #ffffff0a}.choice-button--selected{background:linear-gradient(#b0ff4e2e,#0d160bf0),#0c130ae0;border-color:#b9ff5cb3;box-shadow:0 0 0 1px #b9ff5c29,0 16px 30px #54961a29}.nav-row{justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}.nav-row--result{margin-top:22px}.nav-hint{text-align:right;color:#dbe2c2;flex:1;font-size:.95rem}.button{letter-spacing:.02em;cursor:pointer;border:0;border-radius:999px;padding:14px 18px;font-weight:800}.button--primary{color:#12210f;background:linear-gradient(135deg,#d8ff73,#7dff4d);box-shadow:0 14px 30px #48861666,inset 0 1px #ffffff73}.button--secondary{color:#f2f6df;background:#10180ef0;border:1px solid #dcffa22e}.intro-card .button--primary{width:100%;margin-top:18px}.prophecy-box{background:#b2ff5714;border:1px solid #d8ff7333;border-radius:20px;margin-top:18px;padding:16px 16px 14px}.prophecy-box strong{color:#f3ffd2;margin-bottom:8px;display:block}.share-card{background:linear-gradient(135deg,#ff9d3d38,#ffd47824),#2c1308db;border:1px solid #ffc66657;border-radius:20px;margin-top:18px;padding:16px;box-shadow:0 20px 42px #4c210547}.share-card strong{color:#fff0cb;display:block}.share-copy,.share-feedback{color:#dbe2c2;margin-top:8px}.share-actions{gap:10px;margin-top:14px;display:grid}.share-button{width:100%}.share-button--accent{color:#3c1905;background:linear-gradient(135deg,#ffde88,#ff9747);box-shadow:0 14px 30px #aa521157,inset 0 1px #ffffff73}.share-button--soft{color:#fff2db;background:#3a1809d1;border:1px solid #ffcd8657}.share-feedback{color:#ffe8b9;font-size:.95rem}@media (prefers-reduced-motion:no-preference){.button,.choice-button{transition:transform .16s,box-shadow .16s,border-color .16s,filter .16s}.button:hover,.choice-button:hover{transform:translateY(-1px)}.button--primary:hover{filter:saturate(1.06);box-shadow:0 18px 34px #4886167a,inset 0 1px #ffffff80}.choice-button:hover{border-color:#dcffa24d}.button:active,.choice-button:active{transform:translateY(1px)}}@media (width>=768px){.story-stage{padding:24px 22px 26px}.intro-card{width:min(100%,340px);margin-bottom:150px;padding:24px 20px 20px}.story-panel,.result-card{padding:24px 20px 22px}.share-actions{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1024px){.story-stage--scene,.story-stage--result{align-items:center}.story-media{width:min(100%,520px)}.story-panel,.result-card{max-width:780px}}