@import url('https://fonts.googleapis.com/css2?family=Prata&family=Ysabeau:wght@400;500;600&display=swap');
:root{--night:#102d32;--deep:#17383c;--cream:#fff7e5;--paper:#f7eed6;--gold:#edb15a;--coral:#d9745d;--ink:#20383a;--mist:#badbe0}*{box-sizing:border-box}html{min-width:320px;background:var(--night)}body{margin:0;color:var(--cream);font:18px/1.55 'Ysabeau',sans-serif;background:#080d12;min-height:100svh;position:relative;isolation:isolate}body:before{content:'';position:fixed;z-index:-2;inset:0;background:#080d12 url('/assets/game-starry-sky.png') center/cover no-repeat;pointer-events:none}body:after{content:'';position:fixed;z-index:-1;inset:0;background:linear-gradient(180deg,#05090d12 0%,#05090d00 55%,#05090d2b 100%);pointer-events:none}button,a,textarea{font:inherit}.game-header{height:74px;padding:0 max(20px,calc((100vw - 1040px)/2));display:flex;align-items:center;gap:26px;border-bottom:1px solid #ffffff1f;background:#07101638;backdrop-filter:blur(5px)}.logo{color:var(--cream);text-decoration:none;font:25px 'Prata',serif;letter-spacing:-1px}.logo span{color:var(--gold)}.progress{height:5px;background:#ffffff1f;border-radius:10px;flex:1;max-width:430px;overflow:hidden}.progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--gold),var(--coral));transition:width .5s}.game-header>span{font-size:14px;color:var(--mist)}.game-main{width:min(760px,calc(100% - 32px));margin:auto;padding:46px 0 100px}.intro{text-align:center;max-width:680px;margin:1vh auto}.eyebrow{color:var(--gold);font-size:14px;text-transform:uppercase;letter-spacing:.15em}.intro h1,.ending h2{font:clamp(42px,7vw,70px)/1.03 'Prata',serif;margin:14px 0}.intro>p{font-size:20px;color:#d7e7e5}.intro ul{list-style:none;padding:0;display:flex;justify-content:center;gap:22px;color:#a9c8c9;font-size:15px;flex-wrap:wrap}.theme-form{max-width:590px;margin:30px auto 0;padding:22px;text-align:left;background:#071318b8;border:1px solid #ffffff24;border-radius:20px;backdrop-filter:blur(5px)}.theme-form label{display:block;margin-bottom:8px;font-weight:600}.theme-form textarea{display:block;width:100%;min-height:84px;resize:vertical;padding:14px 16px;border:1px solid #ffffff38;border-radius:12px;background:#0c282c;color:var(--cream);outline:none}.theme-form textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px #edb15a24}.theme-form textarea::placeholder{color:#789b9d}.theme-suggestions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.theme-suggestions button{border:1px solid #ffffff35;background:transparent;color:#cfe1df;border-radius:999px;padding:7px 11px;cursor:pointer;font-size:14px}.theme-suggestions button:hover{border-color:var(--gold);color:var(--gold)}.theme-form small{display:block;color:#8eb0b1}.theme-form .start-button{display:block;margin:20px auto 0}.start-button,.resume-button{border:0;border-radius:999px;padding:15px 25px;margin:24px 6px 0;background:var(--gold);color:#182f31;font-weight:700;cursor:pointer;box-shadow:0 10px 35px #0004}.start-button:disabled{opacity:.6;cursor:wait}.resume-button{background:transparent;color:var(--cream);border:1px solid #ffffff55}.story{width:min(560px,100%);padding-top:clamp(130px,22vh,240px)}.story-meta{display:flex;justify-content:space-between;color:#c0d6d6;font-size:14px;margin-bottom:12px;text-shadow:0 2px 12px #000}.scene-card{background:var(--paper);color:var(--ink);padding:clamp(25px,5vw,48px);border-radius:8px 28px 8px 28px;box-shadow:0 24px 70px #07171999;position:relative}.scene-card:before{content:'✦';position:absolute;top:14px;right:18px;color:var(--coral)}#scene-text{font:clamp(20px,3vw,25px)/1.65 'Prata',serif;margin:0}.memory-note{margin-top:22px;padding-top:14px;border-top:1px solid #d4c8ab;color:#8b634d;font-size:14px}.choices{display:grid;gap:11px;margin-top:25px}.choice{background:#f8f0dc;color:var(--ink);border:1px solid transparent;border-radius:14px;padding:17px 20px;text-align:left;cursor:pointer;transition:.2s;display:flex;gap:14px;align-items:flex-start;box-shadow:0 10px 30px #050b0d4a}.choice:hover,.choice:focus-visible{transform:translateY(-2px);border-color:var(--gold);background:#fff9ec}.choice b{display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:50%;background:#e5d5b6;color:#694d3f}.choice span{padding-top:1px}.choice:disabled{opacity:.55;cursor:default}.loading{text-align:center;padding:30px}.loading i{display:inline-block;width:32px;height:32px;border:3px solid #ffffff22;border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error{background:#5b2f2b;padding:22px;border-radius:14px;margin-top:20px}.error p{margin:5px 0}.error button{border:0;border-radius:8px;padding:8px 13px}.ending{text-align:center}.ending>p{color:#c4dcda}.ending>a{display:block;color:#c4dcda;margin-top:25px}.feedback{margin:30px 0;padding:22px;border:1px solid #ffffff26;border-radius:18px}.feedback span{display:block}.feedback button{margin:12px 3px 0;width:40px;height:40px;border-radius:50%;border:1px solid #ffffff4d;background:transparent;color:#fff;cursor:pointer}.feedback button:hover{background:var(--gold);color:var(--night)}footer{text-align:center;color:#779da0;padding:20px;font-size:13px;border-top:1px solid #ffffff12;background:#050b0e66}@media(max-width:900px){body:before{background-size:auto 100svh;background-position:center top}.story{width:100%;padding-top:28px}}@media(max-width:600px){.game-header{gap:12px;padding:0 16px}.game-header>span{display:none}.game-main{padding-top:28px}.intro ul{display:grid;gap:4px}.theme-form{padding:17px}.scene-card{padding:28px 22px}#scene-text{font-size:19px}.story-meta span:last-child{max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}