.robot-page{width:min(1440px,100%);margin:auto;padding:24px 32px;color:var(--text-primary,#15314c)}.robot-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:8px 0 32px}.robot-footer a,.robot-header>a:last-child{font-size:13px;font-weight:600}.robot-intro{display:flex;align-items:end;justify-content:space-between;gap:32px;margin:16px 0 26px}.robot-eyebrow{font-size:10px;letter-spacing:.2em;font-weight:700;color:#2371d5;margin-bottom:12px}.robot-intro h1{font-family:var(--font-epilogue);font-size:clamp(28px,3.5vw,48px);font-weight:650;line-height:1.15;letter-spacing:-.05em}.robot-intro>p{max-width:290px;font-size:14px;line-height:1.7;opacity:.7}.robot-experience{border-radius:28px;overflow:hidden;border:1px solid #b9cce2;box-shadow:0 24px 70px #153d6920}.robot-stage{position:relative;height:min(68vh,760px);min-height:430px;background:#dce7f2;color:#17324a}.robot-canvas{position:absolute;inset:0}.robot-canvas canvas{width:100%;height:100%;display:block;touch-action:none}.robot-stage-label{position:absolute;top:24px;left:26px;display:flex;align-items:center;gap:9px;font-size:10px;font-weight:700;letter-spacing:.14em;pointer-events:none}.robot-stage-label>span:last-child{opacity:.4}.robot-live-dot{width:6px;height:6px;border-radius:50%;background:#277ae1}.robot-view-buttons{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:3px;padding:5px;background:#ffffffdb;border:1px solid #ffffff;border-radius:100px;backdrop-filter:blur(12px)}.robot-view-buttons button{padding:9px 17px;border-radius:100px;font-size:12px;font-weight:600}.robot-view-buttons button[aria-pressed=true]{background:#155ccf;color:white}.robot-fullscreen{position:absolute;right:24px;top:22px;padding:10px;background:#ffffffcc;border-radius:12px}.robot-controls{display:flex;align-items:center;gap:20px;padding:16px 22px;background:var(--surface,#f6faff);flex-wrap:wrap}.robot-controls button{gap:7px;font-weight:600}.robot-controls button,.robot-controls label{display:flex;align-items:center;font-size:12px}.robot-controls label{gap:10px}.robot-controls select{padding:8px;border-radius:8px;border:1px solid #aac2df;background:transparent}.robot-controls select option{color:#17324a}.robot-controls .robot-play{background:#155ccf;color:#fff;padding:11px 18px;border-radius:12px;min-width:95px}.robot-controls button[aria-pressed=true]{color:#1768df}.robot-hint{margin-left:auto;font-size:11px;opacity:.55}.robot-footer{display:flex;justify-content:space-between;gap:16px;font-size:12px;padding:25px 4px;opacity:.7}.robot-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#dce7f2;text-align:center}.robot-loading img{width:280px;max-height:65%;object-fit:contain;border-radius:20px}.robot-loading p{font-size:13px;margin:14px}.robot-loading a,.robot-loading button{font-size:13px;margin:8px;text-decoration:underline}.robot-page button:disabled{opacity:.4;cursor:wait}.robot-page a:focus-visible,.robot-page button:focus-visible,.robot-page select:focus-visible{outline:3px solid #2c7fea;outline-offset:3px}.robot-stage:fullscreen{height:100vh}@media(max-width:640px){.robot-page{padding:16px}.robot-header{padding-bottom:20px}.robot-header>a:last-child{font-size:11px}.robot-intro{display:block;margin:14px 0 22px}.robot-intro>p{margin-top:12px;font-size:13px}.robot-experience{border-radius:20px}.robot-stage{height:52vh;min-height:390px}.robot-stage-label{top:18px;left:16px}.robot-fullscreen{right:12px;top:12px}.robot-controls{gap:16px;padding:16px}.robot-view-buttons button{padding:9px 12px}.robot-hint{margin:0;width:100%}.robot-footer{font-size:11px}}