:root{--ink:#0a0711;--ash:#171122;--ash-2:#211a30;--ember:#e2542f;--ember-deep:#a8331f;--gold:#e8b45c;--mist:#a493b5;--parchment:#f3e9dd;--line:#e8b45c38;--panel:#0e0a16b8}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--ink);color:var(--parchment);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Spectral,Georgia,serif;overflow-x:hidden}body.locked{height:100%;overflow:hidden}h1,h2,h3,.display{font-family:Cinzel,Iowan Old Style,serif}.label,.ui{font-family:Jost,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.label{letter-spacing:.22em;text-transform:uppercase;color:var(--gold);font-size:.7rem}#scene{z-index:0;touch-action:pan-y;display:block;position:fixed;top:0;bottom:0;left:0;right:0}.vignette{z-index:1;pointer-events:none;background:radial-gradient(75% 60% at 50% 45%,#0000 40%,#0a0711b8 100%);position:fixed;top:0;bottom:0;left:0;right:0}.phase{z-index:2;position:relative}#phase-egg{text-align:center;flex-direction:column;justify-content:flex-end;align-items:center;gap:1.1rem;padding:0 1.5rem 12vh;transition:opacity .8s;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}#phase-egg.gone{opacity:0;pointer-events:none}.egg-hint{letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-family:Jost,sans-serif;font-size:.82rem;animation:2.6s ease-in-out infinite breathe}@keyframes breathe{0%,to{opacity:.55}50%{opacity:1}}.egg-eyebrow{color:var(--parchment);text-wrap:balance;margin:0;font-family:Cinzel,serif;font-size:max(1.2rem,min(4vw,1.7rem))}.crack-meter{gap:.4rem;display:flex}.crack-meter i{background:#e8b45c2e;border-radius:2px;width:22px;height:3px;transition:background .3s,box-shadow .3s}.crack-meter i.on{background:var(--ember);box-shadow:0 0 10px #e2542fcc}#phase-forge{z-index:3;padding:1.2rem clamp(1rem, 4vw, 2rem) calc(1.4rem + env(safe-area-inset-bottom,0px));background:linear-gradient(#0000,#0a0711db 22%);max-height:78svh;transition:transform .9s cubic-bezier(.2,.9,.3,1),opacity .5s;position:fixed;top:auto;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(110%)}#phase-forge.up{transform:translateY(0)}#phase-forge.gone{opacity:0;pointer-events:none;transform:translateY(110%)}.forge-inner{flex-direction:column;gap:1rem;max-width:620px;margin:0 auto;display:flex}.forge-title{text-align:center;flex-direction:column;gap:.35rem;display:flex}.forge-title h2{margin:0;font-size:max(1.25rem,min(4vw,1.6rem));font-weight:600}.name-row{justify-content:center;display:flex}.name-row input{text-align:center;color:var(--parchment);border:1px solid var(--line);background:#ffffff0a;border-radius:3px;outline:none;width:min(100%,300px);padding:.6rem 1rem;font-family:Cinzel,serif;font-size:1.05rem;transition:border-color .25s,box-shadow .25s}.name-row input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #e8b45c1f}.name-row input::placeholder{color:var(--mist);opacity:.65}.swatch-group{flex-direction:column;gap:.45rem;display:flex}.swatch-group>.label{opacity:.85}.swatches{flex-wrap:wrap;gap:.5rem;display:flex}.swatch{cursor:pointer;border:1px solid #ffffff2e;border-radius:50%;width:34px;height:34px;padding:0;transition:transform .18s,box-shadow .18s,border-color .18s;position:relative}.swatch:hover{transform:translateY(-2px)scale(1.06)}.swatch[aria-pressed=true]{border-color:var(--gold);box-shadow:0 0 0 2px #e8b45c8c,0 0 14px #e8b45c4d}.swatch:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.btn{letter-spacing:.08em;color:var(--ink);background:linear-gradient(135deg, var(--gold), #f0cd8c);cursor:pointer;border:none;border-radius:3px;align-self:center;padding:.85rem 1.6rem;font-family:Cinzel,serif;font-size:.95rem;transition:transform .2s,box-shadow .2s,filter .2s;box-shadow:0 8px 26px #e8b45c38}.btn:hover{filter:brightness(1.06);transform:translateY(-2px)}.btn:focus-visible{outline:2px solid var(--parchment);outline-offset:3px}#phase-story{z-index:2;padding:0 max(1rem,min(5vw,2rem));display:none;position:relative}#phase-story.on{display:block}.story-inner{max-width:1140px;margin:0 auto}.intro{flex-direction:column;justify-content:center;gap:1rem;max-width:30ch;min-height:92svh;display:flex}.intro h1{text-wrap:balance;margin:0;font-size:max(2.1rem,min(6.5vw,3.5rem));font-weight:600;line-height:1.12}.intro h1 em{color:var(--ember);font-style:normal}.intro p{color:var(--mist);max-width:28ch;margin:0;font-size:1.05rem;font-style:italic}.scroll-cue{letter-spacing:.2em;text-transform:uppercase;color:var(--gold);opacity:.75;align-items:center;gap:.55rem;margin-top:.6rem;font-family:Jost,sans-serif;font-size:.72rem;display:flex}.scroll-cue:after{content:"";background:linear-gradient(180deg, var(--gold), transparent);width:1px;height:32px;animation:2.2s ease-in-out infinite cue}@keyframes cue{0%,to{opacity:.4;transform-origin:top;transform:scaleY(.4)}50%{opacity:1;transform-origin:top;transform:scaleY(1)}}.chapter{opacity:0;flex-direction:column;justify-content:center;max-width:34rem;min-height:88svh;padding:4rem 0;transition:opacity 1s cubic-bezier(.2,.7,.3,1),transform 1s cubic-bezier(.2,.7,.3,1);display:flex;transform:translateY(34px)}.chapter.in{opacity:1;transform:none}.chapter-card{background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #ffffff0f;border-left:2px solid var(--line);border-radius:3px;flex-direction:column;gap:.9rem;padding:max(1.3rem,min(4vw,2rem));display:flex}.chapter .eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-family:Jost,sans-serif;font-size:.7rem}.chapter h2{text-wrap:balance;margin:0;font-size:max(1.45rem,min(4vw,2rem));font-weight:600;line-height:1.2}.chapter p{color:#e9dfd2;max-width:60ch;margin:0;font-size:1.06rem;line-height:1.75}.chapter .whisper{color:var(--ember);font-style:italic}.trinkets{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.7rem;margin:.2rem 0 0;padding:0;list-style:none;display:grid}.trinkets li{color:#e9dfd2;background:#ffffff09;border:1px solid #ffffff12;border-radius:2px;padding:.8rem .9rem;font-size:.95rem;line-height:1.5}.trinkets .t-label{letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:.3rem;font-family:Jost,sans-serif;font-size:.64rem;display:block}.spark{border:1px solid var(--line);color:var(--gold);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:40px;align-self:flex-start;align-items:center;gap:.6rem;margin-top:.4rem;padding:.5rem 1rem .5rem .55rem;font-family:Jost,sans-serif;font-size:.75rem;transition:border-color .25s,color .25s,transform .25s,background .25s;display:inline-flex}.spark .orb{background:radial-gradient(circle at 35% 30%, #ffd98a, var(--ember) 60%, transparent 72%);border-radius:50%;width:16px;height:16px;animation:2s ease-in-out infinite orbPulse;box-shadow:0 0 12px #e2542fbf}@keyframes orbPulse{0%,to{opacity:.8;transform:scale(.86)}50%{opacity:1;transform:scale(1.12)}}.spark:hover{border-color:var(--gold);background:#e8b45c12;transform:translateY(-2px)}.spark:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.spark.got{cursor:default;color:var(--mist);background:0 0;border-color:#ffffff17;transform:none}.spark.got .orb{box-shadow:none;background:#ffffff29;animation:none}#hud{top:max(.9rem, env(safe-area-inset-top,0px));z-index:5;background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);letter-spacing:.16em;text-transform:uppercase;color:var(--mist);border:1px solid #ffffff12;border-radius:40px;align-items:center;gap:.55rem;padding:.5rem .85rem;font-family:Jost,sans-serif;font-size:.7rem;display:none;position:fixed;right:.9rem}#hud.on{display:flex}#hud .pips{gap:4px;display:flex}#hud .pips i{background:#ffffff29;border-radius:50%;width:7px;height:7px;transition:background .35s,box-shadow .35s}#hud .pips i.on{background:var(--ember);box-shadow:0 0 8px #e2542fe6}.finale{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.1rem;max-width:36rem;min-height:100svh;margin:0 auto;padding:4rem 0;display:flex}.locked-note{color:var(--mist);max-width:30ch;font-size:1rem;font-style:italic;transition:opacity .6s}.letter{opacity:0;pointer-events:none;flex-direction:column;align-items:center;gap:1rem;transition:opacity 1.2s,transform 1.2s cubic-bezier(.2,.8,.3,1);display:flex;transform:translateY(24px)scale(.98)}.letter.open{opacity:1;pointer-events:auto;transform:none}.letter h2{text-wrap:balance;margin:0;font-size:max(1.7rem,min(5.5vw,2.6rem));font-weight:600}.letter p{color:#e9dfd2;max-width:46ch;margin:0;font-size:1.06rem;line-height:1.75}.letter .sig{color:var(--gold);letter-spacing:.06em;margin-top:.6rem;font-family:Cinzel,serif;font-size:1.05rem}.replay{border:1px solid var(--line);color:var(--mist);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:40px;margin-top:1.4rem;padding:.6rem 1.1rem;font-family:Jost,sans-serif;font-size:.68rem;transition:color .25s,border-color .25s}.replay:hover{color:var(--gold);border-color:var(--gold)}@media (min-width:900px){.chapter{max-width:30rem}.chapters{padding-right:44%}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important}.chapter{transition-duration:.2s}}#phase-chains{z-index:4;padding:1.2rem clamp(1rem, 4vw, 2rem) calc(1.6rem + env(safe-area-inset-bottom,0px));opacity:0;background:linear-gradient(#0000 30%,#0a0711e6 62%);flex-direction:column;justify-content:flex-end;transition:opacity .7s;display:none;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}#phase-chains.on{display:flex}#phase-chains.vis{opacity:1}.chains-inner{flex-direction:column;gap:1rem;width:min(100%,620px);margin:0 auto;display:flex}.chains-head{text-align:center;flex-direction:column;gap:.4rem;display:flex}.chains-head h2{text-wrap:balance;margin:0;font-size:max(1.3rem,min(4.2vw,1.7rem));font-weight:600}.chains-sub{color:var(--mist);margin:0;max-width:46ch;margin-left:auto;margin-right:auto;font-size:.98rem;font-style:italic;line-height:1.6}.q-card{background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #ffffff12;border-left:2px solid var(--line);border-radius:3px;flex-direction:column;gap:.85rem;padding:max(1rem,min(3.5vw,1.5rem));transition:transform .25s,border-color .3s;display:flex}.q-card.shake{border-color:#e2542f99;animation:.42s shake}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-9px)}45%{transform:translate(7px)}70%{transform:translate(-4px)}}.q-count{letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-family:Jost,sans-serif;font-size:.68rem}.q-text{text-wrap:balance;margin:0;font-family:Cinzel,serif;font-size:max(1.15rem,min(3.6vw,1.45rem));line-height:1.35}.q-options{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.55rem;display:grid}.q-opt{color:var(--parchment);cursor:pointer;text-align:left;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:3px;padding:.75rem .9rem;font-family:Spectral,serif;font-size:1rem;transition:background .2s,border-color .2s,transform .2s,color .2s}.q-opt:hover:not(:disabled){border-color:var(--gold);background:#e8b45c17;transform:translateY(-2px)}.q-opt:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.q-opt:disabled{cursor:default}.q-opt.right{color:#cdf0d6;background:#78c88c24;border-color:#8cdca099}.q-opt.wrong{color:#f0b6a3;opacity:.75;background:#e2542f1f;border-color:#e2542f80}.q-hint{min-height:1.2em;color:var(--mist);margin:0;font-size:.92rem;font-style:italic;transition:opacity .3s}.chains-done{text-align:center;flex-direction:column;align-items:center;gap:.9rem;display:flex}.chains-done p{color:var(--gold);margin:0;font-family:Cinzel,serif;font-size:1.15rem}#phase-flight{z-index:4;padding:max(1rem, env(safe-area-inset-top,0px)) clamp(1rem, 4vw, 2rem) calc(1.4rem + env(safe-area-inset-bottom,0px));opacity:0;pointer-events:none;flex-direction:column;justify-content:space-between;transition:opacity .7s;display:none;position:fixed;top:0;bottom:0;left:0;right:0}#phase-flight.on{display:flex}#phase-flight.vis{opacity:1}.flight-top{text-align:center;flex-direction:column;align-items:center;gap:.5rem;width:min(100%,460px);margin:0 auto;display:flex}.flight-bar{background:#ffffff1a;border-radius:4px;width:100%;height:4px;overflow:hidden}.flight-bar i{background:linear-gradient(90deg, var(--ember), var(--gold));border-radius:4px;width:0%;height:100%;transition:width .35s cubic-bezier(.2,.8,.3,1);display:block;box-shadow:0 0 12px #e2542f99}.flight-bottom{flex-direction:column;align-items:center;gap:.9rem;display:flex}.flight-hint{letter-spacing:.16em;text-transform:uppercase;color:var(--mist);text-align:center;margin:0;font-family:Jost,sans-serif;font-size:.72rem;transition:opacity .5s}.flight-pads{pointer-events:auto;gap:1.6rem;display:flex}.pad{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:68px;height:68px;color:var(--gold);cursor:pointer;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:50%;font-size:1.2rem;transition:background .15s,transform .15s}.pad:active,.pad.held{background:#e8b45c2e;transform:scale(.94)}.pad:focus-visible{outline:2px solid var(--gold);outline-offset:3px}@media (hover:hover) and (pointer:fine){.flight-pads{display:none}}.flight-done{pointer-events:auto;text-align:center;flex-direction:column;align-items:center;gap:.9rem;display:flex}.flight-done p{color:var(--gold);margin:0;font-family:Cinzel,serif;font-size:1.1rem}.flash{z-index:6;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 45%,#ffbe7880,#0000 60%);transition:opacity .45s;position:fixed;top:0;bottom:0;left:0;right:0}.flash.on{opacity:1}.sound-btn{top:max(.9rem, env(safe-area-inset-top,0px));z-index:6;background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;border:1px solid #ffffff12;border-radius:50%;width:42px;height:42px;font-size:.95rem;line-height:1;transition:transform .15s,border-color .2s;position:fixed;left:.9rem}.sound-btn:hover{border-color:var(--line);transform:scale(1.08)}.sound-btn:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.chapter-photo{border:1px solid #ffffff17;border-radius:3px;margin:0;overflow:hidden}.chapter-photo img{object-fit:cover;filter:saturate(.94);width:100%;max-height:280px;display:block}.intro-hint{color:var(--mist);max-width:34ch;margin:.2rem 0 0;font-size:.95rem;line-height:1.6}.spark:after{content:"собрать";letter-spacing:.14em;opacity:.6;border-left:1px solid var(--line);margin-left:.1rem;padding-left:.6rem;font-size:.62rem}.spark.got:after{content:"собрано";opacity:.45;border-color:#ffffff17}.letter .btn{margin-top:.8rem}.dimmed{opacity:0!important;pointer-events:none!important}#phase-story{transition:opacity .5s}.letter-photo{opacity:0;flex-direction:column;align-items:center;gap:.6rem;margin:.4rem 0 .2rem;transition:opacity 1.1s .7s,transform 1.2s cubic-bezier(.2,.9,.3,1) .7s;display:flex;transform:translateY(18px)scale(.94)rotate(-1.6deg)}.letter.open .letter-photo{opacity:1;transform:rotate(-1.6deg)}.letter-photo img{object-fit:cover;filter:saturate(.98)contrast(1.02);border:10px solid #f2e8db;border-bottom-width:30px;border-radius:2px;width:min(66vw,250px);height:min(32svh,250px);display:block;box-shadow:0 0 0 1px #e8b45c80,0 18px 50px #0009,0 0 60px #e8b45c24}.letter-photo figcaption{letter-spacing:.1em;color:#8a7250;opacity:.85;z-index:1;margin-top:-1.75rem;font-family:Cinzel,serif;font-size:.85rem;position:relative}