.evo-section{position:relative;width:calc(100% - max(24px,env(safe-area-inset-left,0px)) - max(24px,env(safe-area-inset-right,0px)));margin:clamp(32px,7vw,96px) auto;padding:clamp(24px,5vw,64px);max-width:1280px;border:1px solid color-mix(in srgb,var(--accent,#8be7ff) 28%,transparent);background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.015));overflow:hidden}
.evo-section::before{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at var(--evo-x,20%) var(--evo-y,20%),color-mix(in srgb,var(--accent-2,#ff6fb7) 18%,transparent),transparent 36%);pointer-events:none;transition:1.2s}
.evo-head,.evo-grid,.evo-actions,.evo-stage,.evo-output{position:relative;z-index:1}.evo-head{display:flex;gap:24px;justify-content:space-between;align-items:end;margin-bottom:28px}.evo-kicker{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;opacity:.7}.evo-head h2{font-size:clamp(1.8rem,4vw,4rem);line-height:.95;margin:.35rem 0}.evo-head>p{max-width:38rem;opacity:.72}
.evo-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,1fr);gap:22px}.evo-card,.evo-stage,.evo-output{padding:22px;border:1px solid rgba(255,255,255,.13);background:rgba(3,8,20,.34);backdrop-filter:blur(14px)}.evo-card label{display:grid;gap:8px;margin:0 0 14px;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}.evo-card input,.evo-card textarea,.evo-card select,.evo-card button,.evo-actions button{font:inherit;color:inherit}.evo-card input:not([type=range]),.evo-card textarea,.evo-card select{width:100%;padding:12px;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.2);color:inherit;font-size:1rem}.evo-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.evo-actions button,.evo-chip{min-height:44px;padding:10px 15px;border:1px solid rgba(255,255,255,.24);background:transparent;color:inherit;cursor:pointer}.evo-actions button:hover,.evo-chip[aria-pressed=true]{background:rgba(255,255,255,.12)}
.evo-double-frame{min-height:280px;display:grid;place-items:center;text-align:center;position:relative;isolation:isolate}.evo-double-frame::before{content:"";position:absolute;inset:0;background:linear-gradient(var(--blend-angle,135deg),rgba(41,222,255,.16),rgba(255,63,154,.14));filter:saturate(var(--blend,1));z-index:-1}.evo-line{max-width:26ch;font:clamp(1.25rem,3.4vw,3rem)/1.05 Georgia,serif}.evo-line+ .evo-line{margin-top:1rem;opacity:var(--line-two,.55);transform:translateX(var(--line-shift,0))}
.evo-spatial{min-height:340px;position:relative;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.09),transparent 58%);border:1px solid rgba(255,255,255,.1)}.evo-voice{position:absolute;left:calc(50% + var(--x));top:calc(50% + var(--y));transform:translate(-50%,-50%);width:74px;height:74px;border-radius:50%;border:1px solid rgba(255,255,255,.45);background:rgba(0,0,0,.3);color:inherit;cursor:pointer;box-shadow:0 0 calc(12px + var(--level,0)*1px) rgba(120,220,255,.28)}.evo-voice[aria-pressed=false]{background:rgba(0,0,0,.72);border-style:dashed;color:#fff}.evo-conductor{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);letter-spacing:.15em;font-size:.7rem}
.evo-clock{width:min(100%,430px);aspect-ratio:1;margin:auto;display:block}.evo-return{min-height:88px;font:clamp(1.15rem,2.4vw,2rem)/1.25 Georgia,serif;display:grid;place-items:center;text-align:center}
.evo-constellation{width:100%;min-height:340px;display:block}.evo-node-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.evo-node-list button{border-radius:999px}.evo-floor{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;min-height:330px}.evo-room{display:grid;place-items:center;padding:14px;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.18);color:inherit;cursor:pointer;transition:.5s}.evo-room:hover,.evo-room.visited{background:color-mix(in srgb,var(--accent,#8be7ff) 15%,transparent);transform:translateY(-3px)}.evo-room.secret{grid-column:2;opacity:0;pointer-events:none}.evo-room.secret.revealed{opacity:1;pointer-events:auto;animation:evoReveal 1.4s both}
.evo-prism-scene{min-height:360px;display:grid;place-items:center;perspective:900px}.evo-prism{position:relative;width:170px;height:210px;transform-style:preserve-3d;transform:rotateX(-14deg) rotateY(var(--prism-turn,25deg));transition:1.2s}.evo-prism span{position:absolute;inset:0;display:grid;place-items:center;padding:18px;text-align:center;border:1px solid rgba(255,255,255,.32);background:linear-gradient(135deg,rgba(70,230,255,.18),rgba(255,60,170,.16));backdrop-filter:blur(9px);font-size:.72rem;letter-spacing:.12em}.evo-prism span:nth-child(1){transform:translateZ(86px)}.evo-prism span:nth-child(2){transform:rotateY(60deg) translateZ(86px)}.evo-prism span:nth-child(3){transform:rotateY(120deg) translateZ(86px)}.evo-prism span:nth-child(4){transform:rotateY(180deg) translateZ(86px)}.evo-prism span:nth-child(5){transform:rotateY(240deg) translateZ(86px)}.evo-prism span:nth-child(6){transform:rotateY(300deg) translateZ(86px)}.evo-prism span.hidden-face{color:#fff6bd;background:rgba(255,196,50,.17)}
.evo-live{min-height:1.5em;margin-top:14px;opacity:.78}.evo-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes evoReveal{from{filter:blur(18px);transform:scale(.7)}to{filter:none;transform:none}}
@media(max-width:760px){.evo-grid{grid-template-columns:1fr}.evo-head{display:block}.evo-section{margin:28px max(12px,env(safe-area-inset-right,0px)) 28px max(12px,env(safe-area-inset-left,0px));padding:22px 16px}.evo-floor{grid-template-columns:repeat(2,1fr)}.evo-room.secret{grid-column:auto}.evo-spatial{min-height:300px}.evo-voice{width:62px;height:62px}}
@media(prefers-reduced-motion:reduce){.evo-section *{animation:none!important;transition:none!important}}