.arc-robo{position:relative;width:min(840px,96%);height:min(600px,94%);padding:0;overflow:hidden;background:#06040c;border:1px solid rgb(224 65 58 / .5);box-shadow:0 0 40px -14px #e0413ab3;touch-action:none}.robo-canvas{position:absolute!important;top:0;right:0;bottom:0;left:0;touch-action:none}.robo-hud{position:absolute;top:8px;left:12px;right:12px;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:6px 10px;font:12px/1.4 "Press Start 2P",monospace;color:#ffd08a;pointer-events:none;text-shadow:0 1px 6px #000}.arc-robo{container:robo / size}.arc-robo .robo-hud{top:60px;grid-template-columns:minmax(0,24%) 1fr minmax(0,24%)}.arc-robo .robo-them{grid-column:3}.arc-robo .robo-mid{grid-column:3;grid-row:2;text-align:right}.robo-hud>span{min-width:0}.robo-hud b{color:#fff}.robo-you{color:#8fbcff!important}.robo-them{text-align:right}.robo-them b{color:#9dbcff}.robo-mid{text-align:center}.robo-mid em{font-style:normal;color:#ffe53f}.robo-stamina{display:block;width:min(110px,100%);height:6px;margin-top:6px;border-radius:3px;background:#ffffff1f;overflow:hidden}.robo-stamina span{display:block;height:100%;background:linear-gradient(90deg,#3ddc97,#ffd23f)}@container robo (max-width: 700px){.arc-robo .robo-hud{grid-template-columns:1fr 1fr}.arc-robo .robo-them{grid-column:2}.arc-robo .robo-mid{grid-column:1 / -1;grid-row:1;position:absolute;right:calc(var(--gk-keys-r, 52px) - 12px + 8px);bottom:calc(100% + 8px);width:calc(100% - var(--gk-keys-w, 52px) - var(--gk-keys-r, 52px) + 24px - 16px);height:44px}.arc-robo:has(>.ctl-credit) .robo-mid{width:calc(50% + 12px - 50px - var(--gk-keys-r, 52px));font-size:calc(10px * var(--text-scale, 1));display:flex;flex-wrap:wrap;align-content:center;justify-content:flex-end;gap:2px 8px}}@container robo (min-width: 701px) and (max-height: 420px){.arc-robo .robo-hud{top:8px;right:calc(var(--gk-keys-r, 52px) + 4px)}.arc-robo .robo-hud>:first-child{grid-row:1 / span 2;margin-top:52px}}.robo-pad{position:absolute;left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));display:flex;justify-content:space-between;align-items:flex-end;gap:8px;pointer-events:none;touch-action:none}.robo-pad-left{display:grid;grid-template-columns:64px 64px;gap:8px}.robo-pad-guard{grid-column:1 / -1;--gk-w: 136px;--gk-h: 64px;--gk-accent: #3ddc97}.robo-pad-right{display:grid;grid-template-columns:84px 84px;gap:8px;--gk-accent: #ff5a4d}.robo-pad-right .robo-pad-guard{--gk-w: 176px}@container robo (max-width: 339px){.robo-pad-right{grid-template-columns:64px 64px}.robo-pad-right .robo-pad-guard{--gk-w: 136px}.robo-pad-right .gk-round--lg{width:64px;height:64px}}@container robo (max-height: 240px){.robo-pad-left{grid-template-columns:84px 64px 64px}.robo-pad-guard{grid-column:auto;--gk-w: 84px}.robo-pad-right{grid-template-columns:84px 84px 84px;align-items:end}.robo-pad-right .robo-pad-guard{order:3;--gk-w: 84px}}.arc-robo-intro .arc-sub,.arc-robo-intro .arc-fact{max-width:470px}.arc-sub .is-jaw{color:#ff8a80}.room-screen .arc-robo{width:100%;height:100%;border:none;box-shadow:none}.room-robo{position:absolute;right:16px;top:64px;width:min(340px,calc(100% - 32px));display:flex;flex-direction:column;gap:10px;padding:16px 18px;border-radius:16px;font-size:calc(13px * var(--text-scale, 1));color:var(--ink-2);background:#0a0714e0;border:1px solid rgb(224 65 58 / .5);pointer-events:auto}.room-robo p{margin:0}.room-robo-actions{display:flex;flex-wrap:wrap;gap:8px}.room-robo-hud{position:absolute;bottom:18px;left:16px;right:16px;pointer-events:none}.room-robo-hud .robo-pad{position:static;margin-top:12px;pointer-events:auto}.room-robo-hud .robo-hud{position:static}@media (max-width: 640px){.room-robo{top:auto;bottom:96px;left:12px;right:12px;width:auto}}@media (max-width: 640px){.arc-robo-intro .arc-fact{order:2}}