
.mayago-shell{padding-bottom:54px}.mayago-hero{display:grid;grid-template-columns:1.2fr .55fr;gap:30px;align-items:center;padding:54px 0 34px}.mayago-hero h1{font-size:clamp(42px,6vw,72px);margin:16px 0}.mayago-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.mayago-tags span{border:1px solid var(--gp-line);border-radius:999px;padding:7px 11px;color:#b8d2e0;font-size:10px;letter-spacing:.08em;background:#0c2032}.mayago-orb{height:220px;width:220px;max-width:100%;justify-self:center;border:1px solid rgba(89,234,216,.24);border-radius:50%;position:relative;display:grid;place-items:center;background:radial-gradient(circle,rgba(89,234,216,.13),transparent 65%);box-shadow:inset 0 0 50px rgba(89,234,216,.05)}.mayago-orb:before,.mayago-orb:after{content:'';position:absolute;inset:16px;border:1px dashed rgba(109,170,255,.3);border-radius:50%}.mayago-orb:after{inset:-9px;border-color:rgba(179,160,255,.18)}.mayago-orb-core{width:95px;height:95px;border-radius:30px;display:grid;place-items:center;background:linear-gradient(145deg,#1a5865,#102b42);border:1px solid #3c999e;font:700 40px 'Space Grotesk';box-shadow:0 0 55px rgba(89,234,216,.18)}.mayago-orb-core span{font-size:11px;color:var(--gp-aqua);position:absolute;margin:58px 0 0 45px}.mayago-orb i,.mayago-orb b,.mayago-orb em{position:absolute;font-size:11px;font-style:normal;color:#c4d8e4;background:#0d2235;border:1px solid var(--gp-line);border-radius:8px;padding:5px 9px}.mayago-orb i{top:20px;left:10px}.mayago-orb b{right:2px;top:100px}.mayago-orb em{bottom:18px;left:35px}.mayago-workspace{border:1px solid rgba(89,234,216,.23);border-radius:22px;overflow:hidden;background:#050e17;box-shadow:0 28px 90px rgba(0,0,0,.28)}.mayago-toolbar{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;background:linear-gradient(100deg,#102b40,#0b1c2c);border-bottom:1px solid var(--gp-line)}.mayago-title{display:flex;align-items:center;gap:12px}.mayago-title strong,.mayago-title small{display:block}.mayago-title small{font-size:11px;color:var(--gp-muted);margin-top:3px}.live-dot{width:10px;height:10px;border-radius:50%;background:#59ead8;box-shadow:0 0 14px #59ead8}.mayago-tools{display:flex;gap:7px;flex-wrap:wrap}.mayago-tool{font-size:12px;padding:9px 11px;border-radius:9px;color:#d9e9f2;border:1px solid var(--gp-line);background:#0c1e2e;cursor:pointer;white-space:nowrap}.mayago-tool.primary{background:#59ead8;color:#06232a;font-weight:700}.mayago-frame-wrap{position:relative;height:min(78vh,800px);min-height:520px;background:#0a1018}.mayago-frame-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#0a1018}.sim-loading{position:absolute;z-index:2;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;background:radial-gradient(ellipse at center,rgba(19,61,78,.94),#07131f 68%);transition:opacity .3s}.sim-loading.hidden{opacity:0;pointer-events:none}.sim-loading strong{margin-top:18px}.sim-loading p{max-width:430px;color:#9db4c5;font-size:13px}.loader-ring{width:38px;height:38px;border:3px solid rgba(89,234,216,.18);border-top-color:#59ead8;border-radius:50%;animation:mayago-spin .8s linear infinite}@keyframes mayago-spin{to{transform:rotate(360deg)}}.mayago-underbar{display:flex;justify-content:space-between;gap:14px;padding:12px 16px;color:#a7c0d0;font-size:11px;border-top:1px solid var(--gp-line);background:#091827}.mayago-underbar b{color:#e5f5fb}.mayago-learning{padding-top:62px}.mayago-section-heading{margin-bottom:20px}.mayago-section-heading p{max-width:750px;color:var(--gp-muted)}.mayago-mission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.mayago-mission-grid .gp-card{display:flex;flex-direction:column;align-items:flex-start}.mayago-mission-grid .gp-button{margin-top:auto}.mayago-brief-area{margin-top:18px}.mayago-brief-area form label{display:block;margin:12px 0 6px;font-size:12px;color:#a9c0ce}.mayago-brief-area form .gp-button{margin-top:14px}.mayago-saved{white-space:pre-wrap;font-size:12px;color:#a9d7cf;margin-top:12px}.mayago-guide ol{padding-left:20px;color:#c2d4df}.mayago-guide li{padding:6px 0}.mayago-guide li b{color:#f0f8fc}.mayago-footer{border-top:1px solid var(--gp-line);padding:20px 0;color:var(--gp-muted);font-size:12px}.mayago-footer .gp-shell{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
@media(max-width:850px){.mayago-hero{grid-template-columns:1fr;padding-top:36px}.mayago-orb{display:none}.mayago-toolbar{align-items:flex-start;flex-direction:column}.mayago-frame-wrap{height:72vh;min-height:480px}.mayago-mission-grid{grid-template-columns:1fr}.mayago-underbar{flex-direction:column}.gp-nav{align-items:flex-start;padding:12px 0;flex-wrap:wrap}.gp-links{order:3;width:100%;overflow-x:auto;flex-wrap:nowrap}.gp-links a{white-space:nowrap}.mayago-tools{width:100%}.mayago-tool{flex:1;text-align:center}}
@media(max-width:480px){.gp-shell{width:calc(100% - 24px)}.mayago-frame-wrap{height:68vh;min-height:430px}.mayago-title small{max-width:260px}.mayago-tool{font-size:11px;padding:8px 7px}}
/* MayaGo self-hosted WebGL simulator */
.maya-stage{position:relative;height:auto;min-height:0;background:#06121f;overflow:hidden;isolation:isolate}.maya-stage #mayaCanvas{display:block;width:100%;height:540px;min-height:540px;touch-action:none;cursor:grab;outline:none}.maya-stage #mayaCanvas:active{cursor:grabbing}.maya-hud-top{position:absolute;left:18px;right:18px;top:16px;display:flex;gap:8px;flex-wrap:wrap;pointer-events:none}.maya-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid rgba(130,209,218,.22);border-radius:999px;background:rgba(4,19,32,.78);color:#d9f4f5;font:700 10px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.07em;backdrop-filter:blur(8px)}.maya-pill i{width:7px;height:7px;border-radius:50%;background:#5ee6bb;box-shadow:0 0 12px #5ee6bb}.maya-hud-stats{position:absolute;left:18px;bottom:18px;display:flex;gap:0;border:1px solid rgba(141,201,216,.2);border-radius:12px;overflow:hidden;background:rgba(4,18,31,.82);backdrop-filter:blur(8px)}.maya-hud-stats>div{padding:10px 14px;min-width:100px;border-right:1px solid rgba(141,201,216,.15)}.maya-hud-stats>div:last-child{border:0}.maya-hud-stats small{display:block;color:#81a9ba;font:700 9px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em}.maya-hud-stats strong{display:block;color:#f0fbff;font:700 14px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}.maya-hud-stats strong small{display:inline;color:#81a9ba;font-size:9px}.maya-scene-label{position:absolute;right:18px;bottom:22px;color:#b6d1dc;font:700 10px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em;text-align:right}.maya-scene-label span{display:block;color:#5e8596;font-size:9px}.maya-toast{position:absolute;top:68px;left:50%;transform:translate(-50%,-8px);padding:10px 15px;max-width:calc(100% - 32px);border-radius:9px;background:rgba(8,32,48,.92);border:1px solid rgba(88,215,198,.35);color:#e6fffa;font-size:12px;text-align:center;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none}.maya-toast.show{opacity:1;transform:translate(-50%,0)}.maya-controls{display:grid;grid-template-columns:150px minmax(280px,1.3fr) minmax(210px,1fr);gap:20px;padding:20px;border-top:1px solid rgba(120,174,192,.15);background:#091a29}.maya-control-label{display:block;margin-bottom:12px;color:#7da7b8;font:800 10px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.13em}.maya-dpad{display:grid;grid-template-columns:repeat(3,42px);grid-template-rows:repeat(2,39px);gap:5px}.maya-dpad button{border:1px solid #31566a;border-radius:8px;background:#102c40;color:#e3f9ff;font-size:17px;cursor:pointer;touch-action:none;user-select:none}.maya-dpad button:first-child{grid-column:2}.maya-dpad button:nth-child(2){grid-column:1;grid-row:2}.maya-dpad button:nth-child(3){grid-column:2;grid-row:2}.maya-dpad button:nth-child(4){grid-column:3;grid-row:2}.maya-dpad button:active,.maya-action-buttons button:active{background:#175d69;border-color:#51d7ca}.maya-control-group>p{margin:9px 0 0;color:#7e9eae;font-size:11px}.maya-action-buttons{display:flex;flex-wrap:wrap;gap:8px}.maya-action-buttons button{padding:10px 12px;border:1px solid #294b5d;border-radius:8px;background:#0c2536;color:#dff5fb;font-size:11px;cursor:pointer}.maya-action-buttons kbd{margin-left:5px;padding:2px 4px;border-radius:4px;background:#193b4e;color:#83d9d2;font:700 9px ui-monospace,SFMono-Regular,Consolas,monospace}.maya-meter{margin:10px 0 12px;color:#a9c6d1;font-size:10px}.maya-meter>span{display:block;margin-bottom:6px}.maya-meter>div{height:5px;border-radius:9px;background:#19384a;overflow:hidden}.maya-meter i{display:block;height:100%;width:50%;background:linear-gradient(90deg,#42c8b4,#e6c16e);border-radius:9px;transition:width .1s}.maya-small-note{font-size:10px!important;line-height:1.5;color:#698b9d!important}.mayago-underbar{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}.mayago-underbar span{font-size:11px}.mayago-underbar #simStatus{color:#5fe1bd}.mayago-workspace{border:1px solid rgba(106,169,191,.2);border-radius:16px;overflow:hidden;background:#071727}.mayago-toolbar{background:#091a29}.mayago-tools{flex-wrap:wrap}.mayago-learning{margin-top:52px}
@media(max-width:900px){.maya-controls{grid-template-columns:130px 1fr}.maya-telemetry{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:0 16px}.maya-telemetry .maya-control-label,.maya-telemetry .maya-small-note{grid-column:1/-1}.maya-stage{height:auto;min-height:0}.maya-stage #mayaCanvas{min-height:480px;height:480px}}
@media(max-width:600px){.maya-stage{height:auto;min-height:0}.maya-stage #mayaCanvas{min-height:490px;height:490px}.maya-hud-top{left:9px;right:9px;top:9px;gap:5px}.maya-pill{font-size:8px;padding:7px 8px}.maya-hud-stats{left:8px;bottom:8px;right:8px;display:grid;grid-template-columns:repeat(2,1fr)}.maya-hud-stats>div{min-width:0;padding:7px 10px;border-bottom:1px solid rgba(141,201,216,.15)}.maya-hud-stats strong{font-size:12px}.maya-scene-label{right:10px;bottom:85px;font-size:8px}.maya-controls{grid-template-columns:1fr;padding:15px;gap:18px}.maya-dpad{grid-template-columns:repeat(3,50px);grid-template-rows:repeat(2,43px)}.maya-action-buttons button{flex:1 1 135px}.maya-telemetry{grid-column:auto;display:block}.maya-toast{top:80px;font-size:11px}.mayago-underbar{padding:11px 12px}.mayago-underbar span{font-size:10px}}
