/* Local Offphase identity study. Existing game art remains untouched. */
:root{--phase-accent:#d6ff5b;--phase-ink:#111413}
body{background:#101311;color:#f2f1e8}
.night-sky{background:radial-gradient(ellipse at 75% 20%,#b2d83c12,transparent 65%),repeating-linear-gradient(0deg,#ffffff02 0 1px,transparent 1px 4px)}
header{border-bottom-color:#e1ead522}
.wordmark{width:auto;height:auto;display:flex;align-items:center;gap:12px;color:#f1f3e8}
.phase-mark{display:grid;place-items:center;width:43px;height:43px;border:2px solid var(--phase-accent);border-radius:50%;font-size:43px;line-height:1;color:var(--phase-accent);transform:rotate(-24deg)}
.phase-name{font-size:30px;font-weight:900;letter-spacing:-.065em;line-height:1}
.phase-sub{display:block;font-size:7px;letter-spacing:.25em;font-weight:500;margin-top:8px;color:#b6bdae}
nav{color:#c0c6b9}.nav-play{border-color:#afbc9355;color:#e0eccb}
.nav-play span,.eyebrow,.star,.catalog-page nav [aria-current]{color:var(--phase-accent)}
h1 em,h2 em{background:none;color:var(--phase-accent);-webkit-text-fill-color:var(--phase-accent)}
.hero{grid-template-columns:1.17fr 1fr;padding-top:85px}
.hero h1{font-size:clamp(54px,6.2vw,82px)}
.intro,.studio-layout p,.game-copy p,.catalog-copy p{color:#abb4a7}
.button{background:var(--phase-accent);border-color:#e1ff8b;color:#18200b;border-radius:3px;box-shadow:0 5px 0 #070b05,0 8px 35px #baff4010}
.button:hover{background:#e6ff9f}.button:active{transform:translateY(2px);box-shadow:0 2px 0 #070b05}
.floating-label{background:#1c221b;border-color:#697354;color:#dce6cf}
.art-panel{border-radius:9px;box-shadow:0 25px 90px #0009,0 0 0 1px #a7b68d55}
.orbit{border-color:#adc57924}.star{animation:none;text-shadow:0 0 25px #c7ff4544}
.studio{background:radial-gradient(ellipse at 0 100%,#b4cb4e0b,transparent 65%)}
.pedal-control{display:flex;align-items:center;gap:17px;margin:26px 0 25px}
.engage-switch{width:62px;height:81px;position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;border:1px solid #778266;border-radius:8px;background:linear-gradient(125deg,#363f30,#1b2019);box-shadow:0 5px 0 #070a06,inset 0 1px 1px #ffffff35;padding:11px 8px;cursor:pointer}
.switch-led{width:7px;height:7px;border-radius:50%;background:#48543a;box-shadow:inset 0 1px 3px #000}
.switch-cap{width:30px;height:30px;border-radius:50%;border:3px solid #93998d;background:linear-gradient(130deg,#fafbf3,#8a9085 50%,#dbe0d3);box-shadow:0 4px 0 #050805,0 0 0 4px #171c16;transition:transform .15s}
.engage-switch:active .switch-cap{transform:translateY(3px)}
.engage-switch:focus-visible{outline:3px solid var(--phase-accent);outline-offset:6px}
.switch-caption{font-size:8px;letter-spacing:.13em;color:#c4ccb9;line-height:1.7}
.switch-state{display:block;font-size:9px;letter-spacing:.12em;color:#7e8977;margin-top:4px}
.engaged .switch-led{background:var(--phase-accent);box-shadow:0 0 7px #cfff45,0 0 20px #bcff43}
.engaged .switch-state{color:var(--phase-accent)}
.hero-art{transition:filter .65s,transform .65s}
.engaged .hero-art{filter:drop-shadow(0 0 25px #d6ff5b35);transform:translateY(-5px)}
.engaged .orbit-a{animation:phase-orbit 14s linear infinite}.engaged .orbit-b{animation:phase-orbit 19s linear infinite reverse}
@keyframes phase-orbit{to{transform:rotate(330deg) scaleY(.66)}}
.exclusive strong{color:#d0dac5}.footer-name{letter-spacing:-.055em}.footer-name span{letter-spacing:.15em}
.catalog-hero{background:#131910}.catalog-hero:after{background:linear-gradient(90deg,#101311 15%,#101311ed 37%,#10131150 72%,#1013110a),linear-gradient(0deg,#101311,transparent 25%,transparent 85%,#101311)}
.exclusive-band{background:#192116;border-color:#d6ff5b33}.exclusive-band a,.play-label{color:var(--phase-accent)}
.catalog-filters button[aria-pressed=true]{background:var(--phase-accent);border-color:var(--phase-accent);color:#18200b}
.catalog-filters button,#reset-catalog,.catalog-search input{background:#1b2219;border-color:#85957244}
.catalog-filters button:hover{border-color:var(--phase-accent)}
.catalog-invite{background:linear-gradient(110deg,#26321d,#171d14);border-color:#a4b38844}
@media(max-width:800px){.hero{grid-template-columns:1fr;padding-top:55px}.wordmark{width:auto;height:auto}.phase-name{font-size:25px}.phase-mark{width:35px;height:35px;font-size:35px}.hero h1{font-size:clamp(49px,9vw,70px)}.pedal-control{margin:22px 0}.hero-art{margin-top:10px}}
@media(max-width:450px){.phase-name{font-size:22px}.phase-sub{font-size:6px}.phase-mark{width:31px;height:31px;font-size:30px}.wordmark{gap:8px}header{padding-left:20px;padding-right:20px}.nav-play{font-size:10px;padding:10px}.hero h1{font-size:49px;letter-spacing:-.065em}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-art,.switch-cap{transition:none}.engaged .orbit{animation:none}}