:root{background:#020617;color:#edf5ff}body.eoncity-play-entry{margin:0;min-width:320px;min-height:100dvh;overflow:hidden;background:#020617;color:#edf5ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body.eoncity-play-entry .skip-to-content{position:fixed;z-index:20;left:.75rem;top:.75rem;transform:translateY(-180%);padding:.7rem 1rem;border-radius:.65rem;background:#f8fafc;color:#0f172a;text-decoration:none;font-weight:800}body.eoncity-play-entry .skip-to-content:focus{transform:translateY(0)}.eon-city-play-root{position:relative;min-height:100dvh;isolation:isolate;background:radial-gradient(circle at 50% 0%,#283b86,#071326 39%,#020617 75%);overflow:hidden}.eon-city-play-root:fullscreen,.eon-city-play-root:-webkit-full-screen{width:100vw;height:100dvh;background:#020617}.eon-city-play-root:fullscreen .eon-play-session,.eon-city-play-root:-webkit-full-screen .eon-play-session{min-height:100dvh}.eon-play-gate,.eon-play-loading{position:relative;min-height:100dvh;display:grid;grid-template-columns:minmax(0,.92fr) minmax(22rem,1.08fr);gap:clamp(1rem,5vw,5rem);align-items:center;padding:clamp(1.2rem,4vw,4.5rem);overflow:hidden}.eon-play-gate:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,#02061747,#020617ad);pointer-events:none}.eon-play-gate-copy{position:relative;z-index:2;display:grid;gap:1rem;max-width:48rem}.eon-play-kicker{margin:0;color:#9cfdf5;text-transform:uppercase;letter-spacing:.13em;font-size:.7rem;font-weight:900}.eon-play-gate h1,.eon-play-loading h1{margin:0;font-size:clamp(2.1rem,6vw,5.7rem);line-height:.93;letter-spacing:-.055em;text-wrap:balance}.eon-play-gate p,.eon-play-loading p{margin:0;max-width:66ch;color:#c4d3ec;line-height:1.7}.eon-play-gate-art{position:relative;z-index:1;min-height:clamp(23rem,60vh,47rem);border:1px solid rgba(139,248,255,.22);border-radius:1.6rem;overflow:hidden;background:radial-gradient(circle at 50% 20%,rgba(171,126,255,.55),transparent 19%),linear-gradient(180deg,#0f2652,#071226 56%,#020617);box-shadow:0 30px 100px #00000061,inset 0 1px #ffffff14}.eon-play-gate-art:after{content:"";position:absolute;inset:auto 0 0;height:37%;background:linear-gradient(110deg,transparent 0 12%,rgba(57,231,211,.16) 12.5% 13%,transparent 13.5% 27%,rgba(165,132,255,.2) 27.5% 28%,transparent 28.5% 40%,rgba(57,231,211,.13) 40.5% 41%,transparent 41.5%);transform:perspective(12rem) rotateX(58deg) scale(1.7);transform-origin:bottom;opacity:.8}.eon-play-gate-sun{position:absolute;width:min(38vw,18rem);aspect-ratio:1;border-radius:50%;left:50%;top:17%;transform:translate(-50%);background:radial-gradient(circle,#e5dbff 0 5%,#b68cff 16%,#6344d0 38%,#6344d014 70%);box-shadow:0 0 80px #b68cffb8}.eon-play-gate-tower{position:absolute;bottom:22%;left:50%;width:clamp(5rem,16vw,12rem);height:46%;transform:translate(-50%);border:1px solid rgba(139,248,255,.6);background:linear-gradient(90deg,#09172ce6,#2e3e7ed9,#09172ce6);box-shadow:0 0 28px #7cf9ff57,inset 0 0 30px #9655ff40}.eon-play-gate-tower:before,.eon-play-gate-tower:after{content:"";position:absolute;left:50%;transform:translate(-50%);background:#8bf8ff;box-shadow:0 0 18px #8bf8ff}.eon-play-gate-tower:before{top:-3.7rem;width:.2rem;height:3.7rem}.eon-play-gate-tower:after{top:-4.25rem;width:.7rem;height:.7rem;border-radius:50%}.eon-play-gate-grid{position:absolute;inset:55% -12% -10%;background:repeating-linear-gradient(90deg,rgba(139,248,255,.16) 0 1px,transparent 1px 4rem),repeating-linear-gradient(0deg,rgba(182,140,255,.14) 0 1px,transparent 1px 4rem);transform:perspective(14rem) rotateX(58deg);transform-origin:bottom}.eon-play-capability{display:flex;flex-wrap:wrap;gap:.55rem}.eon-play-capability span{padding:.48rem .65rem;border:1px solid rgba(139,248,255,.22);border-radius:999px;background:#06112794;font-size:.76rem;color:#cad8ef}.eon-play-capability strong{color:#aefbf5}.eon-play-gate-note{padding:.8rem 1rem;border-left:2px solid #59ddd2;background:#064e5929;border-radius:.35rem}.eon-play-quality,.eon-play-reduced{display:flex;align-items:center;gap:.55rem;font-size:.88rem;color:#dce9fc}.eon-play-quality select{min-height:2.55rem;border:1px solid rgba(139,248,255,.34);border-radius:.65rem;padding:.4rem .6rem;background:#0b172c;color:#f7fbff;font:inherit}.eon-play-reduced input{width:1.1rem;height:1.1rem;accent-color:#59ddd2}.eon-play-gate-actions{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center}.eon-play-primary,.eon-play-secondary,.eon-play-tertiary{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:.72rem 1.05rem;border-radius:.78rem;font:inherit;font-weight:850;text-decoration:none;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.eon-play-primary{border:1px solid rgba(197,255,250,.85);background:linear-gradient(135deg,#50ddd0,#6f58e9);color:#061121;box-shadow:0 12px 30px #50ddd038}button.eon-play-primary{appearance:none}.eon-play-secondary{border:1px solid rgba(148,163,184,.38);background:#0f172aad;color:#f1f5f9}.eon-play-tertiary{color:#b8cdf2;text-decoration:underline;text-underline-offset:.2rem}.eon-play-primary:hover,.eon-play-primary:focus-visible{transform:translateY(-2px);box-shadow:0 16px 38px #50ddd04d;outline:none}.eon-play-secondary:hover,.eon-play-secondary:focus-visible,.eon-play-tertiary:focus-visible{outline:2px solid #7cf9ff;outline-offset:3px}.eon-play-disclosure{font-size:.78rem;color:#91a5c4!important}.eon-play-loading{display:grid;place-items:center;text-align:center;grid-template-columns:1fr;background:radial-gradient(circle at 50% 38%,rgba(124,249,255,.16),transparent 25%),#020617}.eon-play-loading>*{position:relative;z-index:1}.eon-play-loading-orb{width:5.2rem;aspect-ratio:1;border-radius:50%;border:1px solid rgba(124,249,255,.7);background:radial-gradient(circle at 35% 30%,#fff,#8bf8ff 17%,#6a54e1,#071120 71%);box-shadow:0 0 2.5rem #7cf9ff73;animation:eon-play-pulse 1.8s ease-in-out infinite}@keyframes eon-play-pulse{50%{transform:scale(1.08);box-shadow:0 0 4.4rem #b68cff94}}.eon-play-session{position:relative;min-height:100dvh;overflow:hidden;background:#020617}.eon-play-canvas-host,.eon-play-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.eon-play-canvas:focus-visible{outline:3px solid #8bf8ff;outline-offset:-5px}.eon-play-hud{position:absolute;z-index:3}.eon-play-hud-top{top:max(.75rem,env(safe-area-inset-top));left:max(.75rem,env(safe-area-inset-left));right:max(.75rem,env(safe-area-inset-right));display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;pointer-events:none}.eon-play-brand{max-width:min(38rem,63vw);padding:.8rem 1rem;border:1px solid rgba(139,248,255,.22);border-radius:.9rem;background:linear-gradient(135deg,#020617c7,#0917348f);backdrop-filter:blur(12px);box-shadow:0 10px 34px #00000042}.eon-play-brand h1{margin:.14rem 0 .34rem;font-size:clamp(1.05rem,2.5vw,1.8rem);letter-spacing:-.035em}.eon-play-brand p:not(.eon-play-kicker){margin:0;color:#c0d3ef;font-size:.76rem;line-height:1.42}.eon-play-hud-actions{display:flex;gap:.45rem;flex-wrap:wrap;justify-content:flex-end;pointer-events:auto}.eon-play-hud-actions button,.eon-play-hud-actions a,.eon-play-actions button,.eon-play-pause-panel button,.eon-play-pause-panel a{min-height:2.65rem;padding:.55rem .72rem;border:1px solid rgba(179,205,245,.34);border-radius:.68rem;background:#030a1bc7;color:#edf6ff;font:inherit;font-size:.79rem;font-weight:800;text-decoration:none;cursor:pointer;backdrop-filter:blur(10px)}.eon-play-hud-actions a{display:inline-flex;align-items:center}.eon-play-hud-actions button:hover,.eon-play-hud-actions a:hover,.eon-play-actions button:hover,.eon-play-pause-panel button:hover,.eon-play-pause-panel a:hover{border-color:#8bf8ff;background:#09233ceb}.eon-play-hud-objective{bottom:max(1rem,calc(env(safe-area-inset-bottom) + .5rem));left:max(1rem,env(safe-area-inset-left));display:grid;gap:.2rem;max-width:min(25rem,54vw);padding:.85rem 1rem;border-left:2px solid #7cf9ff;border-radius:.25rem .82rem .82rem .25rem;background:linear-gradient(135deg,#030d1dd1,#151846b3);backdrop-filter:blur(10px);pointer-events:none}.eon-play-hud-objective strong{font-size:.95rem}.eon-play-hud-objective span{color:#bed0ed;font-size:.74rem;line-height:1.45}.eon-play-touch-controls{position:absolute;z-index:4;left:max(1rem,env(safe-area-inset-left));bottom:max(1rem,calc(env(safe-area-inset-bottom) + 5.6rem));display:grid;grid-template-columns:repeat(3,3.5rem);grid-template-rows:repeat(2,3.5rem);gap:.22rem;grid-template-areas:". up ." "left down right";pointer-events:auto}.eon-play-touch-controls button{display:grid;place-items:center;min-width:3.5rem;min-height:3.5rem;border:1px solid rgba(139,248,255,.36);border-radius:1rem;background:#020c1ead;color:#e9fbff;font-size:1.05rem;backdrop-filter:blur(10px);touch-action:none;user-select:none}.eon-play-touch-controls button:active{transform:scale(.95);background:#215b6bd1}.eon-play-touch-controls button:nth-child(1){grid-area:up}.eon-play-touch-controls button:nth-child(2){grid-area:left}.eon-play-touch-controls button:nth-child(3){grid-area:down}.eon-play-touch-controls button:nth-child(4){grid-area:right}.eon-play-actions{position:absolute;z-index:4;right:max(1rem,env(safe-area-inset-right));bottom:max(1rem,calc(env(safe-area-inset-bottom) + .3rem));display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.eon-play-actions button:first-child{border-color:#b68cff99}.eon-play-proof-status{position:absolute;z-index:3;left:50%;bottom:max(1rem,calc(env(safe-area-inset-bottom) + .25rem));transform:translate(-50%);width:min(34rem,calc(100vw - 12rem));padding:.5rem .75rem;border-radius:.6rem;background:#020617ad;color:#d2e6fc;text-align:center;font-size:.69rem;line-height:1.42;backdrop-filter:blur(8px);pointer-events:none}.eon-play-orientation-note{display:none;position:absolute;z-index:5;top:50%;left:50%;transform:translate(-50%,-50%);width:min(21rem,86vw);padding:1rem;border:1px solid rgba(255,186,84,.55);border-radius:1rem;background:#1e1407e0;color:#fff1cb;text-align:center;line-height:1.48}.eon-play-pause-panel{position:absolute;z-index:10;left:50%;top:50%;transform:translate(-50%,-50%);width:min(30rem,calc(100vw - 2rem));padding:1.4rem;border:1px solid rgba(139,248,255,.38);border-radius:1rem;background:linear-gradient(140deg,#060d1ef2,#19194aed);box-shadow:0 2rem 5rem #00000080;text-align:center}.eon-play-pause-panel h2{margin:.3rem 0;font-size:1.4rem}.eon-play-pause-panel p:not(.eon-play-kicker){color:#c5d7ee;line-height:1.55}.eon-play-pause-panel>div{display:flex;justify-content:center;gap:.6rem;flex-wrap:wrap}.eon-play-action-review{position:absolute;z-index:12;inset:0;display:grid;place-items:center;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));background:#01061294;backdrop-filter:blur(7px)}.eon-play-action-review[hidden]{display:none}.eon-play-action-review-card{width:min(36rem,100%);padding:clamp(1rem,3vw,1.6rem);border:1px solid rgba(139,248,255,.45);border-radius:1.2rem;background:linear-gradient(145deg,#051227fa,#1d1549f5);box-shadow:0 2rem 6rem #00000094}.eon-play-action-review-card h2{margin:.3rem 0 .55rem;font-size:clamp(1.4rem,4vw,2rem);letter-spacing:-.035em}.eon-play-action-review-card p:not(.eon-play-kicker),.eon-play-action-review-card li{color:#c9daef;line-height:1.55}.eon-play-action-review-card ul{margin:.8rem 0;padding-left:1.2rem;display:grid;gap:.4rem}.eon-play-action-review-actions{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:1rem}.eon-play-action-review-actions .eon-play-primary,.eon-play-action-review-actions .eon-play-secondary{flex:1;min-width:12rem}.eon-play-action-review-actions button.eon-play-secondary{font:inherit;font-weight:850;cursor:pointer}@media(min-width:761px){.eon-play-touch-controls{opacity:.72}.eon-play-touch-controls:hover{opacity:1}}@media(max-width:760px){.eon-play-action-review{align-items:end;padding:.75rem}.eon-play-action-review-card{max-height:calc(100dvh - 1.5rem);overflow:auto}.eon-play-action-review-actions>*{min-width:100%}.eon-play-gate{grid-template-columns:1fr;align-content:center;min-height:100svh;padding:1rem}.eon-play-gate-art{min-height:15rem;max-height:31svh;order:2}.eon-play-gate-copy{order:1;gap:.72rem}.eon-play-gate h1{font-size:clamp(2rem,12vw,3.4rem)}.eon-play-gate p{line-height:1.52;font-size:.88rem}.eon-play-capability{gap:.35rem}.eon-play-capability span{font-size:.68rem}.eon-play-gate-actions>*{flex:1}.eon-play-hud-top{display:grid;grid-template-columns:1fr;gap:.45rem}.eon-play-brand{max-width:100%;padding:.6rem .72rem}.eon-play-hud-actions{justify-content:flex-start}.eon-play-hud-actions button,.eon-play-hud-actions a{min-height:2.5rem;font-size:.71rem}.eon-play-hud-objective{bottom:calc(env(safe-area-inset-bottom) + .5rem);max-width:calc(100vw - 2rem);padding:.6rem .75rem}.eon-play-hud-objective span{display:none}.eon-play-touch-controls{left:max(.55rem,env(safe-area-inset-left));bottom:calc(env(safe-area-inset-bottom) + 5.2rem);grid-template-columns:repeat(3,3.15rem);grid-template-rows:repeat(2,3.15rem)}.eon-play-touch-controls button{min-width:3.15rem;min-height:3.15rem}.eon-play-actions{right:max(.55rem,env(safe-area-inset-right));bottom:calc(env(safe-area-inset-bottom) + .5rem)}.eon-play-actions button{min-height:2.75rem;padding:.5rem .6rem;font-size:.69rem}.eon-play-proof-status{display:none}}@media(orientation:portrait)and (max-width:760px){.eon-play-session .eon-play-orientation-note{display:block}.eon-play-touch-controls,.eon-play-actions{opacity:.45}.eon-play-hud-objective{opacity:.55}}@media(prefers-reduced-motion:reduce){.eon-play-loading-orb{animation:none}.eon-play-primary,.eon-play-secondary,.eon-play-tertiary{transition:none}.eon-play-primary:hover,.eon-play-primary:focus-visible{transform:none}}.eon-play-controls-panel{position:absolute;z-index:13;inset:0;display:grid;place-items:center;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));background:#0106129e;backdrop-filter:blur(7px)}.eon-play-controls-panel[hidden]{display:none}.eon-play-controls-card{width:min(38rem,100%);padding:clamp(1rem,3vw,1.55rem);border:1px solid rgba(139,248,255,.45);border-radius:1.1rem;background:linear-gradient(145deg,#051227fa,#191542f5);box-shadow:0 2rem 6rem #00000094}.eon-play-controls-card h2{margin:.3rem 0 .75rem;font-size:clamp(1.25rem,3.5vw,1.8rem);letter-spacing:-.03em}.eon-play-controls-card ul{display:grid;gap:.55rem;margin:.85rem 0 1rem;padding-left:1.2rem}.eon-play-controls-card li{color:#c9daef;line-height:1.52}.eon-play-controls-card button{min-height:3rem;padding:.65rem .9rem;border:1px solid rgba(139,248,255,.46);border-radius:.72rem;background:#031023e0;color:#eff9ff;font:inherit;font-weight:850;cursor:pointer}.eon-play-controls-card button:focus-visible,.eon-play-touch-controls button:focus-visible{outline:3px solid #8bf8ff;outline-offset:3px}@media(max-width:760px){.eon-play-hud-actions button,.eon-play-hud-actions a{min-height:3rem}.eon-play-controls-card{max-height:calc(100dvh - 1.5rem);overflow:auto}.eon-play-controls-card button{width:100%}}.eon-play-preview-panel{position:absolute;z-index:14;inset:0;display:grid;place-items:center;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));background:#010612b8;backdrop-filter:blur(8px)}.eon-play-preview-panel[hidden]{display:none}.eon-play-preview-card{width:min(42rem,100%);max-height:calc(100dvh - 2rem);overflow:auto;padding:clamp(1rem,3vw,1.6rem);border:1px solid rgba(139,248,255,.48);border-radius:1.15rem;background:linear-gradient(145deg,#051227fb,#1e144bf7);box-shadow:0 2rem 6rem #0000009e}.eon-play-preview-card h2{margin:.3rem 0 .55rem;font-size:clamp(1.3rem,3.8vw,2rem);letter-spacing:-.03em}.eon-play-preview-card p:not(.eon-play-kicker){color:#c9daef;line-height:1.55}.eon-play-preview-tasks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin:1rem 0}.eon-play-preview-tasks button,.eon-play-preview-actions button{min-height:3rem;padding:.62rem .78rem;border:1px solid rgba(139,248,255,.42);border-radius:.76rem;background:#031023e0;color:#edf8ff;font:inherit;font-weight:800;line-height:1.3;cursor:pointer;text-align:left}.eon-play-preview-tasks button:hover,.eon-play-preview-tasks button:focus-visible,.eon-play-preview-actions button:hover,.eon-play-preview-actions button:focus-visible{border-color:#8bf8ff;background:#0c2b49f2}.eon-play-preview-tasks button[data-preview-done=true]{border-color:#7dffbfc7;background:#0f4a3ad1;color:#e6fff1}.eon-play-preview-actions{display:flex;justify-content:flex-end;gap:.6rem;flex-wrap:wrap}.eon-play-preview-actions button:first-child{border-color:#b68cff9e}@media(max-width:760px){.eon-play-preview-panel{align-items:end;padding:.7rem}.eon-play-preview-card{max-height:calc(100dvh - 1.4rem);border-radius:1rem}.eon-play-preview-tasks{grid-template-columns:1fr}.eon-play-preview-actions>*{width:100%;text-align:center}}.eon-play-sensory{display:grid;gap:.45rem;margin:.1rem 0 .25rem;padding:.7rem .8rem;border:1px solid rgba(139,248,255,.28);border-radius:.8rem;background:#04122775}.eon-play-sensory legend{padding:0 .25rem;color:#d8f7ff;font-size:.76rem;font-weight:850;letter-spacing:.05em;text-transform:uppercase}.eon-play-sensory label{display:flex;align-items:center;gap:.5rem;color:#d5e9ff;font-size:.84rem}.eon-play-sensory input{inline-size:1.1rem;block-size:1.1rem;accent-color:#8bf8ff}.eon-play-sensory p,.eon-play-sensory-status{margin:0;color:#bed0ed;font-size:.72rem;line-height:1.45}.eon-play-sensory input:focus-visible{outline:3px solid #8bf8ff;outline-offset:2px}.eon-play-guide-panel{position:absolute;z-index:13;inset:0;display:grid;place-items:center;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));background:#0106129e;backdrop-filter:blur(7px)}.eon-play-guide-panel[hidden]{display:none}.eon-play-guide-card{width:min(38rem,100%);padding:clamp(1rem,3vw,1.55rem);border:1px solid rgba(139,248,255,.45);border-radius:1.1rem;background:linear-gradient(145deg,#051227fa,#191542f5);box-shadow:0 2rem 6rem #00000094}.eon-play-guide-card h2{margin:.3rem 0 .75rem;font-size:clamp(1.25rem,3.5vw,1.8rem);letter-spacing:-.03em}.eon-play-guide-card p,.eon-play-guide-card li{color:#c9daef;line-height:1.52}.eon-play-guide-card ul{display:grid;gap:.48rem;margin:.85rem 0 1rem;padding-left:1.2rem}.eon-play-guide-card button{min-height:3rem;padding:.65rem .9rem;border:1px solid rgba(139,248,255,.46);border-radius:.72rem;background:#031023e0;color:#eff9ff;font:inherit;font-weight:850;cursor:pointer}.eon-play-guide-card button:focus-visible{outline:3px solid #8bf8ff;outline-offset:3px}@media(max-width:760px){.eon-play-guide-panel{align-items:end;padding:.7rem}.eon-play-guide-card{max-height:calc(100dvh - 1.4rem);overflow:auto}.eon-play-guide-card button{width:100%}}.eon-play-work-panel{position:absolute;z-index:15;inset:0;display:grid;place-items:center;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));background:#010612ad;backdrop-filter:blur(8px)}.eon-play-work-panel[hidden]{display:none}.eon-play-work-card{width:min(43rem,100%);max-height:calc(100dvh - 2rem);overflow:auto;padding:clamp(1rem,3vw,1.65rem);border:1px solid rgba(94,234,212,.48);border-radius:1.15rem;background:linear-gradient(145deg,#051c27fb,#161446f7);box-shadow:0 2rem 6rem #0000009e}.eon-play-work-card h2{margin:.3rem 0 .55rem;font-size:clamp(1.3rem,3.8vw,2rem);letter-spacing:-.03em}.eon-play-work-card p:not(.eon-play-kicker){color:#c9daef;line-height:1.55}.eon-play-work-card ul{display:grid;gap:.55rem;margin:1rem 0;padding:0;list-style:none}.eon-play-work-card li{display:grid;gap:.18rem;padding:.7rem .8rem;border:1px solid rgba(148,163,184,.28);border-radius:.72rem;background:#031023b8}.eon-play-work-card li strong{color:#e8fff9}.eon-play-work-card li span{color:#bfd3eb;font-size:.85rem;line-height:1.42}.eon-play-work-actions{display:flex;gap:.55rem;flex-wrap:wrap}.eon-play-work-actions button{min-height:3rem;padding:.62rem .78rem;border:1px solid rgba(94,234,212,.42);border-radius:.76rem;background:#031023e0;color:#edf8ff;font:inherit;font-weight:800;line-height:1.3;cursor:pointer}.eon-play-work-actions button:disabled{opacity:.55;cursor:not-allowed}.eon-play-work-actions button:hover,.eon-play-work-actions button:focus-visible{border-color:#5eead4;background:#0c3a49f2;outline:none}@media(max-width:760px){.eon-play-work-panel{align-items:end;padding:.7rem}.eon-play-work-card{max-height:calc(100dvh - 1.4rem);border-radius:1rem}.eon-play-work-actions>*{width:100%;text-align:center}}.eon-play-live-crew{max-width:52rem;margin:.42rem 0 0;color:#d8e9fa;font-size:.85rem;line-height:1.45}.eon-play-work-crew,.eon-play-work-latest{padding:.72rem .82rem;border:1px solid rgba(94,234,212,.28);border-radius:.72rem;background:#0310239e;color:#d7e8f7;line-height:1.5}.eon-play-work-latest{margin-top:.78rem;border-color:#a5b4fc47}.eon-play-result-relay{margin:.25rem 0 0;padding:.36rem .56rem;border:1px solid rgba(94,234,212,.42);border-radius:.58rem;background:#041227b8;color:#dffdfa;font-size:.78rem;line-height:1.35}.eon-play-work-outcome{margin:.65rem 0 0;padding:.58rem .68rem;border:1px solid rgba(94,234,212,.34);border-radius:.62rem;background:#041227a6;color:#dffdfa;line-height:1.48}.eon-play-input-status{margin:.34rem 0 0!important;color:#d5e9ff!important;font-size:.72rem!important;line-height:1.42}.eon-play-controls-card kbd{display:inline-grid;min-width:1.45rem;padding:.08rem .28rem;border:1px solid rgba(139,248,255,.38);border-radius:.32rem;background:#041227cc;color:#eaffff;font:700 .74rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;text-align:center}.eon-play-minimap{position:absolute;z-index:4;top:max(7.15rem,calc(env(safe-area-inset-top) + 6rem));right:max(1rem,env(safe-area-inset-right));display:grid;gap:.28rem;width:clamp(7rem,11vw,10rem);padding:.42rem;border:1px solid rgba(139,248,255,.35);border-radius:.92rem;background:linear-gradient(145deg,#030e1fcc,#0a1e39ad);box-shadow:0 1rem 2.6rem #00000047;backdrop-filter:blur(12px);pointer-events:none}.eon-play-minimap[hidden]{display:none}.eon-play-minimap canvas{display:block;inline-size:100%;aspect-ratio:1;border-radius:.62rem;border:1px solid rgba(139,248,255,.22);background:#071428}.eon-play-minimap p{margin:0;color:#cfe5fa;font-size:.62rem;line-height:1.25;text-align:center}.eon-play-mobile-controls{position:absolute;z-index:5;left:max(1rem,env(safe-area-inset-left));bottom:max(1rem,calc(env(safe-area-inset-bottom) + 5rem));display:flex;align-items:end;gap:.62rem;pointer-events:auto}.eon-play-joystick{position:relative;inline-size:8.2rem;block-size:8.2rem;border:1px solid rgba(139,248,255,.48);border-radius:50%;background:radial-gradient(circle at 38% 32%,#7cf9ff33,#091f3cbd 52%,#020816d6);box-shadow:inset 0 0 0 .55rem #8bf8ff0a,0 1rem 2.5rem #00000040;touch-action:none;user-select:none;-webkit-user-select:none;overflow:hidden}.eon-play-joystick:before,.eon-play-joystick:after{content:"";position:absolute;inset:50% auto auto 0;inline-size:100%;block-size:1px;background:#8bf8ff2e;transform:translateY(-50%)}.eon-play-joystick:after{inset:0 auto auto 50%;inline-size:1px;block-size:100%;transform:translate(-50%)}.eon-play-joystick-core{position:absolute;inset:50% auto auto 50%;inline-size:1rem;block-size:1rem;border-radius:50%;background:#8bf8ff;box-shadow:0 0 1rem #8bf8ffcc;transform:translate(-50%,-50%)}.eon-play-joystick-knob{position:absolute;inset:50% auto auto 50%;inline-size:4rem;block-size:4rem;border:1px solid rgba(224,255,255,.78);border-radius:50%;background:radial-gradient(circle at 36% 27%,#fffc,#7cf9ff70 22%,#4837a0bd 68%);box-shadow:0 .55rem 1.5rem #00000052;transform:translate(calc(-50% + var(--eon-joystick-x,0px)),calc(-50% + var(--eon-joystick-y,0px)));transition:transform .05s linear}.eon-play-joystick[data-active=true] .eon-play-joystick-knob{box-shadow:0 0 1.8rem #7cf9ff9e}.eon-play-joystick-label{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,3.2rem);color:#e7f8ff;font-size:.66rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 1px 5px #020617}.eon-play-mobile-controls .eon-play-touch-controls{position:static;left:auto;bottom:auto;display:grid;grid-template-columns:repeat(3,3.5rem);grid-template-rows:repeat(2,3.5rem);gap:.18rem;grid-template-areas:". up ." "left down right";opacity:.72}.eon-play-mobile-controls .eon-play-touch-controls button{min-inline-size:3.5rem;min-block-size:3.5rem;border-radius:.86rem;font-size:1rem}.eon-play-mobile-controls .eon-play-touch-controls:hover,.eon-play-mobile-controls .eon-play-touch-controls:focus-within{opacity:1}.eon-play-hud-actions button[aria-pressed=true]{border-color:#7dffbfc2;background:#0c4b39b3}.eon-play-hud-actions button[data-eon-play-toggle-click-move][aria-pressed=true]{border-color:#ffcb6bc7;background:#513410b8}@media(pointer:fine)and (min-width:761px){.eon-play-mobile-controls{display:none}}@media(max-width:760px){.eon-play-minimap{top:auto;right:max(.55rem,env(safe-area-inset-right));bottom:calc(env(safe-area-inset-bottom) + 5rem);width:6.45rem;padding:.33rem}.eon-play-minimap p{font-size:.54rem}.eon-play-mobile-controls{left:max(.55rem,env(safe-area-inset-left));bottom:calc(env(safe-area-inset-bottom) + .65rem);gap:.4rem}.eon-play-joystick{inline-size:7.1rem;block-size:7.1rem}.eon-play-joystick-knob{inline-size:3.5rem;block-size:3.5rem}.eon-play-joystick-label{transform:translate(-50%,2.75rem)}.eon-play-mobile-controls .eon-play-touch-controls{grid-template-columns:repeat(3,3.5rem);grid-template-rows:repeat(2,3.5rem);gap:.16rem}.eon-play-mobile-controls .eon-play-touch-controls button{min-inline-size:3.5rem;min-block-size:3.5rem}.eon-play-actions{bottom:calc(env(safe-area-inset-bottom) + .55rem)}.eon-play-hud-actions button[data-eon-play-toggle-click-move]{display:none}}@media(orientation:portrait)and (max-width:760px){.eon-play-mobile-controls{opacity:.58}.eon-play-minimap{opacity:.62}}@media(prefers-reduced-motion:reduce){.eon-play-joystick-knob{transition:none}}.eon-play-district-card{position:absolute;z-index:4;left:max(1rem,env(safe-area-inset-left));bottom:calc(env(safe-area-inset-bottom) + 1rem);display:grid;gap:.28rem;width:min(21rem,calc(100vw - 2rem));padding:.7rem .82rem;border:1px solid rgba(124,249,255,.34);border-left:3px solid #7cf9ff;border-radius:.82rem;background:linear-gradient(145deg,#031023db,#0c223cba);box-shadow:0 1rem 2.6rem #00000047;backdrop-filter:blur(12px);pointer-events:none}.eon-play-district-card strong{color:#edfcff;font-size:.82rem;line-height:1.28}.eon-play-district-card span{color:#c9dbef;font-size:.72rem;line-height:1.42}.eon-play-district-card small{color:#96dfe9;font-size:.65rem;line-height:1.35}.eon-play-district-card[data-stage=review-route]{border-left-color:#ffba54}.eon-play-district-card[data-stage=native-handoff]{border-left-color:#a584ff}.eon-play-district-card[data-stage=return-to-city]{border-left-color:#69efb5}@media(max-width:760px){.eon-play-district-card{left:max(.55rem,env(safe-area-inset-left));bottom:calc(env(safe-area-inset-bottom) + 5.05rem);width:min(16rem,calc(100vw - 9rem));padding:.55rem .62rem}.eon-play-district-card .eon-play-kicker{font-size:.53rem}.eon-play-district-card strong{font-size:.72rem}.eon-play-district-card span{display:none}.eon-play-district-card small{font-size:.56rem}}.eon-play-eonbot-panel{position:absolute;z-index:12;inset:0;display:grid;place-items:center;padding:1rem;background:#0106138a;backdrop-filter:blur(8px)}.eon-play-eonbot-panel[hidden]{display:none}.eon-play-eonbot-card{display:grid;gap:.82rem;width:min(44rem,100%);max-height:calc(100dvh - 2rem);overflow:auto;padding:1.15rem;border:1px solid rgba(124,249,255,.4);border-radius:1rem;background:linear-gradient(145deg,#041227fa,#1e1c4ef5);box-shadow:0 2rem 5rem #00000085}.eon-play-eonbot-card h2{margin:0;color:#ecfeff}.eon-play-eonbot-card>p:not(.eon-play-kicker){margin:0;color:#c7d9e9;line-height:1.5}.eon-play-eonbot-card label{display:grid;gap:.35rem;color:#dff7ff;font-size:.84rem;font-weight:760}.eon-play-eonbot-card input{min-height:2.7rem;padding:.55rem .65rem;border:1px solid rgba(148,163,184,.38);border-radius:.68rem;background:#020617b8;color:#f8fafc;font:inherit}.eon-play-eonbot-intents{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.eon-play-eonbot-intents button{display:grid;gap:.3rem;min-height:6.5rem;padding:.78rem;border:1px solid rgba(94,234,212,.3);border-radius:.78rem;background:#064e3b24;color:#efffff;text-align:left;font:inherit;cursor:pointer}.eon-play-eonbot-intents button:hover,.eon-play-eonbot-intents button:focus-visible{border-color:#7cf9ff;background:#082f498f;outline:none}.eon-play-eonbot-intents span{color:#c7e7e5;font-size:.76rem;line-height:1.4}.eon-play-eonbot-review{min-height:1.4rem;color:#d7f8ff;font-size:.84rem;line-height:1.5}.eon-play-eonbot-review a,.eon-play-eonbot-review button,.eon-play-eonbot-card>button{display:inline-flex;align-items:center;justify-content:center;min-height:2.55rem;padding:.52rem .72rem;border:1px solid rgba(124,249,255,.42);border-radius:.68rem;background:#082f49a8;color:#ecfeff;font:inherit;font-weight:800;text-decoration:none;cursor:pointer}.eon-play-soundscape{display:grid;gap:.42rem;padding:.8rem;border:1px solid rgba(165,180,252,.28);border-radius:.82rem;background:linear-gradient(135deg,#1e1b4b3d,#0f172a85);color:#dbeafe}.eon-play-soundscape legend{padding:0 .35rem;color:#c4b5fd;font-size:.82rem;font-weight:800}.eon-play-soundscape label{display:flex;align-items:flex-start;gap:.48rem;color:#dbeafe;font-size:.79rem;line-height:1.38}.eon-play-soundscape p{margin:.15rem 0 0;color:#b9c9e5;font-size:.72rem;line-height:1.45}.eon-play-soundscape-status{margin:.3rem 0 0!important;color:#c4b5fd!important;font-size:.7rem!important}@media(max-width:760px){.eon-play-eonbot-intents{grid-template-columns:1fr}.eon-play-eonbot-card{padding:.95rem}.eon-play-eonbot-intents button{min-height:5.4rem}}.eon-play-performance-lab{position:absolute;z-index:13;inset:0;display:grid;place-items:center;padding:1rem;background:#010613ad;backdrop-filter:blur(8px)}.eon-play-performance-lab[hidden]{display:none}.eon-play-performance-lab-card{display:grid;gap:.78rem;width:min(58rem,100%);max-height:calc(100dvh - 2rem);overflow:auto;padding:1.15rem;border:1px solid rgba(196,181,253,.4);border-radius:1rem;background:linear-gradient(145deg,#081028fa,#1e1b4bf5);box-shadow:0 2rem 5rem #0000008c}.eon-play-performance-lab-card h2{margin:0;color:#f5f3ff}.eon-play-performance-lab-card>p:not(.eon-play-kicker){margin:0;color:#d3d6f5;line-height:1.5}.eon-play-performance-summary{padding:.7rem .78rem;border-left:2px solid #c4b5fd;border-radius:.25rem .7rem .7rem .25rem;background:#312e8140;font-size:.82rem}.eon-play-performance-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.62rem}.eon-play-performance-cases article{display:grid;gap:.38rem;padding:.75rem;border:1px solid rgba(148,163,184,.22);border-radius:.78rem;background:#02061757}.eon-play-performance-cases strong{color:#f8fafc;font-size:.84rem}.eon-play-performance-cases span{color:#c9d6eb;font-size:.74rem;line-height:1.42}.eon-play-performance-cases label{display:grid;gap:.26rem;color:#dbeafe;font-size:.7rem;font-weight:760}.eon-play-performance-cases select,.eon-play-performance-cases textarea{width:100%;border:1px solid rgba(148,163,184,.32);border-radius:.58rem;background:#030a1bb8;color:#f8fafc;font:inherit}.eon-play-performance-cases select{min-height:2.35rem;padding:.42rem}.eon-play-performance-cases textarea{min-height:3.8rem;padding:.46rem;resize:vertical}.eon-play-performance-cases button,.eon-play-performance-lab-actions button{min-height:2.5rem;padding:.5rem .68rem;border:1px solid rgba(196,181,253,.42);border-radius:.65rem;background:#312e815c;color:#f5f3ff;font:inherit;font-weight:800;cursor:pointer}.eon-play-performance-lab-actions{display:flex;flex-wrap:wrap;gap:.55rem}@media(max-width:760px){.eon-play-performance-cases{grid-template-columns:1fr}.eon-play-performance-lab-card{padding:.9rem}.eon-play-performance-lab-actions>*{flex:1}}.eon-play-settings-card{display:grid;gap:.78rem}.eon-play-settings-card>p:not(.eon-play-kicker){margin:0;color:#c9d9ee;line-height:1.5}.eon-play-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.eon-play-settings-grid>label{display:grid;gap:.36rem;padding:.68rem;border:1px solid rgba(148,163,184,.28);border-radius:.78rem;background:#02081761;color:#dff6ff;font-size:.79rem;font-weight:760;line-height:1.35}.eon-play-settings-grid select{min-height:2.45rem;padding:.42rem;border:1px solid rgba(139,248,255,.34);border-radius:.58rem;background:#020a1cc7;color:#f8fafc;font:inherit}.eon-play-settings-grid .eon-play-settings-check{display:flex;align-items:flex-start;gap:.5rem}.eon-play-settings-check input{margin-top:.15rem}.eon-play-settings-status{margin:0;color:#b9d7ef;font-size:.76rem;line-height:1.45}.eon-play-settings-actions{display:flex;flex-wrap:wrap;gap:.55rem}.eon-play-settings-actions button{flex:1;min-width:9rem}@media(max-width:760px){.eon-play-settings-grid{grid-template-columns:1fr}.eon-play-settings-actions button{width:100%}}.eon-play-command-deck-panel{position:absolute;z-index:14;inset:0;display:grid;place-items:center;padding:1rem;background:#010613ad;backdrop-filter:blur(9px)}.eon-play-command-deck-panel[hidden]{display:none}.eon-play-command-deck-card{display:grid;gap:.82rem;width:min(56rem,100%);max-height:calc(100dvh - 2rem);overflow:auto;padding:1.15rem;border:1px solid rgba(124,249,255,.42);border-radius:1rem;background:linear-gradient(145deg,#041227fa,#191842f5);box-shadow:0 2rem 5rem #0000008f}.eon-play-command-deck-card h2{margin:0;color:#f3fdff;font-size:clamp(1.28rem,3vw,2rem)}.eon-play-command-deck-card>p:not(.eon-play-kicker){margin:0;color:#c8d9ed;line-height:1.5}.eon-play-command-deck-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.58rem}.eon-play-command-deck-grid a{display:grid;gap:.32rem;min-height:8.2rem;padding:.84rem;border:1px solid rgba(148,163,184,.3);border-radius:.8rem;background:#02081785;color:#ecfeff;text-decoration:none}.eon-play-command-deck-grid a:hover,.eon-play-command-deck-grid a:focus-visible{border-color:#7cf9ff;background:#082f4999;outline:none;transform:translateY(-1px)}.eon-play-command-deck-grid a strong{color:#f5fbff;font-size:.94rem;letter-spacing:.03em}.eon-play-command-deck-grid a span{color:#c5d9e9;font-size:.76rem;line-height:1.42}.eon-play-command-deck-grid a small{margin-top:auto;color:#8bf8ff;font-size:.7rem;font-weight:800}.eon-play-command-deck-grid a[data-eon-play-command-deck-accent=violet]{border-left:3px solid #b6a1ff}.eon-play-command-deck-grid a[data-eon-play-command-deck-accent=teal]{border-left:3px solid #69efcf}.eon-play-command-deck-grid a[data-eon-play-command-deck-accent=mint]{border-left:3px solid #a8f7c6}.eon-play-command-deck-grid a[data-eon-play-command-deck-accent=amber]{border-left:3px solid #ffca7a}.eon-play-command-deck-grid a[data-eon-play-command-deck-accent=cyan]{border-left:3px solid #7cf9ff}.eon-play-command-deck-note{padding:.68rem .76rem;border-left:2px solid #8bf8ff;border-radius:.2rem .7rem .7rem .2rem;background:#082f4961;font-size:.76rem}.eon-play-command-deck-card>button{justify-self:start;min-height:2.55rem;padding:.5rem .72rem;border:1px solid rgba(124,249,255,.42);border-radius:.68rem;background:#082f49a8;color:#ecfeff;font:inherit;font-weight:800;cursor:pointer}.eon-play-command-deck-card>button:hover,.eon-play-command-deck-card>button:focus-visible{border-color:#8bf8ff;background:#0c4362d6;outline:none}@media(max-width:760px){.eon-play-command-deck-card{padding:.9rem}.eon-play-command-deck-grid{grid-template-columns:1fr}.eon-play-command-deck-grid a{min-height:6.75rem}.eon-play-command-deck-grid a span{font-size:.72rem}}.eon-play-hud-direct .eon-play-brand{max-width:min(31rem,calc(100vw - 14rem))}.eon-play-controls-card-actions{display:flex;flex-wrap:wrap;gap:.5rem}.eon-play-controls-card-actions button,.eon-play-controls-card-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:2.55rem;padding:.52rem .72rem;border:1px solid rgba(124,249,255,.38);border-radius:.68rem;background:#082f498f;color:#ecfeff;font:inherit;font-size:.79rem;font-weight:800;text-decoration:none;cursor:pointer}.eon-play-controls-card-actions button:hover,.eon-play-controls-card-actions button:focus-visible,.eon-play-controls-card-actions a:hover,.eon-play-controls-card-actions a:focus-visible{border-color:#8bf8ff;background:#0c4362d6;outline:none}.eon-play-touch-controls[hidden]{display:none!important}.eon-play-command-deck-panel{padding:max(.75rem,env(safe-area-inset-top)) max(.75rem,env(safe-area-inset-right)) max(.75rem,env(safe-area-inset-bottom)) max(.75rem,env(safe-area-inset-left))}@media(max-width:760px){.eon-play-hud-direct{gap:.42rem}.eon-play-hud-direct .eon-play-brand{max-width:calc(100vw - 11.8rem);padding:.55rem .66rem}.eon-play-hud-direct .eon-play-brand h1{margin:.08rem 0 .18rem;font-size:1rem}.eon-play-hud-direct .eon-play-brand .eon-play-kicker{font-size:.56rem;letter-spacing:.095em}.eon-play-hud-direct .eon-play-input-status,.eon-play-hud-direct .eon-play-live-crew,.eon-play-hud-direct .eon-play-result-relay,.eon-play-hud-direct .eon-play-sensory-status,.eon-play-hud-direct .eon-play-soundscape-status{display:none}.eon-play-hud-direct .eon-play-hud-actions{display:grid;gap:.34rem;max-width:10.4rem}.eon-play-hud-direct .eon-play-hud-actions button{min-height:2.28rem;padding:.42rem .56rem;font-size:.72rem}.eon-play-controls-card-actions>*{flex:1 1 7.75rem}.eon-play-mobile-controls{bottom:max(.6rem,env(safe-area-inset-bottom))}.eon-play-command-deck-panel{place-items:end stretch}.eon-play-command-deck-card{width:100%;max-height:calc(100dvh - max(1rem,env(safe-area-inset-top)) - max(1rem,env(safe-area-inset-bottom));padding:.85rem} .eon-play-command-deck-card>button{position:sticky;bottom:0;box-shadow:0 -.5rem 1rem rgba(4,18,39,.9)} } @media(max-height:520px) and (orientation:landscape){.eon-play-hud-direct .eon-play-brand{display:none} .eon-play-hud-direct{left:max(.48rem,env(safe-area-inset-left));right:max(.48rem,env(safe-area-inset-right));justify-content:flex-end} .eon-play-hud-direct .eon-play-hud-actions{grid-template-columns:repeat(2,minmax(0,1fr));max-width:15rem} .eon-play-mobile-controls{transform:scale(.78);transform-origin:left bottom} .eon-play-command-deck-panel{place-items:center;padding:max(.48rem,env(safe-area-inset-top)) max(.65rem,env(safe-area-inset-right)) max(.48rem,env(safe-area-inset-bottom)) max(.65rem,env(safe-area-inset-left))} .eon-play-command-deck-card{gap:.5rem;max-height: calc(100dvh - 1rem) ;padding:.65rem .75rem} .eon-play-command-deck-card h2{font-size:1.15rem} .eon-play-command-deck-card>p:not(.eon-play-kicker){font-size:.71rem;line-height:1.32} .eon-play-command-deck-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem} .eon-play-command-deck-grid a{min-height:4.35rem;padding:.55rem} .eon-play-command-deck-grid a span{display:none} .eon-play-command-deck-grid a small{font-size:.6rem} .eon-play-command-deck-note{display:none}} .eon-play-creator-atrium-panel{background:rgba(1,11,25,.74)} .eon-play-creator-atrium-card{border-color:rgba(124,249,255,.5);background:linear-gradient(145deg,rgba(5,26,48,.98),rgba(16,42,68,.96))} .eon-play-creator-atrium-grid a[data-eon-play-creator-atrium-accent="violet"]{border-left:3px solid #b6a1ff} .eon-play-creator-atrium-grid a[data-eon-play-creator-atrium-accent="mint"]{border-left:3px solid #a8f7c6} .eon-play-creator-atrium-grid a[data-eon-play-creator-atrium-accent="amber"]{border-left:3px solid #ffca7a} .eon-play-creator-atrium-grid a[data-eon-play-creator-atrium-accent="cyan"]{border-left:3px solid #7cf9ff} @media(max-width:760px){.eon-play-creator-atrium-panel{padding:max(.75rem,env(safe-area-inset-top)) max(.75rem,env(safe-area-inset-right)) max(.75rem,env(safe-area-inset-bottom)) max(.75rem,env(safe-area-inset-left))}.eon-play-creator-atrium-card{width:100%;max-height:calc(100dvh - max(1rem,env(safe-area-inset-top)) - max(1rem,env(safe-area-inset-bottom));overflow:auto}} @media(max-height:520px) and (orientation:landscape){.eon-play-creator-atrium-card{max-height: calc(100dvh - 1rem) ;padding:.65rem .75rem}.eon-play-creator-atrium-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}.eon-play-creator-atrium-grid a{min-height:4.35rem;padding:.55rem}.eon-play-creator-atrium-grid a span{display:none}} [data-eon-city-direct-entry="true"] .eon-play-hud-direct .eon-play-brand {max-width:min(23rem,calc(100vw - 14rem)); padding:.68rem .82rem;} [data-eon-city-direct-entry="true"] .eon-play-hud-direct .eon-play-brand h1 {margin:.1rem 0 .18rem; font-size:clamp(1rem,2.1vw,1.35rem);} [data-eon-city-direct-entry="true"] .eon-play-hud-direct .eon-play-input-status,[data-eon-city-direct-entry="true"] .eon-play-hud-direct .eon-play-live-crew,[data-eon-city-direct-entry="true"] .eon-play-hud-direct .eon-play-result-relay,[data-eon-city-direct-entry="true"] .eon-play-hud-direct .eon-play-sensory-status,[data-eon-city-direct-entry="true"] .eon-play-hud-direct .eon-play-soundscape-status {display:none;} [data-eon-city-direct-entry="true"] .eon-play-hud-objective {max-width:min(19rem,calc(100vw - 2rem)); padding:.62rem .72rem;} [data-eon-city-direct-entry="true"] .eon-play-hud-objective .eon-play-kicker,[data-eon-city-direct-entry="true"] .eon-play-hud-objective span,[data-eon-city-direct-entry="true"] .eon-play-proof-status,[data-eon-city-direct-entry="true"] .eon-play-actions [data-eon-play-save-proof] {display:none;} [data-eon-city-direct-entry="true"] .eon-play-hud-objective strong {font-size:.78rem;} @media(max-width:760px){[data-eon-city-direct-entry="true"] .eon-play-hud-objective {display:none;} [data-eon-city-direct-entry="true"] .eon-play-actions {bottom:max(.65rem,env(safe-area-inset-bottom));}} .eon-play-validation-lab-card{border-color:rgba(103,232,249,.46);background:linear-gradient(145deg,rgba(5,24,43,.98),rgba(20,37,74,.96))}.eon-play-validation-lab .eon-play-performance-summary{border-left-color:#67e8f9;background:rgba(8,145,178,.16)}.eon-play-validation-cases article{border-color:rgba(103,232,249,.22)}.eon-play-validation-lab .eon-play-performance-lab-actions button{border-color:rgba(103,232,249,.42);background:rgba(8,145,178,.24)}.eon-play-validation-lab .eon-play-performance-lab-actions button:hover,.eon-play-validation-lab .eon-play-performance-lab-actions button:focus-visible{border-color:#a5f3fc;background:rgba(14,116,144,.46);outline:none} .eon-play-metropolis-panel{background:rgba(8,8,30,.76)}.eon-play-metropolis-card{border-color:rgba(240,171,252,.45);background:linear-gradient(145deg,rgba(24,9,45,.98),rgba(10,30,58,.96))}.eon-play-metropolis-grid article,.eon-play-signal-template,.eon-play-signal-missions button{display:grid;gap:.42rem;min-height:8.2rem;padding:.84rem;border:1px solid rgba(148,163,184,.3);border-radius:.8rem;background:rgba(2,8,23,.52);color:#ecfeff;text-align:left;font:inherit}.eon-play-metropolis-grid article{grid-template-rows:auto 1fr auto}.eon-play-metropolis-grid article strong,.eon-play-signal-template strong,.eon-play-signal-missions strong{color:#f5fbff;font-size:.94rem;letter-spacing:.03em}.eon-play-metropolis-grid article>span,.eon-play-signal-template span,.eon-play-signal-missions span{color:#c5d9e9;font-size:.76rem;line-height:1.42}.eon-play-metropolis-grid article>div{display:flex;flex-wrap:wrap;gap:.42rem}.eon-play-metropolis-grid article a,.eon-play-metropolis-grid article button,.eon-play-signal-start button,.eon-play-signal-outcomes a,.eon-play-signal-outcomes button{display:inline-flex;align-items:center;justify-content:center;min-height:2.3rem;padding:.42rem .58rem;border:1px solid rgba(124,249,255,.38);border-radius:.58rem;background:rgba(8,47,73,.56);color:#ecfeff;font:inherit;font-size:.74rem;font-weight:800;text-decoration:none;cursor:pointer}.eon-play-metropolis-grid article a:hover,.eon-play-metropolis-grid article a:focus-visible,.eon-play-metropolis-grid article button:hover,.eon-play-metropolis-grid article button:focus-visible,.eon-play-signal-start button:hover,.eon-play-signal-start button:focus-visible,.eon-play-signal-outcomes a:hover,.eon-play-signal-outcomes a:focus-visible,.eon-play-signal-outcomes button:hover,.eon-play-signal-outcomes button:focus-visible{border-color:#8bf8ff;background:rgba(12,67,98,.84);outline:none}.eon-play-signal-expedition-panel{background:rgba(1,10,27,.8)}.eon-play-signal-expedition-card{border-color:rgba(165,180,252,.5);background:linear-gradient(145deg,rgba(8,18,48,.98),rgba(29,19,64,.96))}.eon-play-signal-expedition-flow{display:grid;gap:.75rem}.eon-play-signal-template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.eon-play-signal-template{cursor:pointer}.eon-play-signal-template[aria-pressed="true"]{border-color:#b6a1ff;background:rgba(49,46,129,.36)}.eon-play-signal-template:disabled,.eon-play-signal-missions button:disabled{opacity:.64;cursor:not-allowed}.eon-play-signal-start,.eon-play-signal-missions,.eon-play-signal-outcomes{display:grid;gap:.58rem;padding:.72rem;border:1px solid rgba(124,249,255,.22);border-radius:.76rem;background:rgba(2,8,23,.34)}.eon-play-signal-start p,.eon-play-signal-missions p,.eon-play-signal-outcomes p{margin:0;color:#c8d9ed;font-size:.78rem;line-height:1.45}.eon-play-signal-start label{display:grid;gap:.32rem;color:#dcecf8;font-size:.78rem;font-weight:700}.eon-play-signal-start input{min-height:2.45rem;padding:.48rem .62rem;border:1px solid rgba(124,249,255,.32);border-radius:.58rem;background:rgba(3,17,35,.84);color:#f5fbff;font:inherit}.eon-play-signal-missions{grid-template-columns:repeat(3,minmax(0,1fr))}.eon-play-signal-missions>p{grid-column:1/-1}.eon-play-signal-missions button{min-height:6.3rem;cursor:pointer}.eon-play-signal-outcomes{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));align-items:center}@media(max-width:760px){.eon-play-signal-template-grid,.eon-play-signal-missions{grid-template-columns:1fr}.eon-play-signal-missions>p{grid-column:auto}.eon-play-metropolis-grid article,.eon-play-signal-template{min-height:6.75rem}.eon-play-signal-missions button{min-height:4.8rem}} .eon-play-art-review-panel{background:rgba(3,8,27,.78)}.eon-play-art-review-card{width:min(68rem,100%);border-color:rgba(192,132,252,.44);background:linear-gradient(145deg,rgba(9,19,49,.98),rgba(35,18,68,.97))}.eon-play-art-review-card>p:not(.eon-play-kicker){margin:0;color:#c8d9ed;line-height:1.5}.eon-play-art-review-summary{display:grid;gap:.4rem;padding:.78rem;border:1px solid rgba(124,249,255,.25);border-radius:.78rem;background:rgba(5,30,57,.48);color:#cfe9f6}.eon-play-art-review-summary>strong{color:#f5fbff}.eon-play-art-review-summary>span{font-size:.78rem;line-height:1.4}.eon-play-art-review-categories{display:flex;flex-wrap:wrap;gap:.42rem}.eon-play-art-review-categories span{padding:.28rem .45rem;border:1px solid rgba(196,181,253,.3);border-radius:999px;background:rgba(49,46,129,.28);font-size:.7rem}.eon-play-art-review-card h3{margin:.45rem 0 .55rem;font-size:.92rem;color:#eefaff}.eon-play-art-review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.52rem}.eon-play-art-review-grid article{display:grid;grid-template-columns:3.15rem minmax(0,1fr);gap:.56rem;min-height:4.2rem;padding:.5rem;border:1px solid rgba(148,163,184,.28);border-radius:.7rem;background:rgba(2,8,23,.48)}.eon-play-art-review-grid img{width:3.15rem;height:3.15rem;object-fit:cover;border:1px solid rgba(124,249,255,.32);border-radius:.5rem;background:#071326}.eon-play-art-review-grid article>div{display:grid;align-content:start;gap:.16rem;min-width:0}.eon-play-art-review-grid strong{text-transform:capitalize;color:#f7fbff;font-size:.74rem}.eon-play-art-review-grid span{color:#c5d9e9;font-size:.66rem;line-height:1.3}.eon-play-art-review-grid small{color:#8bf8ff;font-size:.61rem}.eon-play-art-review-note{margin:.1rem 0 .55rem;color:#c8d9ed;font-size:.76rem;line-height:1.42}.eon-play-art-shot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.52rem}.eon-play-art-shot-grid button{display:grid;gap:.34rem;min-height:7rem;padding:.7rem;border:1px solid rgba(148,163,184,.32);border-radius:.76rem;background:rgba(2,8,23,.54);color:#edfaff;text-align:left;font:inherit;cursor:pointer}.eon-play-art-shot-grid button:hover,.eon-play-art-shot-grid button:focus-visible{border-color:#8bf8ff;background:rgba(8,47,73,.68);outline:none;transform:translateY(-1px)}.eon-play-art-shot-grid strong{font-size:.84rem}.eon-play-art-shot-grid span{color:#c5d9e9;font-size:.72rem;line-height:1.38}.eon-play-art-shot-grid small{margin-top:auto;color:#8bf8ff;font-size:.66rem;font-weight:800}.eon-play-art-shot-grid button[data-eon-play-art-accent="violet"]{border-left:3px solid #b6a1ff}.eon-play-art-shot-grid button[data-eon-play-art-accent="mint"]{border-left:3px solid #a8f7c6}.eon-play-art-shot-grid button[data-eon-play-art-accent="amber"]{border-left:3px solid #ffca7a}.eon-play-art-shot-grid button[data-eon-play-art-accent="cyan"]{border-left:3px solid #7cf9ff}@media(max-width:760px){.eon-play-art-review-card{width:100%;max-height: calc(100dvh - 1.1rem) ;overflow:auto}.eon-play-art-review-grid,.eon-play-art-shot-grid{grid-template-columns:1fr}.eon-play-art-review-grid article{min-height:3.85rem}.eon-play-art-shot-grid button{min-height:5.5rem}} .eon-play-art-filter-row{display:flex;flex-wrap:wrap;gap:.42rem;margin:.4rem 0 .62rem}.eon-play-art-filter-row button{min-height:2rem;padding:.34rem .56rem;border:1px solid rgba(124,249,255,.3);border-radius:999px;background:rgba(7,26,49,.7);color:#dff8ff;font:inherit;font-size:.7rem;font-weight:800;text-transform:capitalize;cursor:pointer}.eon-play-art-filter-row button[aria-pressed="true"]{border-color:#b6a1ff;background:linear-gradient(135deg,rgba(55,46,128,.74),rgba(8,71,97,.72));box-shadow:0 0 0 1px rgba(197,172,255,.18) inset}.eon-play-art-filter-row button:hover,.eon-play-art-filter-row button:focus-visible{border-color:#aafaff;background:rgba(11,66,94,.86);outline:none}.eon-play-art-chapter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.52rem}.eon-play-art-chapter-grid article{display:grid;gap:.3rem;min-height:7.1rem;padding:.68rem;border:1px solid rgba(192,132,252,.24);border-radius:.74rem;background:linear-gradient(145deg,rgba(23,14,52,.54),rgba(3,22,41,.62))}.eon-play-art-chapter-grid strong{color:#f4ebff;font-size:.8rem}.eon-play-art-chapter-grid span{color:#c8d9ed;font-size:.7rem;line-height:1.42}.eon-play-art-chapter-grid small{margin-top:auto;color:#a8f7d0;font-size:.62rem;font-weight:800}@media(max-width:760px){.eon-play-art-chapter-grid{grid-template-columns:1fr}.eon-play-art-filter-row button{min-height:2.2rem}} .eon-play-command-deck-grid button{display:grid;gap:.32rem;min-height:8.2rem;padding:.84rem;border:1px solid rgba(148,163,184,.3);border-radius:.8rem;background:rgba(2,8,23,.52);color:#ecfeff;text-align:left;font:inherit;cursor:pointer}.eon-play-command-deck-grid button:hover,.eon-play-command-deck-grid button:focus-visible{border-color:#7cf9ff;background:rgba(8,47,73,.6);outline:none;transform:translateY(-1px)}.eon-play-command-deck-grid button strong{color:#f5fbff;font-size:.94rem;letter-spacing:.03em}.eon-play-command-deck-grid button span{color:#c5d9e9;font-size:.76rem;line-height:1.42}.eon-play-command-deck-grid button small{margin-top:auto;color:#8bf8ff;font-size:.7rem;font-weight:800}.eon-play-command-deck-grid button[data-eon-play-command-deck-accent="violet"]{border-left:3px solid #b6a1ff}.eon-play-command-deck-grid button[data-eon-play-command-deck-accent="teal"]{border-left:3px solid #69efcf}.eon-play-command-deck-grid button[data-eon-play-command-deck-accent="mint"]{border-left:3px solid #a8f7c6}.eon-play-command-deck-grid button[data-eon-play-command-deck-accent="amber"]{border-left:3px solid #ffca7a}.eon-play-command-deck-grid button[data-eon-play-command-deck-accent="cyan"]{border-left:3px solid #7cf9ff}.eon-play-command-deck-grid button[data-eon-play-command-deck-accent="rose"]{border-left:3px solid #ff9cc5}.eon-play-command-deck-grid button[data-eon-play-command-deck-accent="slate"]{border-left:3px solid #aab8ce}.eon-play-command-deck-detail{display:grid;gap:.58rem;padding:.78rem;border:1px solid rgba(124,249,255,.26);border-radius:.74rem;background:rgba(1,11,29,.52)}.eon-play-command-deck-detail h3,.eon-play-command-deck-detail p{margin:0}.eon-play-command-deck-detail h3{color:#f5fbff}.eon-play-command-deck-detail p{color:#c8d9ed;line-height:1.46}.eon-play-command-deck-detail a,.eon-play-command-deck-detail button{justify-self:start;min-height:2.5rem;padding:.52rem .72rem;border:1px solid rgba(124,249,255,.42);border-radius:.66rem;background:rgba(8,47,73,.66);color:#ecfeff;text-decoration:none;font:inherit;font-weight:800;cursor:pointer}.eon-play-command-deck-detail a:hover,.eon-play-command-deck-detail a:focus-visible,.eon-play-command-deck-detail button:hover,.eon-play-command-deck-detail button:focus-visible{border-color:#8bf8ff;background:rgba(12,67,98,.84);outline:none}@media(max-width:760px){.eon-play-command-deck-grid button{min-height:6.75rem}.eon-play-command-deck-grid button span{font-size:.72rem}}@media(max-height:520px) and (orientation:landscape){.eon-play-command-deck-grid button{min-height:4.35rem;padding:.55rem}.eon-play-command-deck-grid button span{display:none}.eon-play-command-deck-grid button small{font-size:.6rem}} .eon-city-portrait-companion{position:relative;display:grid;min-height:100dvh;align-items:end;overflow:hidden;background:radial-gradient(circle at 72% 10%,rgba(120,99,255,.46),transparent 28%),linear-gradient(155deg,#020617 4%,#071a31 43%,#150d36 100%)} .eon-city-companion-art{position:absolute;inset:0;overflow:hidden;background:linear-gradient(180deg,rgba(1,5,18,.12),rgba(1,5,18,.8)),repeating-linear-gradient(90deg,transparent 0 5.8rem,rgba(108,235,255,.06) 5.9rem 6rem)} .eon-city-companion-art:before{content:"";position:absolute;inset:23% -10% 0;background:repeating-linear-gradient(90deg,rgba(22,44,81,.88) 0 4.8rem,rgba(5,14,35,.95) 4.8rem 5.3rem),linear-gradient(180deg,transparent,rgba(2,8,21,.9));clip-path:polygon(0 34%,9% 25%,17% 42%,27% 14%,39% 35%,50% 10%,62% 38%,72% 20%,84% 42%,92% 13%,100% 31%,100% 100%,0 100%)} .eon-city-companion-moon{position:absolute;top:11%;right:13%;width:8.5rem;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 34%,#fff 0 6%,#dbd1ff 18%,#8f67f5 42%,rgba(106,66,210,.05) 72%);box-shadow:0 0 4rem rgba(151,117,255,.72)} .eon-city-companion-spire{position:absolute;bottom:25%;display:block;width:4rem;background:linear-gradient(90deg,#07101f,#263675 47%,#09152e);border:1px solid rgba(126,241,255,.45);box-shadow:0 0 1.6rem rgba(68,216,255,.24),inset 0 0 1rem rgba(172,92,255,.28);transform:skewX(-9deg)} .eon-city-companion-spire-a{left:17%;height:39%}.eon-city-companion-spire-b{right:22%;height:52%;width:5.5rem;transform:skewX(10deg)} .eon-city-companion-rail{position:absolute;left:-12%;right:-12%;bottom:33%;height:.55rem;background:linear-gradient(90deg,transparent,#4cf2e4 16%,#a884ff 51%,#4cf2e4 84%,transparent);box-shadow:0 0 1.1rem rgba(112,240,255,.62);transform:rotate(-7deg)} .eon-city-companion-rain{position:absolute;inset:0;opacity:.38;background:repeating-linear-gradient(110deg,transparent 0 1.6rem,rgba(165,219,255,.26) 1.61rem 1.67rem,transparent 1.68rem 3.2rem)} .eon-city-companion-sheet{position:relative;z-index:1;display:grid;gap:.82rem;padding:max(1.15rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1.25rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));border-top:1px solid rgba(129,243,255,.32);background:linear-gradient(160deg,rgba(3,10,29,.84),rgba(21,13,52,.96));box-shadow:0 -1.5rem 4rem rgba(0,0,0,.38);backdrop-filter:blur(16px)} .eon-city-companion-sheet h1{margin:0;max-width:13ch;font-size:clamp(2rem,10vw,3.2rem);line-height:.96;letter-spacing:-.055em;color:#f6f8ff}.eon-city-companion-sheet>p:not(.eon-play-kicker){margin:0;color:#d1ddf3;font-size:.91rem;line-height:1.52}.eon-city-companion-status{display:flex;flex-wrap:wrap;gap:.42rem}.eon-city-companion-status span{padding:.36rem .55rem;border:1px solid rgba(124,249,255,.25);border-radius:999px;background:rgba(3,21,48,.64);color:#c9eff6;font-size:.68rem;font-weight:800}.eon-city-companion-actions{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.eon-city-companion-actions .eon-play-primary{grid-column:1/-1}.eon-city-companion-actions .eon-play-secondary{min-height:2.8rem;padding:.58rem .7rem;font-size:.78rem}.eon-city-companion-note{padding:.72rem .8rem;border-left:2px solid #8bf8ff;border-radius:.28rem .66rem .66rem .28rem;background:rgba(7,31,65,.6);color:#aec6e8!important;font-size:.72rem!important}.eon-city-companion-orientation{color:#a6f4ec!important;font-size:.77rem!important;font-weight:780} @media (min-width:761px){.eon-city-portrait-companion{display:none}} @media (prefers-reduced-motion:reduce){.eon-city-companion-rain{display:none}} .eon-play-first-run-panel {position: absolute; z-index: 14; inset: clamp(4.5rem,12vh,8rem) clamp(1rem,8vw,7rem) auto; display: grid; place-items: center; pointer-events: none;} .eon-play-first-run-card {width: min(100%,45rem); padding: clamp(1rem,2.4vw,1.6rem); border: 1px solid color-mix(in srgb,var(--eon-cyan, #52e1ff) 44%,transparent); border-radius: 1.1rem; background: color-mix(in srgb,#07111e 92%,transparent); box-shadow: 0 1.5rem 4.5rem rgba(0,0,0,.4); pointer-events: auto;} .eon-play-first-run-card h2 {margin: .1rem 0 .5rem;} .eon-play-first-run-card p {max-width: 65ch;} .eon-play-first-run-grid {display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .65rem; margin: 1rem 0;} .eon-play-first-run-grid a {text-decoration: none; display: grid; gap: .35rem; min-height: 6.2rem; text-align: left; padding: .8rem; border: 1px solid color-mix(in srgb,var(--eon-cyan, #52e1ff) 36%,transparent); border-radius: .8rem; background: rgba(12,28,44,.88); color: inherit; cursor: pointer;} .eon-play-first-run-grid a:hover,.eon-play-first-run-grid a:focus-visible {border-color: var(--eon-cyan, #52e1ff); transform: translateY(-1px);} .eon-play-first-run-grid span {font-size: .84rem; line-height: 1.35; opacity: .84;} @media (max-width: 720px) {.eon-play-first-run-panel {inset: 5rem 1rem auto;} .eon-play-first-run-grid {grid-template-columns: 1fr;} .eon-play-first-run-grid a {min-height: 4.5rem;}})}})}}