@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;800&family=Inter:wght@300;400;600&display=swap";.start-screen{background:radial-gradient(circle,#1a1a1a 0%,#050505 100%);justify-content:center;align-items:center;width:100vw;height:100vh;animation:2s ease-out fadeIn;display:flex}.glass-panel{box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#ffffff05;border:1px solid #ffffff0d;border-radius:20px;flex-direction:column;align-items:center;width:90%;max-width:600px;padding:clamp(2rem,5vw,4rem);display:flex;box-shadow:0 20px 50px #00000080}.cross-container{justify-content:center;align-items:center;margin-bottom:1.8rem;animation:2.5s ease-out fadeIn;display:flex}.cross-icon-main{filter:drop-shadow(0 0 8px #d4af374d);transition:transform .8s cubic-bezier(.16,1,.3,1),filter .8s}.glass-panel:hover .cross-icon-main{filter:drop-shadow(0 0 16px #d4af37a6);transform:scale(1.06)translateY(-2px)}.title{font-family:var(--font-cinzel);letter-spacing:clamp(4px,3vw,12px);color:var(--text-primary);text-shadow:0 0 20px #fff3;margin-bottom:1rem;font-size:clamp(2.5rem,10vw,4rem);font-weight:800}.subtitle{color:var(--text-secondary);letter-spacing:clamp(1px,.5vw,2px);margin-bottom:clamp(2.5rem,8vw,4rem);font-size:clamp(.9rem,4vw,1.2rem);font-weight:300}.selector-container{width:100%;max-width:320px;margin-bottom:2.5rem;position:relative}.custom-select{color:var(--text-primary);font-family:var(--font-cinzel);cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;justify-content:center;align-items:center;width:100%;padding:clamp(1rem,3vw,1.2rem) clamp(1rem,4vw,1.8rem);font-size:clamp(1.1rem,4vw,1.3rem);transition:all .3s;display:flex;box-shadow:0 4px 15px #0003}.custom-select:hover{background:#ffffff0f;border-color:#d4af374d;box-shadow:0 8px 25px #0000004d}.custom-select.open{border-color:var(--accent-gold);background:#ffffff0f}.start-button{color:var(--accent-gold);font-family:var(--font-cinzel);letter-spacing:clamp(1px,.5vw,2px);cursor:pointer;text-shadow:0 0 10px #d4af3733;background:linear-gradient(135deg,#d4af3714 0%,#d4af372e 100%);border:1px solid #d4af37cc;border-radius:30px;justify-content:center;align-items:center;padding:clamp(1rem,3vw,1.2rem) clamp(2rem,6vw,3.2rem);font-size:clamp(1.1rem,4vw,1.3rem);font-weight:600;transition:all .3s;display:flex;box-shadow:0 5px 20px #d4af3726}.start-button:hover{border-color:var(--accent-gold);color:var(--text-primary);background:linear-gradient(135deg,#d4af3726 0%,#d4af3747 100%);transform:translateY(-2px);box-shadow:0 10px 30px #d4af3759}.start-button:active{transform:translateY(0)}.cinematic-container{background-color:var(--bg-color);width:100vw;height:100vh;position:relative;overflow:hidden}.cinematic-bg{z-index:1;background-position:top;background-size:cover;width:100%;height:100%;animation:40s linear forwards kenBurns;position:absolute;top:0;left:0}.cinematic-overlay{z-index:2;background:linear-gradient(#000c 0%,#0006 50%,#000000e6 100%);width:100%;height:100%;position:absolute;top:0;left:0}.controls-header{z-index:10;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:clamp(.3rem,1.5vw,1rem);width:100%;padding:clamp(.8rem,3vw,2rem) clamp(.5rem,2vw,2rem);display:flex;position:absolute;top:0;left:0}.controls-right{gap:clamp(.3rem,1.5vw,1rem);display:flex}.text-btn{color:var(--text-secondary);cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);font-family:var(--font-cinzel);letter-spacing:clamp(.5px,.5vw,2px);white-space:nowrap;background:#ffffff05;border:1px solid #ffffff26;border-radius:6px;padding:clamp(.4rem,1.5vw,.65rem) clamp(.5rem,1.5vw,1.4rem);font-size:clamp(.6rem,2vw,.85rem);font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.text-btn:hover{color:var(--accent-gold);text-shadow:0 0 8px #d4af374d;background:#d4af370d;border-color:#d4af37cc}.text-btn:disabled{opacity:.25;cursor:not-allowed;color:var(--text-secondary);border-color:#ffffff0d}.story-content{z-index:5;justify-content:center;align-items:center;height:100%;padding:0 10%;display:flex;position:relative}.story-content-finished{align-items:flex-start;padding-top:6rem;padding-bottom:3rem;overflow-y:auto}.cinematic-title{font-family:var(--font-cinzel);color:var(--text-primary);text-align:center;text-shadow:0 4px 20px #000c;font-size:max(2rem,5vw);animation:2s ease-out forwards textReveal}.paragraph-container{justify-content:center;align-items:center;width:100%;max-width:900px;min-height:300px;display:flex;position:relative}.paragraph-container-finished{height:auto;margin:0 auto;display:block;position:static}.story-paragraph{text-align:center;color:var(--text-primary);opacity:0;visibility:hidden;text-shadow:0 2px 15px #000000e6;font-size:clamp(1.2rem,5vw,2.5rem);font-weight:300;line-height:1.5;transition:all 2s;position:absolute}.story-paragraph.active{opacity:1;visibility:visible;animation:2s ease-out forwards textReveal}.story-paragraph.passed{opacity:0;visibility:hidden;transform:translateY(-30px)}.finished-container{text-align:center;width:100%;animation:2s ease-out forwards textReveal}.finished-title{font-family:var(--font-cinzel);color:var(--accent-gold);margin-bottom:2rem;font-size:3rem}.share-section{flex-direction:column;align-items:center;gap:1.8rem;margin-top:1rem;display:flex}.share-label{font-family:var(--font-inter);color:var(--text-secondary);letter-spacing:1px;font-size:1.1rem;font-weight:300}.share-preview-wrapper{border:1px solid #d4af3733;border-radius:12px;width:100%;max-width:340px;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s;overflow:hidden;box-shadow:0 12px 40px #0009,0 0 20px #d4af3714}.share-preview-wrapper:hover{transform:translateY(-4px)scale(1.01);box-shadow:0 18px 50px #000000b3,0 0 30px #d4af3726}.share-preview{width:100%;height:auto;display:block}.share-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.2rem;display:flex}.download-btn{color:var(--accent-gold);font-size:1.2rem;font-family:var(--font-cinzel);letter-spacing:1px;cursor:pointer;text-shadow:0 0 8px #d4af3726;background:linear-gradient(135deg,#d4af371a 0%,#d4af3738 100%);border:1px solid #d4af37cc;border-radius:5px;padding:1rem 2.5rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #d4af371f}.download-btn:hover{border-color:var(--accent-gold);color:var(--text-primary);background:linear-gradient(135deg,#d4af372e 0%,#d4af3759 100%);transform:translateY(-2px);box-shadow:0 8px 25px #d4af374d}.download-btn:active{transform:translateY(0)}.primary-btn{color:var(--text-secondary);font-size:1.2rem;font-family:var(--font-cinzel);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff26;border-radius:5px;padding:1rem 2.5rem;font-weight:600;transition:all .3s}.primary-btn:hover{color:var(--text-primary);background:#ffffff14;border-color:#ffffff4d;transform:translateY(-2px)}@media (width<=768px){.finished-title{font-size:2rem}.share-preview-wrapper{max-width:280px}.share-actions{flex-direction:column;gap:.8rem}.download-btn,.primary-btn{text-align:center;width:100%;max-width:280px}}.age-gate-container{background-color:var(--bg-primary);background-image:radial-gradient(circle,#d4af370d 0%,#0000 60%),linear-gradient(#0000,#0a0a0af2);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:1rem;animation:1s ease-out fadeIn;display:flex}.age-gate-panel{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:500px;padding:3rem 2rem;display:flex;position:relative;overflow:hidden}.age-gate-panel:before{content:"";background:linear-gradient(90deg,#0000,#c83232cc,#0000);height:4px;position:absolute;top:0;left:0;right:0}.warning-icon{color:#c83232e6;filter:drop-shadow(0 0 15px #c832324d);margin-bottom:1.5rem}.age-gate-title{font-family:var(--font-cinzel);color:var(--accent-gold);letter-spacing:2px;margin-bottom:1rem;font-size:1.8rem}.age-gate-desc{font-family:var(--font-inter);color:var(--text-secondary);opacity:.9;margin-bottom:2.5rem;font-size:.95rem;line-height:1.6}.age-gate-form{flex-direction:column;align-items:center;gap:1.5rem;width:100%;display:flex}.date-inputs{justify-content:center;gap:1rem;width:100%;display:flex}.date-inputs input{color:var(--text-primary);font-family:var(--font-inter);text-align:center;background:#0006;border:1px solid #ffffff1a;border-radius:8px;width:80px;padding:.8rem;font-size:1rem;transition:all .3s}.date-inputs input:nth-child(3){width:100px}.date-inputs input:focus{border-color:var(--accent-gold);background:#0009;outline:none;box-shadow:0 0 10px #d4af3733}.date-inputs input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.date-inputs input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.date-inputs input[type=number]{appearance:textfield}.age-gate-submit{color:var(--accent-gold);font-family:var(--font-cinzel);letter-spacing:2px;cursor:pointer;background:linear-gradient(135deg,#d4af371a 0%,#d4af3733 100%);border:1px solid #d4af37cc;border-radius:30px;justify-content:center;align-items:center;width:100%;max-width:250px;margin-top:1rem;padding:1rem 3rem;font-size:1.1rem;font-weight:600;transition:all .3s;display:flex}.age-gate-submit:hover:not(:disabled){color:var(--text-primary);background:linear-gradient(135deg,#d4af3733 0%,#d4af3759 100%);transform:translateY(-2px);box-shadow:0 5px 20px #d4af3740}.age-gate-submit:disabled{opacity:.4;cursor:not-allowed;color:#fff6;border-color:#ffffff1a}.age-gate-error{color:#ff4d4d;font-family:var(--font-inter);background:#ff4d4d1a;border:1px solid #ff4d4d4d;border-radius:8px;width:100%;padding:.8rem;font-size:.9rem;animation:.5s ease-in-out shake}.age-gate-lang{justify-content:center;margin-top:2rem;position:static}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-5px)}}@media (width<=480px){.age-gate-panel{padding:2rem 1.5rem}.date-inputs{gap:.5rem}.date-inputs input{width:70px}.date-inputs input:nth-child(3){width:90px}}:root{--bg-color:#050505;--text-primary:#eaeaea;--text-secondary:#a0a0a0;--accent-gold:#d4af37;--accent-gold-hover:#f1c40f;--font-cinzel:"Cinzel", serif;--font-inter:"Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-inter);width:100vw;height:100vh;overflow:hidden}#root{width:100%;height:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes kenBurns{0%{transform:scale(1)}to{transform:scale(1.15)}}@keyframes textReveal{0%{opacity:0;filter:blur(10px);transform:translateY(20px)}to{opacity:1;filter:blur();transform:translateY(0)}}