:root{--bg:#0d0d0d;--surface:#171717;--line:#a3a3a3;--text:#faf9f7;--text-dim:#b5b5b5;--orange:#ff6b4a;--gold:#ffb454}*{box-sizing:border-box;margin:0}html{scroll-behavior:auto}body{background:var(--bg);color:var(--text);font-family:ui-rounded,SF Pro Rounded,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.55;overflow-x:hidden}.hero,.outro{text-align:center;place-content:center;gap:1rem;min-height:90svh;padding:2rem;display:grid}.hero h1{color:var(--orange);font-size:clamp(2rem,6vw,3.5rem)}.hero p{max-width:34rem;color:var(--text-dim);font-size:1.15rem}.hero-hint{color:var(--gold);animation:2s ease-in-out infinite bob}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.hero-sprite{width:clamp(90px,12vw,140px);margin:0 auto;animation:3s ease-in-out infinite bob}@media (prefers-reduced-motion:reduce){.hero-hint,.hero-sprite{animation:none}}@media (width<=767px){.svg-label{letter-spacing:1px;font-size:34px}.portrait-art .svg-label{letter-spacing:1px;font-size:19px}.env-address{display:none}}.flow-scene{place-items:center;min-height:80svh;padding:3rem 1rem;display:grid}.fs-inner{text-align:center;width:100%;max-width:40rem}.fs-art svg{max-height:40svh}.fs-inner p{text-align:left;max-width:36rem;margin:1rem auto 0}.mini-map{z-index:10;background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid color-mix(in srgb, var(--line) 25%, transparent);pointer-events:none;border-radius:12px;flex-direction:column;align-items:center;gap:.3rem;padding:.5rem .6rem;display:flex;position:fixed;bottom:1rem;left:1rem}.mm-board{aspect-ratio:3/2;width:104px}.mm-label{color:var(--text-dim);text-align:center;max-width:120px;font-size:.7rem}@media (width<=767px){.mini-map{padding:.35rem .45rem;top:.75rem;bottom:auto;left:.75rem}.mm-board{width:68px}.mm-label{max-width:80px;font-size:.6rem}}.mute-toggle{z-index:10;min-height:44px;font:inherit;color:var(--text-dim);background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid color-mix(in srgb, var(--line) 25%, transparent);cursor:pointer;border-radius:999px;padding:.4rem .9rem;font-size:.85rem;position:fixed;bottom:1rem;right:1rem}@media (width<=767px){.mute-toggle{text-align:center;width:44px;padding:0;top:.75rem;bottom:auto;right:.75rem}.mt-label{display:none}}.quiz{max-width:36rem;margin:0 auto;padding:4rem 1.25rem 6rem}.quiz h2{color:var(--orange);text-align:center;margin-bottom:1.5rem}.quiz-q{margin-bottom:2.25rem}.quiz-q>p{margin-bottom:.75rem;font-size:1.1rem}.quiz-option{width:100%;min-height:44px;font:inherit;text-align:left;color:var(--text);background:color-mix(in srgb, var(--surface) 88%, transparent);border:1px solid color-mix(in srgb, var(--line) 30%, transparent);cursor:pointer;border-radius:12px;margin-top:.5rem;padding:.6rem 1rem;display:block}.quiz-option:disabled{cursor:default;opacity:.55}.quiz-option.is-correct{border-color:var(--gold);opacity:1}.quiz-option.is-wrong{border-color:color-mix(in srgb, var(--orange) 60%, transparent);text-decoration:line-through}.quiz-explain{color:var(--text-dim);margin-top:.6rem;font-size:.95rem}.quiz-score{text-align:center;color:var(--orange);font-size:1.15rem}.pinned-scene{position:relative}.ps-visual{place-items:center;height:60svh;padding:.75rem;display:grid;position:sticky;top:0}.ps-visual svg{max-width:100%;max-height:100%}.ps-art{display:contents}.ps-overlay{z-index:2;text-align:center;width:max-content;max-width:min(92%,28rem);position:absolute;bottom:10%;left:50%;transform:translate(-50%)}.pp-button{min-height:44px;font:inherit;color:var(--bg);background:var(--orange);cursor:pointer;box-shadow:0 4px 18px color-mix(in srgb, var(--orange) 35%, transparent);border:none;border-radius:999px;padding:.6rem 1.4rem;font-weight:700}.pp-result{max-width:26rem;color:var(--text);background:color-mix(in srgb, var(--surface) 92%, transparent);border:1px solid color-mix(in srgb, var(--orange) 40%, transparent);border-radius:12px;padding:.75rem 1rem;font-size:.95rem}.ps-steps{z-index:1;padding:0 1rem 30svh;position:relative}.ps-step{justify-content:center;align-items:flex-end;min-height:72svh;display:flex}.ps-step p{background:color-mix(in srgb, var(--surface) 88%, transparent);border:1px solid color-mix(in srgb, var(--line) 30%, transparent);opacity:.6;border-radius:14px;max-width:32rem;padding:1rem 1.25rem;font-size:1.05rem;transition:opacity .35s,transform .35s;transform:translateY(10px)}.ps-step.is-active p{opacity:1;transform:none}@media (width>=768px){.pinned-scene{grid-template-columns:minmax(0,3fr) minmax(0,2fr);display:grid}.ps-visual{height:100svh;padding:2rem}.ps-steps{padding:0 3rem 50svh}.ps-step{justify-content:flex-start;align-items:center;min-height:120svh}.ps-step p{font-size:1.15rem}}