body.is-app{background:var(--night);overscroll-behavior:none;overflow:hidden}.player{--fs:1;height:100dvh;color:var(--ivory);background:var(--night);-webkit-user-select:none;user-select:none;font-family:var(--sans);grid-template-rows:auto 1fr auto auto;display:grid;position:fixed;inset:0}.player[data-size="0"]{--fs:.88}.player[data-size="2"]{--fs:1.18}.player[data-size="3"]{--fs:1.38}.player .bg{position:absolute;inset:0;overflow:hidden}.player .bg img{object-fit:cover;object-position:50% 20%;opacity:0;width:100%;height:100%;transition:opacity .9s;position:absolute;inset:0}.player .bg img.on{opacity:1}.player .bg:after{content:"";background:linear-gradient(#0d1424b3 0,#0d142400 18%),linear-gradient(0deg,#0d1424f7 0,#0d1424e0 34%,#0d142440 62%,#0d142400 80%);position:absolute;inset:0}.player.no-images .bg{display:none}@media (width>=900px){.player .bg img{object-fit:contain;object-position:50% 0}.player .bg{background:radial-gradient(circle at 50% 30%, #1d2846, var(--night) 70%)}}.topbar{z-index:2;padding:calc(6px + env(safe-area-inset-top)) 8px 6px;align-items:center;gap:4px;display:flex;position:relative}.titles{text-align:center;flex:1;min-width:0}.titles p{white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.t1{font:600 .95rem/1.2 var(--serif);letter-spacing:.02em;color:var(--gold-2)}.t2{opacity:.8;font-size:.78rem}.icon-btn{width:44px;height:44px;color:inherit;cursor:pointer;background:#fff0;border:0;border-radius:50%;place-items:center;font-size:1.1rem;text-decoration:none;display:inline-grid}.icon-btn:hover{background:#ffffff1a}.stage{z-index:1;cursor:pointer;flex-direction:column;justify-content:flex-end;min-height:0;padding:0 20px 8px;display:flex;position:relative}.card{scrollbar-width:none;text-shadow:0 1px 12px #00000080;width:100%;max-width:640px;max-height:100%;margin:0 auto;overflow-y:auto}.card.anim{animation:.38s both rise}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.card.anim{animation:none}.player .bg img{transition:none}}.kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin:0 0 6px;font-size:.8rem;font-weight:600}.card h2{font:600 calc(1.7rem * var(--fs))/1.1 var(--serif);color:#fff;margin:0 0 12px}.card .ptext{font-family:var(--serif);font-size:calc(1.42rem * var(--fs));line-height:1.42}.card .ptext p{margin:0 0 .55em}.card .ptext .resp{color:var(--gold-2);white-space:pre-line}.card .ptext+.ptext{border-top:1px solid #f0d89840;margin-top:.9em;padding-top:.8em}.card .ptitle{font:600 .78rem var(--sans);letter-spacing:.1em;text-transform:uppercase;opacity:.75;margin:0 0 4px}.card .note{font:italic calc(1.1rem * var(--fs)) var(--serif);color:var(--gold-2);margin:0 0 10px}.card .intent{font:italic calc(1.05rem * var(--fs)) var(--serif);opacity:.9;margin:0 0 12px}.card .meditate{font:italic 1rem var(--serif);opacity:.8;margin:0 0 8px}.card .short{font:calc(1.9rem * var(--fs))/1.25 var(--serif);margin:0}.card .bigcount{font:600 calc(4.2rem * var(--fs))/1 var(--serif);color:var(--gold-2);margin:0 0 4px}.card .bigcount small{opacity:.7;font-size:.35em;font-weight:400}.card.mystery blockquote{font:italic calc(1.3rem * var(--fs))/1.4 var(--serif);color:var(--gold-2);margin:0 0 12px}.card.mystery cite{font:600 .8rem var(--sans);opacity:.75;letter-spacing:.04em;margin-top:4px;font-style:normal;display:block}.card.mystery .med{font:calc(1.15rem * var(--fs))/1.45 var(--serif);margin:0 0 10px}.card.mystery .fruit{opacity:.85;margin:0;font-size:.85rem}.card.mystery .fruit b{color:var(--gold)}.card.done{text-align:center;padding-bottom:8px}.card.done h2{font-size:2.6rem}.done-actions{gap:10px;max-width:340px;margin:18px auto 0;display:grid}.done-actions .btn{width:100%}.done-links{margin-top:18px;font-size:.95rem}.done-links a{color:var(--gold-2);padding:6px;display:block}.strip{z-index:1;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:8px 16px 4px;display:flex;position:relative}.strip .b{background:#ffffff24;border:1px solid #ffffff38;border-radius:50%;flex:none;transition:all .25s}.strip .b.small{width:15px;height:15px}.strip .b.big{width:22px;height:22px}.strip .b.medal{border-radius:45%;width:20px;height:24px}.strip .b.cross{color:#ffffff73;background:0 0;border:0;width:18px;height:26px}.strip .b.cross svg{display:block}.strip .b.done{background:color-mix(in srgb, var(--gold) 70%, #000);border-color:var(--gold)}.strip .b.cross.done{color:var(--gold)}.strip .b.current{background:var(--gold-2);border-color:#fff;transform:scale(1.18);box-shadow:0 0 0 4px #f0d89840,0 0 18px 4px #f0d8988c}.strip .b.cross.current{color:var(--gold-2);box-shadow:none;filter:drop-shadow(0 0 8px #f0d898cc);background:0 0}@media (width<=360px){.strip{gap:4px}.strip .b.small{width:13px;height:13px}}.controls{z-index:2;padding:8px 16px calc(12px + env(safe-area-inset-bottom));align-items:stretch;gap:10px;display:flex;position:relative}.controls button{cursor:pointer;font:600 1.05rem var(--sans);border:0;border-radius:999px}.ctl-back{width:60px;height:60px;color:var(--ivory);background:#ffffff1a;place-items:center;display:grid}.ctl-back:disabled{opacity:.35}.ctl-next{background:var(--gold);height:60px;color:var(--night);flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.ctl-next:active{transform:scale(.98)}.intro{z-index:5;background:linear-gradient(to bottom, #0d14248c, var(--night) 40%);padding:calc(16px + env(safe-area-inset-top)) 20px 0;position:absolute;inset:0;overflow-y:auto}.intro[hidden]{display:none}.intro-inner{flex-direction:column;gap:12px;max-width:520px;margin:0 auto;padding-bottom:12px;display:flex}.intro-actions{max-width:560px;padding:24px 0 calc(16px + env(safe-area-inset-bottom));background:linear-gradient(to bottom, #0d142400, var(--night) 30%);gap:8px;margin:0 auto;display:grid;position:sticky;bottom:0}.intro .eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.14em;margin:8vh 0 0;font-size:.78rem;font-weight:600}.intro h1{color:#fff;margin:0;font-size:2.4rem}.intro-blurb{font:1.15rem/1.45 var(--serif);opacity:.9;margin:0}.intro-list{gap:8px;margin:4px 0;padding:0;list-style:none;display:grid}.intro-list li{background:#ffffff0f;border-radius:12px;align-items:center;gap:12px;padding:6px 8px;display:flex}.intro-list img{object-fit:cover;border-radius:6px;flex:none;width:36px;height:54px}.intro-list span{font:500 1.08rem var(--serif);flex:1}.one-decade{color:var(--gold-2);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #f0d89866;border-radius:999px;padding:6px 12px;font-size:.8rem}.intention{gap:6px;font-size:.9rem;display:grid}.intention .opt{opacity:.65}.intention input{font:1.05rem var(--serif);color:#fff;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:12px;padding:12px 14px}.btn.big{width:100%;min-height:58px;font-size:1.12rem}.resume{gap:4px;display:grid}.resume[hidden]{display:none}.resume:not([hidden])+.btn{color:var(--ivory);background:#ffffff1a}.resume-where{text-align:center;opacity:.75;margin:0;font-size:.85rem}.hint{text-align:center;opacity:.7;margin:0;font-size:.85rem}.intro-back{text-align:center;color:var(--gold-2);padding:6px;font-size:.9rem}.sheet{z-index:6;background:#0509128c;justify-content:center;align-items:flex-end;animation:.2s fade;display:flex;position:absolute;inset:0}.sheet[hidden]{display:none}@keyframes fade{0%{opacity:0}}.sheet-inner{background:var(--night-2);width:100%;max-width:560px;max-height:92dvh;padding:12px 20px calc(24px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;overflow-y:auto;box-shadow:0 -10px 40px #0006}.sheet-head{justify-content:space-between;align-items:center;display:flex}.sheet-head h2{margin:0;font-size:1.5rem}.sheet-sub,.sheet-note{opacity:.7;margin:0 0 8px;font-size:.85rem}.sheet h3{font-size:1.05rem;font-family:var(--sans);color:var(--gold);margin:20px 0 4px}.map-wrap{justify-content:center;display:flex}#map-svg{width:min(78vw,300px);height:auto}#map-svg .chain{fill:none;stroke:#ffffff40;stroke-width:.8px}#map-svg .mb{fill:#ffffff29;stroke:#ffffff59;stroke-width:.5px;cursor:pointer}#map-svg .mb.done{fill:var(--gold);stroke:var(--gold);opacity:.75}#map-svg .mb.current{fill:var(--gold-2);stroke:#fff;filter:drop-shadow(0 0 3px var(--gold-2))}#map-svg .mcross{fill:#ffffff59;cursor:pointer}#map-svg .mcross.done,#map-svg .mcross.current{fill:var(--gold)}.jump-list{gap:6px;margin-top:12px;display:grid}.jump-list button{text-align:left;color:inherit;font:1.02rem var(--serif);cursor:pointer;background:#ffffff0f;border:1px solid #0000;border-radius:12px;justify-content:space-between;gap:10px;padding:10px 14px;display:flex}.jump-list button.here{border-color:var(--gold)}.jump-list small{font-family:var(--sans);opacity:.6;white-space:nowrap}.setting{gap:6px;margin:14px 0;font-size:.95rem;display:grid}.seg{background:#ffffff14;border-radius:12px;padding:3px;display:flex}.seg button{color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;border-radius:9px;flex:1;padding:9px 6px}.seg button[aria-pressed=true]{background:var(--gold);color:var(--night);font-weight:600}.toggle{cursor:pointer;border-bottom:1px solid #ffffff12;align-items:center;gap:12px;padding:10px 0;font-size:.98rem;display:flex}.toggle input{width:22px;height:22px;accent-color:var(--gold);flex:none}.toggle small{opacity:.6}.fs-btn{width:100%;color:var(--ivory);margin-top:16px}.fs-btn[hidden]{display:none}
