*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--forest: rgb(28, 72, 57);--mint: rgb(168, 210, 195);--pale: #eef6f1;--ink: #1a2e28;--red-bg: #2a0608;--serif: "Cormorant Garamond", Georgia, serif;--sans: "Inter", system-ui, -apple-system, sans-serif;--mono: "JetBrains Mono", "SF Mono", ui-monospace, monospace;--nav-h: 3.4rem}html,body{width:100%;height:100%;overflow:hidden;background:var(--forest);font-family:var(--sans);cursor:grab;user-select:none;-webkit-user-select:none;touch-action:none}body:active{cursor:grabbing}#app{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse 70% 65% at 50% 48%,#a8d2c3,#6eaa94,#376e58 70%,#1c4839);transition:background .8s ease}#app.mode-chapters{background:#0a0a0a}#webgl{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;z-index:1;transition:opacity .7s ease}#app.mode-chapters #webgl{opacity:0;pointer-events:none}#preloader{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse 70% 65% at 50% 48%,#b4dccd,#5a9682,#1c4839);transition:opacity .9s ease,visibility .9s ease}#preloader.fade-out{opacity:0;visibility:hidden;pointer-events:none}.preloader-count{font-family:var(--mono);font-size:clamp(6rem,22vw,14rem);font-weight:500;color:#ffffffeb;letter-spacing:-.04em;line-height:1;text-shadow:0 0 40px rgba(255,255,255,.25)}.chapters{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.chapters.hidden{visibility:hidden;opacity:0}.chapters:not(.hidden){visibility:visible;opacity:1}.chapter{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transition:opacity .65s ease,visibility .65s ease;pointer-events:none;overflow:hidden}.chapter.active{opacity:1;visibility:visible;pointer-events:auto}.ch-bg{position:absolute;top:0;right:0;bottom:0;left:0}.ch-bg-pale{background:radial-gradient(ellipse 80% 70% at 50% 45%,#f7fbf8,#dceee4 45%,#b8d9c8)}.ch-bg-red{background:radial-gradient(ellipse 50% 80% at 50% 100%,#6a1218 0%,transparent 55%),linear-gradient(180deg,#1a0406,#3a080c 40%,#120203)}.ch-bg-red:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 40%,rgba(255,80,60,.06) 48%,rgba(255,120,80,.12) 50%,rgba(255,80,60,.06) 52%,transparent 60%,transparent 100%);animation:streak 8s ease-in-out infinite alternate}@keyframes streak{0%{opacity:.5;transform:scaleX(.95)}to{opacity:1;transform:scaleX(1.05)}}.ch-bg-dark{background:radial-gradient(ellipse 60% 50% at 30% 20%,rgba(40,80,50,.35),transparent 60%),radial-gradient(ellipse 50% 40% at 80% 70%,rgba(60,50,20,.25),transparent 55%),#0c0e0c}.ch-bg-city{background:linear-gradient(180deg,rgba(255,255,255,.55) 0%,transparent 40%),radial-gradient(ellipse at 30% 70%,#8ab4a0,#5a8a78 40%,#3a6a58);background-size:cover}.ch-bg-city:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(90deg,rgba(40,60,50,.15) 1px,transparent 1px),linear-gradient(rgba(40,60,50,.12) 1px,transparent 1px);background-size:48px 48px;opacity:.45;transform:perspective(600px) rotateX(55deg) scale(1.4);transform-origin:center 80%}.cloud-layer{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 40% 30% at 75% 40%,rgba(255,255,255,.92),transparent 70%),radial-gradient(ellipse 35% 28% at 85% 60%,rgba(255,255,255,.85),transparent 65%),radial-gradient(ellipse 30% 25% at 60% 25%,rgba(255,255,255,.5),transparent 60%);pointer-events:none;animation:clouds 18s ease-in-out infinite alternate}@keyframes clouds{0%{transform:translate(0)}to{transform:translate(-3%)}}.grain-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.35;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.grain-overlay.light{opacity:.22}.serif-hero{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--serif);font-weight:600;text-align:center;z-index:5;pointer-events:none}.believed-title{font-size:clamp(3rem,9vw,6.5rem);color:#3d5c52;font-style:italic;letter-spacing:-.02em;text-shadow:0 2px 30px rgba(255,255,255,.4)}.believed-title:first-letter{font-size:1.15em}.bullshit-title{color:#fff;line-height:.9;z-index:6}.bullshit-title .thats{display:block;font-size:clamp(1.4rem,4vw,2.4rem);font-style:italic;font-weight:400;margin-bottom:-.15em;opacity:.95}.bullshit-title .bull{display:block;font-size:clamp(3.2rem,11vw,7.5rem);font-weight:700;letter-spacing:-.03em}.hand-motif{position:absolute;left:50%;bottom:8%;transform:translate(-50%);z-index:3;pointer-events:none;animation:handFloat 5s ease-in-out infinite}.hand-raised{bottom:0;opacity:.9;filter:drop-shadow(0 0 40px rgba(255,60,40,.35))}.hand-believed{opacity:.7;bottom:18%}@keyframes handFloat{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-12px)}}.float-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:4;pointer-events:none}.shards{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;overflow:hidden}.shard{position:absolute;width:10px;height:10px;border-radius:2px;background:linear-gradient(135deg,#c9a227,#f0e6a8);box-shadow:0 0 12px #c9a22773;animation:shardDrift linear infinite;opacity:.75}.shard.coin{border-radius:50%;width:14px;height:14px}@keyframes shardDrift{0%{transform:translateY(110vh) rotate(0);opacity:0}10%{opacity:.8}90%{opacity:.7}to{transform:translateY(-10vh) rotate(360deg);opacity:0}}.narrative{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);z-index:6;text-align:center;width:min(90vw,720px)}.narr-line{font-family:var(--serif);font-size:clamp(2rem,6.5vw,4.2rem);color:#d8efe4;font-weight:600;opacity:0;position:absolute;left:50%;top:0;width:100%;pointer-events:none;will-change:opacity,transform,filter}.clipping{position:absolute;right:8%;top:22%;width:min(200px,28vw);padding:1rem 1.1rem;background:#f2ebe0;color:#1a1a1a;font-family:var(--serif);font-size:.78rem;line-height:1.35;box-shadow:4px 8px 24px #00000059;transform:rotate(4deg);z-index:4;opacity:.9}.clipping cite{display:block;margin-top:.6rem;font-size:.65rem;opacity:.6;font-style:normal}.tap-hold{position:absolute;left:50%;bottom:calc(var(--nav-h) + 5.5rem);transform:translate(-50%);z-index:8;width:110px;height:110px;border:none;background:transparent;cursor:pointer;pointer-events:auto;display:flex;align-items:center;justify-content:center}.tap-hold .ring{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:rotate(-90deg)}.ring-track{fill:none;stroke:#ffffff26;stroke-width:3}.ring-progress{fill:none;stroke:#7dffb0;stroke-width:3.5;stroke-linecap:round;stroke-dasharray:264;stroke-dashoffset:264;transition:stroke-dashoffset .05s linear}.tap-core{width:54px;height:54px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff,#c8ffe0 40%,#1a3a2a);box-shadow:0 0 30px #78ffb473,inset 0 0 12px #ffffff80}.tap-label{position:absolute;left:calc(100% + .75rem);white-space:nowrap;font-family:var(--sans);font-weight:700;font-size:.85rem;letter-spacing:.12em;color:#fff}.intro-copy{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}.intro-line{opacity:0;visibility:hidden;color:#1e3d34;font-size:clamp(2.8rem,8vw,5.5rem);transition:opacity .55s ease,visibility .55s}.intro-line .script{font-style:italic;font-weight:400}.intro-line .sub{font-size:.55em;font-weight:500;display:block;margin-top:.15em}.intro-line .get{font-weight:700;letter-spacing:.08em;font-family:var(--sans);font-size:.7em;display:block}.map-viewport{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;cursor:grab;background:linear-gradient(160deg,#9ec4b0,#6a9a82 40%,#4a7a68)}.map-viewport:active{cursor:grabbing}.map-world{position:absolute;width:1600px;height:1200px;left:50%;top:50%;transform-origin:center center;will-change:transform}.map-ground{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 50%,#7eb896,#5a9078,#3d7060);border-radius:40px;box-shadow:inset 0 0 80px #00281e40}.map-ground:before{content:"";position:absolute;top:8%;right:8%;bottom:8%;left:8%;background-image:linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:64px 64px;border-radius:24px}.river{position:absolute;left:10%;top:55%;width:80%;height:48px;background:linear-gradient(90deg,#5a9ec8,#7ab8d8,#5a9ec8);border-radius:40px;opacity:.75;transform:rotate(-8deg);box-shadow:0 0 20px #50a0c859}.park{position:absolute;left:var(--x);top:var(--y);width:90px;height:70px;background:#4a8a58;border-radius:50% 40% 55% 45%;opacity:.85;box-shadow:inset 0 -8px 16px #0028144d}.waitlist-zone{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:220px;height:220px;z-index:5}.waitlist-dome{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 40% 35%,rgba(120,255,180,.55),rgba(40,160,100,.25) 55%,transparent 70%);box-shadow:0 0 60px #50ffa066;animation:pulseDome 3s ease-in-out infinite;border:2px solid rgba(140,255,190,.45)}@keyframes pulseDome{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.06);opacity:1}}.waitlist-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;text-align:center;font-family:var(--sans);font-weight:700;font-size:.95rem;letter-spacing:.14em;color:#145032d9;pointer-events:none;text-shadow:0 1px 0 rgba(255,255,255,.4)}.bldg{position:absolute;left:var(--x);top:var(--y);width:56px;height:72px;background:linear-gradient(160deg,#e8eef0,#a8b4bc);border-radius:6px 6px 2px 2px;box-shadow:8px 12px #0000001f,inset -4px 0 #00000014;transform:translate(-50%,-50%) perspective(200px) rotateX(8deg);cursor:pointer;z-index:4;transition:transform .2s ease,box-shadow .2s}.bldg:hover,.bldg.active{transform:translate(-50%,-50%) perspective(200px) rotateX(8deg) scale(1.12);box-shadow:8px 14px #0000002e,0 0 20px #64dca080}.bldg.tall{height:110px;width:48px;background:linear-gradient(160deg,#d4e8ff,#6a90b8)}.bldg.wide{width:88px;height:52px;background:linear-gradient(160deg,#ffe8d4,#c89060)}.bldg.round{width:70px;height:70px;border-radius:50%;background:linear-gradient(160deg,#e0ffe8,#60a878)}.bldg.filler{width:40px;height:56px;background:linear-gradient(160deg,#f0f0f0,#909898);opacity:.9}.bldg.filler.short{height:36px;width:50px}.bldg-label{position:absolute;bottom:-1.35rem;left:50%;transform:translate(-50%);font-size:.62rem;font-weight:600;color:#142823bf;white-space:nowrap;letter-spacing:.04em;text-shadow:0 1px 0 rgba(255,255,255,.5)}.map-joystick{position:absolute;left:1.25rem;bottom:calc(var(--nav-h) + 1.5rem);width:88px;height:88px;border-radius:50%;background:#1e282673;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);z-index:28;pointer-events:auto;touch-action:none}.joy-knob{position:absolute;left:50%;top:50%;width:36px;height:36px;margin:-18px 0 0 -18px;border-radius:50%;background:#ffffff59;border:1px solid rgba(255,255,255,.5);pointer-events:none;transition:background .15s}.map-zoom{position:absolute;right:1.25rem;bottom:calc(var(--nav-h) + 1.5rem);display:flex;flex-direction:column;gap:.4rem;z-index:28;pointer-events:auto}.map-zoom button{width:2.4rem;height:2.4rem;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:#1e282673;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:1.1rem;cursor:pointer;line-height:1}.map-zoom button:hover{background:#32463ca6}.project-card{position:absolute;right:max(1.5rem,4vw);top:46%;transform:translateY(-50%);width:min(340px,88vw);max-height:min(520px,calc(100vh - 9rem));background:#fff;border-radius:1.25rem;box-shadow:0 20px 60px #00000047;z-index:22;pointer-events:auto;overflow:auto;padding-bottom:1rem;transition:opacity .35s ease,transform .35s ease}.project-card.hidden{opacity:0;visibility:hidden;transform:translateY(-45%) scale(.96);pointer-events:none}.card-hero{position:relative;height:150px;background:#1a2e28;overflow:hidden}.card-hero-art{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 70% 40%,rgba(255,255,255,.15),transparent 50%),linear-gradient(135deg,#2a4a3e,#1a2e28 60%,#0e1a16)}.card-hero-art[data-tone=amber]{background:linear-gradient(135deg,#4a3020,#2a1810 60%,#1a1008)}.card-hero-art[data-tone=blue]{background:linear-gradient(135deg,#20384a,#102028 60%,#081018)}.card-hero-art[data-tone=violet]{background:linear-gradient(135deg,#38204a,#201028 60%,#100818)}.card-logo{position:absolute;top:.75rem;left:.75rem;z-index:2;width:2.2rem;height:2.2rem;border-radius:999px;background:#fffffff2;color:#1a1a1a;font-weight:700;font-size:.85rem;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003}.card-role{margin:1rem 1.15rem .35rem;font-size:.68rem;letter-spacing:.16em;color:#889098;font-weight:500}.card-title{margin:0 1.15rem;font-family:var(--serif);font-size:1.35rem;line-height:1.2;color:#111;font-weight:700}.card-desc{margin:.55rem 1.15rem .75rem;font-size:.82rem;line-height:1.45;color:#555}.card-tools{display:flex;flex-wrap:wrap;gap:.35rem;margin:0 1.15rem 1rem}.card-tools span{display:inline-flex;align-items:center;gap:.25rem;padding:.28rem .55rem;border-radius:999px;background:#f2f4f6;font-size:.68rem;font-weight:500;color:#333}.card-cta{display:block;width:calc(100% - 2.3rem);margin:0 1.15rem;padding:.85rem;border:none;border-radius:999px;background:#2a2e32;color:#fff;font-weight:600;font-size:.9rem;cursor:pointer}.card-cta:hover{background:#1a1e22}#ui{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none;opacity:0;transition:opacity 1.2s ease}#ui.visible{opacity:1}#ui.hidden{opacity:0}#prompt{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:.7rem;font-family:var(--mono);color:#fff;text-shadow:0 1px 12px rgba(0,0,0,.2);pointer-events:none;z-index:12;transition:opacity .35s ease}#app.mode-chapters #prompt{opacity:0!important;visibility:hidden}.prompt-title{font-size:clamp(.85rem,1.6vw,1.15rem);font-weight:500;letter-spacing:.28em;text-transform:uppercase;white-space:nowrap}.prompt-hint{font-size:clamp(.6rem,1.1vw,.78rem);letter-spacing:.04em;opacity:.82;white-space:nowrap}.draw-progress{display:flex;align-items:center;gap:.55rem;width:clamp(9rem,20vw,14rem);font-size:.62rem;letter-spacing:.08em;opacity:.9}.draw-progress-track{display:block;flex:1;height:2px;overflow:hidden;background:#ffffff40}#draw-progress-fill{display:block;width:0%;height:100%;background:#fff;box-shadow:0 0 8px #fffc;transition:width .12s ease}#draw-progress-label{min-width:2.3rem;text-align:right}#prompt.optional{opacity:.7}#draw-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:11;pointer-events:none}#app.mode-chapters #draw-layer{opacity:0}#stage-ruler{position:absolute;top:clamp(.75rem,2vh,1.25rem);left:50%;transform:translate(-50%);z-index:16;pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:.35rem;width:min(420px,70vw)}.ruler-track{position:relative;width:100%;height:1.6rem}.ruler-ticks{position:absolute;left:0;right:0;top:.35rem;height:10px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.45) 0,rgba(255,255,255,.45) 1px,transparent 1px,transparent 8px);opacity:.7;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}#app:not(.mode-chapters) .ruler-ticks{opacity:.35}.ruler-marker{position:absolute;left:50%;top:0;transform:translate(-50%);text-align:center;font-family:var(--mono);font-size:.68rem;letter-spacing:.08em;color:#fffffff2;text-shadow:0 1px 4px rgba(0,0,0,.4);white-space:nowrap}#app.mode-chapters.theme-pale .ruler-marker,#app.mode-chapters.theme-city .ruler-marker{color:#1e322ad9;text-shadow:none}#app.mode-chapters.theme-pale .ruler-ticks,#app.mode-chapters.theme-city .ruler-ticks{background:repeating-linear-gradient(90deg,rgba(40,60,50,.4) 0,rgba(40,60,50,.4) 1px,transparent 1px,transparent 8px)}#stages{display:flex;gap:clamp(.4rem,1.5vw,1rem);align-items:center;justify-content:center}.stage-btn{font-family:var(--mono);font-size:clamp(.55rem,1vw,.68rem);font-weight:500;letter-spacing:.08em;color:#ffffff59;background:transparent;border:none;cursor:pointer;padding:.25rem .2rem;transition:color .35s ease}.stage-btn:disabled{cursor:default;opacity:.35}.stage-btn:not(:disabled):hover{color:#ffffffbf}.stage-btn.active{color:#fffffff2}#app.mode-chapters.theme-pale .stage-btn,#app.mode-chapters.theme-city .stage-btn{color:#1e322a66}#app.mode-chapters.theme-pale .stage-btn.active,#app.mode-chapters.theme-city .stage-btn.active{color:#142d23f2}#xp-pill{position:absolute;top:clamp(.85rem,2.2vh,1.4rem);right:clamp(1rem,3vw,1.75rem);z-index:16;pointer-events:none;display:flex;align-items:center;gap:.4rem;padding:.4rem .75rem;border-radius:999px;background:#ffffff2e;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.28);font-family:var(--sans);font-size:.78rem;font-weight:600;color:#fff}.xp-star{color:#f0c44c;font-size:.85rem}#app.mode-chapters.theme-pale #xp-pill,#app.mode-chapters.theme-city #xp-pill{background:#ffffffb8;color:#1a2e28;border-color:#00000014}#audio-toggle{position:absolute;top:clamp(.85rem,2.2vh,1.4rem);left:clamp(1rem,3vw,1.75rem);width:2.1rem;height:2.1rem;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:#00000026;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ffffffb3;cursor:pointer;pointer-events:auto;display:flex;align-items:center;justify-content:center;font-size:.85rem;z-index:16;transition:color .25s,border-color .25s}#audio-toggle:hover,#audio-toggle.on{color:#fff;border-color:#ffffffd9}#app.mode-chapters.theme-pale #audio-toggle,#app.mode-chapters.theme-city #audio-toggle{border-color:#1e322a4d;color:#1e322aa6;background:#ffffff80}.scroll-hint{position:absolute;left:50%;bottom:calc(var(--nav-h) + 1.35rem);transform:translate(-50%);z-index:15;pointer-events:auto;display:none;align-items:center;gap:.45rem;padding:.4rem .85rem;border-radius:999px;border:none;background:#1e282666;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#b4ffd2f2;font-family:var(--sans);font-size:.68rem;font-weight:600;letter-spacing:.14em;cursor:pointer}#app.mode-chapters .scroll-hint{display:inline-flex}#app.mode-chapters.ch-map .scroll-hint{display:none}.scroll-dot{width:6px;height:6px;border-radius:50%;background:#6dffb0;box-shadow:0 0 8px #6dffb0}#app.mode-chapters.theme-pale .scroll-hint,#app.mode-chapters.theme-city .scroll-hint{background:#ffffffa6;color:#2a6a50}#app.mode-chapters.theme-pale .scroll-dot,#app.mode-chapters.theme-city .scroll-dot{background:#2a8a58;box-shadow:none}#skip-stage{position:absolute;right:clamp(1rem,3vw,2.25rem);bottom:calc(var(--nav-h) + 1.2rem);z-index:15;pointer-events:auto;border:1px solid rgba(255,255,255,.65);border-radius:999px;padding:.7rem 1rem;color:#fff;background:#1c483940;font-family:var(--mono);font-size:clamp(.68rem,1.2vw,.82rem);letter-spacing:.08em;cursor:pointer;box-shadow:0 0 18px #ffffff1f;transition:background .25s ease,border-color .25s ease,transform .25s ease}#skip-stage:hover,#skip-stage:focus-visible{border-color:#fff;background:#ffffff2e;transform:translateY(-1px);outline:none}#skip-stage:disabled{opacity:.42;cursor:default;transform:none}#app.mode-chapters.ch-map #skip-stage{display:none}#app.mode-chapters.theme-pale #skip-stage,#app.mode-chapters.theme-city #skip-stage{border-color:#1e322a80;color:#1a2e28;background:#ffffff73}#bottom-nav{position:absolute;left:50%;bottom:1rem;transform:translate(-50%);z-index:20;pointer-events:auto;display:flex;align-items:center;gap:.65rem;padding:.45rem .55rem;min-width:min(420px,92vw);border-radius:999px;background:#ffffff24;backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);border:1px solid rgba(255,255,255,.22);box-shadow:0 8px 32px #0000002e}.nav-logo{display:flex;align-items:center;gap:.45rem;border:none;background:transparent;cursor:pointer;padding:.15rem .35rem .15rem .15rem;color:#fff;font-family:var(--sans);font-weight:700;font-size:.72rem;letter-spacing:.14em}.logo-orb{width:2rem;height:2rem;border-radius:50%;background:radial-gradient(circle at 35% 30%,#9fe8c8,#2a8a68 55%,#0e3a2a);box-shadow:inset 0 0 8px #ffffff59,0 0 12px #50c88c59;flex-shrink:0}.logo-word{opacity:.95}.nav-beta-wrap{flex:1;position:relative;display:flex;justify-content:center}.nav-beta{width:100%;max-width:220px;padding:.7rem 1.25rem;border:none;border-radius:999px;background:#1e2226;color:#fff;font-weight:600;font-size:.88rem;cursor:pointer;transition:background .2s}.nav-beta:hover{background:#000}.beta-form{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;gap:.35rem;padding:0 .2rem}.beta-form.open{display:flex}.beta-form input{flex:1;border:none;border-radius:999px;padding:.55rem .85rem;font-size:.82rem;outline:none;background:#fff;color:#111;pointer-events:auto}.beta-form button{border:none;border-radius:999px;padding:.55rem .85rem;background:#1e2226;color:#fff;font-weight:600;cursor:pointer}.nav-beta-wrap.expanded .nav-beta{display:none}.nav-menu{width:2.2rem;height:2.2rem;border-radius:50%;border:none;background:#ffffffe6;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex-shrink:0}.nav-menu span{display:block;width:12px;height:2px;background:#1a1a1a;border-radius:1px}.menu-panel{position:absolute;right:max(1rem,calc(50% - 210px));bottom:calc(var(--nav-h) + 1.4rem);z-index:25;pointer-events:auto;display:flex;flex-direction:column;gap:.25rem;padding:.65rem;border-radius:1rem;background:#141c1aeb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);min-width:200px}.menu-panel[hidden]{display:none!important}.menu-panel button{border:none;background:transparent;color:#ffffffd9;text-align:left;padding:.55rem .7rem;border-radius:.5rem;font-size:.8rem;cursor:pointer}.menu-panel button:hover{background:#ffffff14}.toast{position:absolute;left:50%;bottom:calc(var(--nav-h) + 3.5rem);transform:translate(-50%) translateY(12px);z-index:30;pointer-events:none;padding:.65rem 1.1rem;border-radius:999px;background:#142820eb;color:#dfffea;font-size:.82rem;opacity:0;transition:opacity .3s,transform .3s;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}@media (max-width: 700px){.clipping{display:none}.tap-label{left:50%;top:calc(100% + .4rem);transform:translate(-50%)}.project-card{right:50%;transform:translate(50%,-50%);width:min(320px,92vw)}.project-card.hidden{transform:translate(50%,-45%) scale(.96)}.map-joystick{left:.6rem;width:72px;height:72px}.logo-word{display:none}#stages{gap:.25rem}.map-zoom{right:.6rem}}.card-hero-art[data-tone=green]{background:linear-gradient(135deg,#204a30,#102818 60%,#081410)}.chapter-progress{position:fixed;left:50%;bottom:calc(var(--nav-h) + 3.4rem);transform:translate(-50%);z-index:40;display:flex;align-items:center;gap:.55rem;pointer-events:none;opacity:0;transition:opacity .35s ease}#app.mode-chapters .chapter-progress{opacity:1}#app.mode-chapters.ch-map .chapter-progress{opacity:.55}.chapter-progress[hidden]{display:none!important}.chapter-progress-track{width:min(140px,28vw);height:3px;border-radius:999px;background:#ffffff38;overflow:hidden}#app.mode-chapters.theme-pale .chapter-progress-track,#app.mode-chapters.theme-city .chapter-progress-track{background:#1e3c3233}.chapter-progress-fill{height:100%;width:0%;border-radius:inherit;background:linear-gradient(90deg,#7dffb0,#fff);box-shadow:0 0 12px #7dffb08c;transition:none}#app.mode-chapters.theme-pale .chapter-progress-fill,#app.mode-chapters.theme-city .chapter-progress-fill{background:linear-gradient(90deg,#2a6a52,#1e3d34);box-shadow:none}.chapter-progress-label{font-family:var(--mono, "JetBrains Mono", monospace);font-size:.65rem;letter-spacing:.06em;color:#ffffffb3;min-width:2.4em}#app.mode-chapters.theme-pale .chapter-progress-label,#app.mode-chapters.theme-city .chapter-progress-label{color:#1e3c32a6}.beat-sub{position:absolute;left:50%;top:calc(50% + clamp(2.2rem,6vw,4rem));transform:translate(-50%);z-index:5;font-family:var(--sans);font-size:clamp(.75rem,1.6vw,.95rem);letter-spacing:.14em;text-transform:uppercase;color:#3d5c52bf;text-align:center;opacity:0;pointer-events:none;white-space:nowrap}.hand-motif{animation:none}.hand-motif.is-idle-float{animation:handFloat 5s ease-in-out infinite}.narrative{height:4.5em}.narr-line{will-change:opacity,transform,filter;transition:none!important}.tap-hold{pointer-events:none}.tap-hold.is-ready{pointer-events:auto}.intro-line{transition:none}.clipping{will-change:transform,opacity}.red-particles{z-index:4;mix-blend-mode:screen;opacity:.85}#ch-map .map-viewport,#ch-map .project-card,#ch-map .map-joystick,#ch-map .map-zoom{will-change:opacity,transform}