.oficina-backdrop{--oficina-bg:#100e22;--oficina-panel:#1d1a38;--oficina-panel-deep:#14122a;--oficina-line:#55508e;--oficina-line-bright:#8781cf;--oficina-outline:#0a0918;--oficina-gold:#efa71e;--oficina-gold-pale:#ffe9a8;--oficina-font-pixel:var(--font-pixel), monospace}html:has(.oficina-backdrop){background:#100e22}html:has(.oficina-backdrop) body{background:#100e22}.oficina-backdrop{background:var(--oficina-bg);flex-direction:column;align-items:center;min-height:100dvh;padding:14px 14px 24px;display:flex;position:relative;overflow-x:hidden}.oficina-mission-complete{border:2px solid var(--oficina-gold);background:var(--oficina-panel);color:#fffdf7;text-align:center;width:min(800px,100%);margin:0 0 12px;padding:10px 12px;font-size:14px;line-height:1.5}.oficina-frame{flex-direction:column;display:flex}.oficina-hud{display:contents}.oficina-hud-info,.oficina-hud-actions{pointer-events:auto;flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.oficina-hud-info{order:-1;margin:0 0 8px}.oficina-hud-actions{order:1;justify-content:center;margin:10px 0 0}.oficina-plate{font-family:var(--oficina-font-pixel);color:var(--color-card);border:2px solid var(--oficina-line);box-shadow:0 2px 0 var(--oficina-outline);background:#100e22d9;padding:6px 8px;font-size:10px;font-weight:400;line-height:1.4;text-decoration:none}.oficina-plate-readout{box-shadow:none;border:0;border-left:2px solid var(--oficina-line);background:#0a09188c;padding:7px 9px 7px 8px}.oficina-plate-room{color:var(--oficina-gold-pale);border-left-color:var(--oficina-gold)}.oficina-plate-ticket{color:var(--oficina-gold)}.oficina-hud-btn{cursor:pointer;transition:background-color .15s,border-color .15s}.oficina-hud-btn:hover{border-color:var(--oficina-line-bright);background:#2a2650eb}.oficina-hud-btn:focus-visible{outline:3px solid var(--color-strategy);outline-offset:2px}.oficina-back-link{color:var(--color-ink-muted);margin-left:auto;transition:color .15s}.oficina-back-link:hover,.oficina-back-link:focus-visible{color:var(--color-card)}.oficina-back-link:focus-visible{outline:3px solid var(--color-strategy);outline-offset:2px}.oficina-sound-icon{display:none}.oficina-hud-icon{width:16px;height:16px;image-rendering:pixelated;flex:none}.oficina-hud-btn-icon{align-items:center;gap:6px;display:inline-flex}.oficina-frame{background:var(--oficina-panel);border:2px solid var(--oficina-line-bright);width:min(100%,1040px);box-shadow:0 0 0 4px var(--oficina-outline), 0 0 0 6px #3a3670, 0 12px 28px #0000008c;padding:8px}.oficina-stage{aspect-ratio:1;background:var(--oficina-outline);outline:none;width:min(100%,100dvh - 134px);margin-inline:auto;position:relative;overflow:hidden}.oficina-stage canvas{image-rendering:pixelated;cursor:pointer;display:block}.oficina-engine-error{z-index:6;background:#100e22b3;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.oficina-engine-error-detail{max-width:80%;font-family:var(--oficina-font-pixel);text-align:center;color:var(--oficina-gold-pale);overflow-wrap:break-word;font-size:9px;line-height:1.5}.oficina-talk-prompt{white-space:nowrap;font-family:var(--oficina-font-pixel);color:var(--oficina-outline);background:var(--oficina-gold-pale);border:2px solid var(--oficina-outline);cursor:pointer;z-index:5;align-items:center;gap:7px;padding:6px 9px;font-size:10px;line-height:1;display:inline-flex;position:absolute;transform:translate(-50%,-100%);box-shadow:0 3px #0000008c}.oficina-talk-prompt:focus-visible{outline:3px solid var(--color-strategy);outline-offset:2px}.oficina-mission-prompt{color:var(--oficina-gold-pale);background:var(--oficina-panel-deep);border-color:var(--oficina-gold)}.oficina-mission-link{color:var(--oficina-outline);background:var(--oficina-gold)}.oficina-mission-link:hover,.oficina-mission-link:focus-visible{background:var(--oficina-gold-pale)}.oficina-mission-link:focus-visible{outline:3px solid var(--color-strategy);outline-offset:2px}.oficina-talk-key{border:2px solid;justify-content:center;align-items:center;min-width:16px;height:16px;font-size:9px;line-height:1;display:inline-flex}.oficina-door-plate{white-space:nowrap;font-family:var(--oficina-font-pixel);color:var(--oficina-gold-pale);border:2px solid var(--oficina-outline);z-index:4;pointer-events:none;background:#100e22e6;padding:6px 9px;font-size:10px;line-height:1;position:absolute;transform:translate(-50%,-100%);box-shadow:0 3px #0000008c}.oficina-robot-bubble{max-width:240px;font-family:var(--oficina-font-pixel);color:var(--oficina-outline);background:var(--oficina-gold-pale);border:2px solid var(--oficina-outline);z-index:5;pointer-events:none;padding:8px 10px;font-size:10px;line-height:1.6;position:absolute;transform:translate(-50%,-100%);box-shadow:0 3px #0000008c}.oficina-robot-bubble:after{content:"";border-left:7px solid #0000;border-right:7px solid #0000;border-top:8px solid var(--oficina-outline);width:0;height:0;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.oficina-typing{background:var(--oficina-gold-pale);border:2px solid var(--oficina-outline);z-index:4;pointer-events:none;align-items:center;gap:3px;padding:5px 8px;display:inline-flex;position:absolute;transform:translate(-50%,-100%)}.oficina-typing-dot{background:var(--oficina-outline);width:5px;height:5px;animation:1.2s ease-in-out infinite oficina-typing-pulse}.oficina-typing-dot:nth-child(2){animation-delay:.15s}.oficina-typing-dot:nth-child(3){animation-delay:.3s}@keyframes oficina-typing-pulse{0%,to{opacity:.35}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.oficina-typing-dot{animation:none}}.oficina-load-error{z-index:6;background:#0a0918b8;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.oficina-load-error-text{font-family:var(--oficina-font-pixel);color:var(--color-card);margin:0;font-size:11px;line-height:1.6}.oficina-load-error-retry{font-family:var(--oficina-font-pixel);color:var(--oficina-outline);background:var(--oficina-gold);border:2px solid var(--oficina-gold-pale);box-shadow:0 3px 0 var(--oficina-outline);cursor:pointer;padding:8px 14px;font-size:10px;line-height:1;transition:background-color .15s}.oficina-load-error-retry:hover{background:var(--oficina-gold-pale)}.oficina-load-error-retry:focus-visible{outline:3px solid var(--color-strategy);outline-offset:2px}.oficina-hint{color:var(--color-ink-muted);text-align:center;max-width:720px;margin:14px auto 0;font-size:12px;line-height:1.5}.oficina-mission-discovery{width:min(840px,100%);color:var(--color-card);background:var(--oficina-panel-deep);border:2px solid var(--oficina-gold);justify-content:space-between;align-items:center;gap:18px;margin-top:14px;padding:14px 16px;display:flex}.oficina-mission-discovery div{gap:6px;min-width:0;display:grid}.oficina-mission-discovery strong,.oficina-mission-discovery a{font-family:var(--oficina-font-pixel)}.oficina-mission-discovery span{overflow-wrap:anywhere;line-height:1.5}.oficina-mission-discovery a{color:var(--oficina-outline);background:var(--oficina-gold);flex-shrink:0;padding:10px 12px;text-decoration:none}.oficina-mission-discovery a:hover,.oficina-mission-discovery a:focus-visible{background:var(--oficina-gold-pale)}.oficina-mission-discovery a:focus-visible{outline:3px solid var(--color-strategy);outline-offset:2px}@media (max-width:560px){.oficina-mission-discovery{flex-direction:column;align-items:stretch}.oficina-mission-discovery a{text-align:center;min-height:44px}}.gdlg{z-index:10;border:12px solid var(--oficina-line-bright);max-height:64%;image-rendering:pixelated;background:#100e22f0;border-image:url(/lab/oficina/ui/marco-dialogo.png) 27/12px round;gap:10px;padding:10px;display:flex;position:absolute;bottom:8px;left:8px;right:8px;box-shadow:0 12px 24px #00000080}.gdlg-portrait{background:var(--oficina-panel-deep);border:2px solid var(--oficina-line);flex-shrink:0;align-self:flex-start;width:96px;height:96px;overflow:hidden}.gdlg-portrait-img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;display:block}.gdlg-main{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.gdlg-nameplate{border-bottom:2px solid #262250;align-items:baseline;gap:8px;padding-bottom:6px;display:flex}.gdlg-name{font-family:var(--oficina-font-pixel);color:var(--oficina-gold-pale);font-size:11px;line-height:1.4}.gdlg-role{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--color-ink-muted);flex:1;font-size:11px;overflow:hidden}.gdlg-close{font-family:var(--oficina-font-pixel);color:var(--color-ink-muted);border:2px solid var(--oficina-line);cursor:pointer;background:0 0;flex-shrink:0;align-self:center;padding:4px 6px;font-size:10px;line-height:1;transition:color .15s,border-color .15s}.gdlg-close:hover{color:var(--color-card);border-color:var(--oficina-line-bright)}.gdlg-close:focus-visible{outline:3px solid var(--color-strategy);outline-offset:2px}.gdlg-text{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--oficina-line) transparent;flex:1;min-height:52px;overflow-y:auto}.gdlg-line{color:var(--color-card);white-space:pre-wrap;overflow-wrap:break-word;margin:0 0 8px;font-size:13.5px;line-height:1.55}.gdlg-line-user{color:var(--color-ink-muted)}.gdlg-line-mission{color:var(--oficina-gold-pale);border-left:2px solid var(--oficina-gold);padding-left:8px}.gdlg-speaker{font-family:var(--oficina-font-pixel);color:var(--oficina-gold-pale);font-size:9px}.gdlg-divider{text-align:center;color:var(--color-ink-muted);margin:8px 0;font-size:11.5px}.gdlg-caret{color:var(--oficina-gold-pale);margin-left:2px;animation:1s step-end infinite gdlg-caret-blink;display:inline-block}@keyframes gdlg-caret-blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.gdlg-caret{animation:none}}.gdlg-notice{color:var(--oficina-gold-pale);margin:0;font-size:12px;line-height:1.5}.gdlg-options{overscroll-behavior:contain;flex-direction:column;flex-shrink:0;align-items:flex-start;gap:2px;max-height:34%;display:flex;overflow-y:auto}.gdlg-option{font-family:var(--oficina-font-pixel);text-align:left;color:var(--oficina-gold-pale);cursor:pointer;background:0 0;border:none;padding:3px 2px;font-size:10px;line-height:1.6;transition:color .15s}.gdlg-option:hover{color:var(--color-card)}.gdlg-option:focus-visible{outline:3px solid var(--color-strategy);outline-offset:2px}.gdlg-option-cursor{color:var(--oficina-line)}.gdlg-option-selected{color:var(--color-card);background:#55508e47}.gdlg-option-selected .gdlg-option-cursor{color:var(--oficina-gold-pale);animation:.9s step-end infinite gdlg-caret-blink}@media (prefers-reduced-motion:reduce){.gdlg-option-selected .gdlg-option-cursor{animation:none}}.gdlg-voice-status{font-family:var(--oficina-font-pixel);color:var(--color-tech);flex-shrink:0;font-size:9px;line-height:1.4}.gdlg-gate{flex-direction:column;gap:6px;display:flex}.gdlg-gate-text{color:var(--color-card);margin:0;font-size:12.5px}.gdlg-input-row{border-top:2px solid #262250;align-items:center;gap:8px;padding-top:8px;display:flex}.gdlg-prompt-mark{font-family:var(--oficina-font-pixel);color:var(--oficina-gold);font-size:11px}.gdlg-input{min-width:0;color:var(--color-card);font-family:var(--font-body);background:0 0;border:none;outline:none;flex:1;font-size:14px}.gdlg-input::placeholder{color:var(--color-ink-muted);opacity:.7}.gdlg-input:disabled{opacity:.6}.gdlg-send{font-family:var(--oficina-font-pixel);color:var(--oficina-outline);background:var(--oficina-gold);border:2px solid var(--oficina-gold-pale);box-shadow:0 2px 0 var(--oficina-outline);cursor:pointer;flex-shrink:0;padding:8px 10px;font-size:10px;line-height:1;transition:background-color .15s}.gdlg-send:hover:not(:disabled){background:var(--oficina-gold-pale)}.gdlg-send:disabled{opacity:.5;cursor:default}.gdlg-send:focus-visible{outline:3px solid var(--color-strategy);outline-offset:2px}.gdlg-lead{border:2px solid var(--oficina-line);background:var(--oficina-panel-deep);flex-direction:column;gap:7px;padding:9px 10px;display:flex}.gdlg-lead-sent{color:var(--color-tech);font-size:12.5px;line-height:1.55;display:block}.gdlg-lead-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.gdlg-lead-title{font-family:var(--oficina-font-pixel);color:var(--oficina-gold-pale);margin:0;font-size:10px;line-height:1.6}.gdlg-lead-close{color:var(--color-ink-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:2px 4px;font-size:12px;line-height:1;transition:color .15s}.gdlg-lead-close:hover{color:var(--color-card)}.gdlg-lead-close:focus-visible{outline:3px solid var(--color-strategy);outline-offset:2px}.gdlg-lead-form{flex-wrap:wrap;gap:6px;display:flex}.gdlg-lead-input{background:var(--oficina-panel);border:2px solid var(--oficina-line);min-width:0;color:var(--color-card);font-family:var(--font-body);outline:none;flex:140px;padding:6px 8px;font-size:13.5px}.gdlg-lead-input::placeholder{color:var(--color-ink-muted);opacity:.7}.gdlg-lead-input:focus{border-color:var(--oficina-gold-pale)}.gdlg-lead-input:disabled{opacity:.6}.gdlg-lead-textarea{resize:vertical;flex:100%;min-height:64px}.gdlg-lead-send{flex:none;align-self:stretch}.gdlg-lead-error{color:#ff9d94;margin:0;font-size:12px;line-height:1.5}.gdlg-lead-consent{color:var(--color-ink-muted);margin:0;font-size:10.5px;line-height:1.55}.gdlg-lead-consent a{color:var(--oficina-gold-pale);text-underline-offset:2px;text-decoration:underline}.gdlg-voice{color:var(--color-card);background:var(--oficina-panel);border-color:var(--oficina-line)}.gdlg-voice:hover:not(:disabled){border-color:var(--oficina-line-bright);background:#2a2650}.gdlg-voice-note{color:var(--color-ink-muted);text-align:right;margin:6px 0 0;font-size:11.5px;line-height:1.5}.oficina-stamp-toast{z-index:12;text-align:center;text-wrap:balance;max-width:min(84%,420px);font-family:var(--oficina-font-pixel);color:var(--oficina-outline);background:var(--oficina-gold);border:2px solid var(--oficina-gold-pale);box-shadow:0 3px 0 var(--oficina-outline);pointer-events:none;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;font-size:11px;line-height:1.4;animation:.25s steps(3,end) both oficina-stamp-pop;display:flex;position:absolute;top:48px;left:50%;transform:translate(-50%)}.oficina-toast-linea-suave{font-size:9px;line-height:1.5}.oficina-ghost-note{z-index:11;text-align:center;max-width:min(84%,380px);font-family:var(--oficina-font-pixel);color:var(--color-card);border:2px solid var(--oficina-line);pointer-events:none;background:#12102ceb;padding:6px 10px;font-size:9px;line-height:1.5;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}@keyframes oficina-stamp-pop{0%{transform:translate(-50%)scale(.6)}to{transform:translate(-50%)scale(1)}}@media (prefers-reduced-motion:reduce){.oficina-stamp-toast{animation:none}}.opas-backdrop{z-index:50;background:#0a0918d1;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.opas-panel{background:var(--oficina-panel-deep);border:2px solid var(--oficina-line-bright);width:min(560px,100%);box-shadow:0 0 0 4px var(--oficina-outline), 0 0 0 6px #3a3670, 0 16px 32px #0009;outline:none;padding:12px}.opas-header{border-bottom:2px solid #262250;align-items:center;gap:8px;margin-bottom:10px;padding-bottom:8px;display:flex}.opas-title{min-width:0;font-family:var(--oficina-font-pixel);color:var(--oficina-gold-pale);flex:1;font-size:11px;line-height:1.4}.opas-close{font-family:var(--oficina-font-pixel);color:var(--color-ink-muted);border:2px solid var(--oficina-line);cursor:pointer;background:0 0;flex-shrink:0;padding:4px 6px;font-size:10px;line-height:1;transition:color .15s,border-color .15s}.opas-close:hover{color:var(--color-card);border-color:var(--oficina-line-bright)}.opas-close:focus-visible{outline:3px solid var(--color-strategy);outline-offset:2px}.opas-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.opas-slot{background:var(--oficina-panel);border:2px dashed var(--oficina-line);flex-direction:column;align-items:center;gap:6px;padding:10px 6px 8px;display:flex}.opas-slot-earned{border-style:solid;border-color:var(--oficina-gold)}.opas-stamp{border:3px solid var(--oficina-gold);width:44px;height:44px;color:var(--oficina-gold);font-family:var(--oficina-font-pixel);background:#efa71e29;border-radius:50%;justify-content:center;align-items:center;font-size:16px;line-height:1;display:flex;transform:rotate(-8deg);box-shadow:inset 0 0 0 2px #ffe9a859}.opas-stamp-empty{border:3px dashed var(--oficina-line);box-shadow:none;background:0 0;transform:none}.opas-slot-name{font-family:var(--oficina-font-pixel);color:var(--color-card);font-size:8px;line-height:1.4}.opas-slot-where{font-family:var(--oficina-font-pixel);color:var(--oficina-gold);text-align:center;font-size:7px;line-height:1.4}.opas-reward{font-family:var(--oficina-font-pixel);text-align:center;color:var(--oficina-gold-pale);margin:0 0 10px;font-size:9px;line-height:1.6}.opas-hint{color:var(--color-ink-muted);text-align:center;margin:10px 0 0;font-size:11.5px}.opas-complete{border-top:2px solid #262250;flex-direction:column;align-items:center;gap:10px;margin-top:12px;padding-top:12px;display:flex}.opas-complete-text{font-family:var(--oficina-font-pixel);color:var(--oficina-gold-pale);margin:0;font-size:12px;line-height:1.6}.opas-claim{font-family:var(--oficina-font-pixel);color:var(--oficina-outline);background:var(--oficina-gold);border:2px solid var(--oficina-gold-pale);box-shadow:0 3px 0 var(--oficina-outline);cursor:pointer;padding:9px 12px;font-size:10px;line-height:1.5;transition:background-color .15s}.opas-claim:hover{background:var(--oficina-gold-pale)}.opas-claim:focus-visible{outline:3px solid var(--color-strategy);outline-offset:2px}.opas-claim-beat{font-family:var(--oficina-font-pixel);text-align:center;color:var(--oficina-gold);margin:0;font-size:10px;line-height:1.6}.opas-claim-done{text-align:center;color:var(--color-ink-muted);margin:0;font-size:12px;line-height:1.6}.opas-codigo{background:var(--oficina-panel);border:2px solid var(--oficina-gold);flex-direction:column;align-items:center;gap:6px;width:100%;padding:10px 12px;display:flex}.opas-codigo-label{font-family:var(--oficina-font-pixel);letter-spacing:.06em;color:var(--color-ink-muted);font-size:8px;line-height:1.4}.opas-codigo-valor{font-family:var(--oficina-font-pixel);letter-spacing:.04em;text-align:center;color:var(--oficina-gold-pale);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;font-size:clamp(9px,3.2vw,14px);line-height:1.5}.opas-codigo-nota{text-align:center;color:var(--color-ink-muted);margin:0;font-size:11.5px;line-height:1.6}.opas-aviso{text-align:center;color:var(--color-ink-muted);margin:0;font-size:12px;line-height:1.6}.opas-aviso-bloque{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.opas-secundario{font-family:var(--oficina-font-pixel);color:var(--oficina-gold-pale);border:2px solid var(--oficina-gold);box-shadow:0 3px 0 var(--oficina-outline);cursor:pointer;background:0 0;padding:8px 12px;font-size:9px;line-height:1.5;transition:color .15s,background-color .15s}.opas-secundario:hover{color:var(--oficina-outline);background:var(--oficina-gold)}.opas-secundario:focus-visible{outline:3px solid var(--color-strategy);outline-offset:2px}@media (max-width:560px){.opas-grid{grid-template-columns:repeat(2,1fr)}}@media (pointer:coarse){.opas-close,.opas-claim,.opas-secundario{min-height:44px}}.omap-backdrop{z-index:50;background:#0a0918d1;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.omap-panel{background:var(--oficina-panel-deep);border:2px solid var(--oficina-line-bright);width:min(540px,100%);box-shadow:0 0 0 4px var(--oficina-outline), 0 0 0 6px #3a3670, 0 16px 32px #0009;outline:none;padding:12px}.omap-header{border-bottom:2px solid #262250;align-items:center;gap:8px;margin-bottom:10px;padding-bottom:8px;display:flex}.omap-title{min-width:0;font-family:var(--oficina-font-pixel);color:var(--oficina-gold-pale);flex:1;font-size:11px;line-height:1.4}.omap-close{font-family:var(--oficina-font-pixel);color:var(--color-ink-muted);border:2px solid var(--oficina-line);cursor:pointer;background:0 0;flex-shrink:0;padding:4px 6px;font-size:10px;line-height:1;transition:color .15s,border-color .15s}.omap-close:hover{color:var(--color-card);border-color:var(--oficina-line-bright)}.omap-close:focus-visible{outline:3px solid var(--color-strategy);outline-offset:2px}.omap-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.omap-room{text-align:left;background:var(--oficina-panel);border:2px solid var(--oficina-line);min-height:64px;box-shadow:0 2px 0 var(--oficina-outline);cursor:pointer;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:6px;padding:8px;transition:background-color .15s,border-color .15s;display:flex}.omap-room:hover{background:#2a2650}.omap-room-selected{border-color:var(--oficina-gold-pale);background:#2a2650}.omap-room-current{border-color:var(--oficina-gold)}.omap-room:focus-visible{outline:3px solid var(--color-strategy);outline-offset:2px}.omap-room-name{font-family:var(--oficina-font-pixel);color:var(--color-card);font-size:9px;line-height:1.4}.omap-dots{gap:4px;min-height:8px;display:flex}.omap-dot{background:var(--oficina-gold);width:8px;height:8px}.omap-dot-robot{background:var(--color-tech);animation:1.2s step-end infinite omap-robot-blink}@keyframes omap-robot-blink{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.omap-dot-robot{animation:none}}.omap-you{font-family:var(--oficina-font-pixel);color:var(--oficina-gold);font-size:8px}.omap-hint{color:var(--color-ink-muted);text-align:center;margin:10px 0 0;font-size:11.5px}@media (max-width:560px){.omap-grid{grid-template-columns:repeat(2,1fr)}}.otv-backdrop{z-index:50;background:#0a0918d1;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.otv-panel{--otv-ink:var(--color-ink);--otv-ink-muted:#6f6a94;background:var(--color-card);border:12px solid var(--oficina-line-bright);width:min(560px,100%);image-rendering:pixelated;border-image:url(/lab/oficina/ui/tarjeta-opciones.png) 16/12px round;outline:none;padding:12px;box-shadow:0 16px 32px #0009}.otv-panel-shake{animation:.4s steps(8,end) both otv-shake}@keyframes otv-shake{10%,50%,90%{transform:translate(-5px)}30%,70%{transform:translate(5px)}}@media (prefers-reduced-motion:reduce){.otv-panel-shake{animation:none}}.otv-header{image-rendering:pixelated;background-image:url(/lab/oficina/ui/tarjeta-opciones.png);background-position:50% 12.7%;background-repeat:no-repeat;background-size:400%;align-items:center;gap:10px;margin:-12px -12px 10px;padding:10px 10px 8px;display:flex;overflow:hidden}.otv-portrait{background:var(--oficina-panel-deep);border:2px solid var(--oficina-line);flex-shrink:0;width:48px;height:48px;overflow:hidden}.otv-portrait-img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;display:block}.otv-title{min-width:0;font-family:var(--oficina-font-pixel);color:var(--oficina-gold-pale);flex-direction:column;flex:1;gap:4px;font-size:11px;line-height:1.4;display:flex}.otv-subtitle{font-family:var(--font-body);color:var(--color-ink-muted);font-size:11px}.otv-close{font-family:var(--oficina-font-pixel);color:var(--color-ink-muted);border:2px solid var(--oficina-line);cursor:pointer;background:0 0;flex-shrink:0;padding:4px 6px;font-size:10px;line-height:1;transition:color .15s,border-color .15s}.otv-close:hover{color:var(--color-card);border-color:var(--oficina-line-bright)}.otv-close:focus-visible{outline:3px solid var(--color-strategy);outline-offset:2px}.otv-body{margin-bottom:8px}.otv-progress{font-family:var(--oficina-font-pixel);color:var(--otv-ink-muted);margin:0 0 8px;font-size:9px;line-height:1.4}.otv-question{font-family:var(--oficina-font-pixel);color:var(--otv-ink);margin:0;font-size:11px;line-height:1.8}.otv-options{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.otv-option{font-family:var(--oficina-font-pixel);text-align:left;color:var(--otv-ink);cursor:pointer;background:0 0;border:none;padding:4px;font-size:10px;line-height:1.7;transition:color .15s}.otv-option:hover{color:var(--color-strategy-text)}.otv-option:focus-visible{outline:3px solid var(--color-strategy);outline-offset:2px}.otv-option-cursor{min-width:1ch;color:var(--oficina-line);display:inline-block}.otv-option-selected{color:var(--otv-ink);background:#55508e38}.otv-option-selected .otv-option-cursor{color:var(--color-strategy-text);animation:.9s step-end infinite gdlg-caret-blink}@media (prefers-reduced-motion:reduce){.otv-option-selected .otv-option-cursor{animation:none}}.otv-option-correct{color:#1f7a45;background:#26944f38;animation:.5s steps(2,end) 2 otv-flash}.otv-option-wrong{color:#a5372c;background:#9426262e}@keyframes otv-flash{50%{background:#26944f8c}}@media (prefers-reduced-motion:reduce){.otv-option-correct{animation:none}}.otv-score{font-family:var(--oficina-font-pixel);color:#8a5a12;text-align:center;margin:6px 0 10px;font-size:24px;line-height:1.2}.otv-verdict{font-family:var(--oficina-font-pixel);color:var(--otv-ink);text-align:center;margin:0 0 6px;font-size:10px;line-height:1.9}@media (pointer:coarse){.otv-option{align-items:center;min-height:44px;display:flex}.otv-close{min-height:44px}}@media (max-width:1280px){.oficina-hud{gap:5px}.oficina-hud .oficina-plate{padding:5px 7px;font-size:9px}}@media (max-width:768px){.oficina-backdrop{padding:calc(6px + env(safe-area-inset-top)) env(safe-area-inset-right) calc(10px + env(safe-area-inset-bottom)) env(safe-area-inset-left)}.oficina-frame{width:100%;max-width:none;box-shadow:none;background:0 0;border:none;padding:0}.oficina-hud{padding:6px 6px 0}.gdlg{z-index:40;max-height:55dvh;padding:8px;padding-bottom:calc(10px + env(safe-area-inset-bottom));border-bottom:none;border-left:none;border-right:none;box-shadow:0 -3px 0 var(--oficina-outline), 0 -12px 24px #00000080;border-image-width:12px 0 0;gap:8px;position:fixed;bottom:0;left:0;right:0}.gdlg-portrait{width:64px;height:64px}.oficina-hint{padding:0 10px;font-size:11.5px}}@media (max-width:640px){.oficina-hud-info,.oficina-hud-actions{gap:4px}.oficina-hud-info{margin-bottom:6px}.oficina-hud-actions{flex-wrap:wrap;align-items:stretch;row-gap:6px;margin-top:8px}.oficina-hud-actions>*{text-align:center;flex:auto;justify-content:center;align-items:center;min-width:max-content;min-height:44px;display:inline-flex}.oficina-hud .oficina-plate{padding:4px 6px;font-size:8px}.oficina-plate-room{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;overflow:hidden}.oficina-plate-ticket{white-space:nowrap;flex:none}.oficina-back-link{margin-left:0}.oficina-sound-text{display:none}.oficina-hud-btn-icon:has(.oficina-hud-icon-sound){gap:0}}@media (max-height:940px){.oficina-sound-text{display:none}.oficina-hud-btn-icon:has(.oficina-hud-icon-sound){gap:0}}@media (pointer:coarse) and (orientation:landscape) and (max-width:940px){.oficina-frame{width:min(100%,100dvh - 24px);margin-inline:auto}.oficina-stage{width:100%}.oficina-hud{display:contents}.oficina-hud-info,.oficina-hud-actions{z-index:20;pointer-events:auto;flex-direction:column;gap:4px;max-width:30vw;margin:0;display:flex;position:fixed}.oficina-hud-info>*,.oficina-hud-actions>*{align-self:stretch;margin-left:0}.oficina-hud-info{top:calc(8px + env(safe-area-inset-top));left:calc(10px + env(safe-area-inset-left));align-items:flex-start}.oficina-hud-actions{top:calc(8px + env(safe-area-inset-top));right:calc(10px + env(safe-area-inset-right));align-items:stretch}.oficina-hud-actions>*{text-align:center;justify-content:center;align-items:center;display:inline-flex}.oficina-hud .oficina-plate{max-width:100%;padding:4px 6px;font-size:8px}.oficina-plate-room{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.oficina-back-link{margin-left:0}.oficina-sound-text{display:none}.oficina-hud-btn-icon:has(.oficina-hud-icon-sound){gap:0}}.oficina-pad{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;justify-content:space-between;align-items:flex-end;gap:14px;width:min(100%,840px);margin-top:12px;transition:opacity .15s;display:flex}.oficina-pad-inert,.oficina-pad-inert .oficina-pad-btn{pointer-events:none}.oficina-pad-inert{opacity:.3}.oficina-dpad{grid-template-rows:repeat(3,52px);grid-template-columns:repeat(3,52px);display:grid}.oficina-pad-btn{font-family:var(--oficina-font-pixel);color:var(--oficina-gold-pale);border:2px solid var(--oficina-line);box-shadow:0 2px 0 var(--oficina-outline);cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;background:#100e22d1;justify-content:center;align-items:center;padding:0;font-size:12px;line-height:1;display:flex}.oficina-pad-btn:active{border-color:var(--oficina-line-bright);box-shadow:none;background:#2a2650;transform:translateY(2px)}.oficina-pad-btn:focus-visible{outline:3px solid var(--color-strategy);outline-offset:2px}.oficina-dpad-up{grid-area:1/2}.oficina-dpad-left{grid-area:2/1}.oficina-dpad-right{grid-area:2/3}.oficina-dpad-down{grid-area:3/2}.oficina-dpad-center{border:2px solid var(--oficina-line);background:#100e22d1;grid-area:2/2}.oficina-pad-action{text-align:center;min-width:88px;max-width:140px;min-height:88px;color:var(--oficina-outline);border:2px solid var(--oficina-gold-pale);box-shadow:0 3px 0 var(--oficina-outline);background:#efa71ee0;padding:10px;font-size:10px;line-height:1.5}.oficina-pad-action:active{background:var(--oficina-gold-pale);border-color:var(--oficina-gold);box-shadow:none;transform:translateY(2px)}.oficina-pad-action-idle{color:var(--oficina-line-bright);border-color:var(--oficina-line);background:#100e22b8}.oficina-pad-action-icon{font-size:16px;line-height:1}@media (pointer:coarse) and (orientation:landscape){.oficina-pad{width:auto;padding:0 calc(12px + env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left));z-index:8;pointer-events:none;margin:0;position:fixed;bottom:0;left:0;right:0}.oficina-pad .oficina-pad-btn{pointer-events:auto}.oficina-pad-inert .oficina-pad-btn{pointer-events:none}}@media (pointer:coarse) and (orientation:portrait) and (max-width:640px){.oficina-pad{width:auto;padding:10px calc(14px + env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) calc(14px + env(safe-area-inset-left));z-index:8;pointer-events:none;background:linear-gradient(#100e2200,#100e22e0);margin:0;position:fixed;bottom:0;left:0;right:0}.oficina-pad .oficina-pad-btn{pointer-events:auto}.oficina-pad-inert .oficina-pad-btn{pointer-events:none}.oficina-hint{display:none}}@media (pointer:coarse) and (orientation:portrait) and (max-width:640px) and (max-height:600px){.oficina-pad{padding:6px calc(14px + env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) calc(14px + env(safe-area-inset-left))}.oficina-dpad{grid-template-rows:repeat(3,40px);grid-template-columns:repeat(3,40px)}.oficina-pad-action{min-width:64px;min-height:64px}}@media (prefers-reduced-motion:reduce){.oficina-pad{transition:none}}@media (pointer:coarse){.gdlg-option{align-items:center;min-height:44px;display:flex}.gdlg-send,.gdlg-close,.omap-close,.oficina-hud-btn,.oficina-talk-prompt{min-height:44px}.omap-room{min-height:72px}}.oguia-panel{width:min(480px,100%);max-height:calc(100dvh - 32px);overflow-y:auto}.oguia-body{flex-direction:column;gap:12px;padding:4px 2px 2px;display:flex}.oguia-step{align-items:flex-start;gap:10px;display:flex}.oguia-num{font-family:var(--oficina-font-pixel);color:var(--oficina-gold-pale);font-size:10px;line-height:1.9}.oguia-text{color:#d8d6ec;margin:0;font-size:14px;line-height:1.6}.oguia-text strong{color:#fffdf7}.oguia-controls{color:#b9b6d6;border-top:2px solid #262250;margin:2px 0 0;padding-top:10px;font-size:12.5px;line-height:1.6}.oguia-progress{font-family:var(--oficina-font-pixel);color:var(--oficina-gold-pale);margin:0;font-size:9px}.oguia-start{border:2px solid var(--oficina-outline);background:var(--oficina-gold);width:100%;color:var(--oficina-outline);font-family:var(--oficina-font-pixel);cursor:pointer;box-shadow:0 0 0 3px var(--oficina-outline);margin-top:6px;padding:13px 12px;font-size:11px;line-height:1.4}.oguia-start:hover{background:var(--oficina-gold-pale)}.oguia-start:focus-visible{outline:3px solid var(--color-strategy);outline-offset:3px}.oficina-visitor-select{text-align:center;max-width:820px;color:var(--color-card);margin:0 auto;padding:56px 24px 48px}.oficina-visitor-hero{aspect-ratio:1280/731;object-fit:cover;border:3px solid var(--oficina-line);width:100%;height:auto;image-rendering:pixelated}.oficina-visitor-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--oficina-gold);margin:14px 0 10px;font-size:12px}.oficina-visitor-select h1{font-family:var(--oficina-font-pixel);text-wrap:balance;color:var(--oficina-gold-pale);margin:0 0 14px;font-size:clamp(15px,2.6vw,21px);line-height:1.45}.oficina-visitor-lead{text-wrap:balance;max-width:54ch;color:var(--color-ink-muted);margin:0 auto;font-size:15px;line-height:1.6}.oficina-visitor-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:28px 0 32px;display:grid}.oficina-visitor-options button{border:2px solid var(--oficina-line);box-shadow:0 3px 0 var(--oficina-outline);background:var(--oficina-panel);color:inherit;font:inherit;cursor:pointer;flex-direction:column;align-items:center;gap:12px;padding:18px 10px 14px;transition:border-color .15s,background-color .15s;display:flex}.oficina-visitor-options button:hover{border-color:var(--oficina-gold);background:#2a2650}.oficina-visitor-options button:focus-visible,.oficina-visitor-select a:focus-visible{outline:3px solid var(--color-strategy);outline-offset:4px}.oficina-visitor-options img{width:auto;height:112px;image-rendering:pixelated}.oficina-visitor-name{font-family:var(--oficina-font-pixel);color:var(--color-card);font-size:9px;line-height:1.5}.oficina-visitor-enter{font-family:var(--oficina-font-pixel);color:var(--oficina-gold);margin-top:auto;font-size:9px;line-height:1}.oficina-visitor-footer{text-align:left;flex-direction:column;align-items:stretch;gap:12px;max-width:62ch;margin:0 auto;display:flex}.oficina-visitor-note{border-left:2px solid var(--oficina-line);color:var(--color-ink-muted);background:#0a09188c;margin:0;padding:10px 12px;font-size:13px;line-height:1.6}.oficina-visitor-back{font-family:var(--oficina-font-pixel);color:var(--color-ink-muted);border:2px solid var(--oficina-line);box-shadow:0 2px 0 var(--oficina-outline);background:#100e22d9;align-self:center;margin-top:6px;padding:8px 12px;font-size:9px;line-height:1.4;text-decoration:none;transition:color .15s,border-color .15s}.oficina-visitor-back:hover{color:var(--color-card);border-color:var(--oficina-line-bright)}@media (max-width:720px){.oficina-visitor-options{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:380px){.oficina-visitor-options{gap:10px}.oficina-visitor-options button{padding:14px 6px 12px}.oficina-visitor-options img{height:96px}}.gdlg:has(.gdlg-lead){max-height:92%}.gdlg:has(.gdlg-lead) .gdlg-main{overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0;overflow-y:auto}.gdlg:has(.gdlg-lead) .gdlg-text{flex:0 auto;max-height:120px}.gdlg:has(.gdlg-contact-form){max-height:90%}.gdlg:has(.gdlg-contact-form) .gdlg-main{overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0;padding:3px;overflow-y:auto}.gdlg:has(.gdlg-contact-form) .gdlg-text{flex:none;max-height:100px}.gdlg-contact-form{--ivory:#fffdf7;flex-shrink:0;min-width:0}.gdlg-contact-notice{color:var(--color-card);margin:0 0 5px;font-size:14px;line-height:1.5}.gdlg-contact-form .gdlg-lead-close{min-width:44px;min-height:44px}.gdlg-contact-form .gdlg-contact-fields{color:var(--color-card);box-shadow:none;background:0 0;min-width:0;padding:0}.gdlg-contact-fields form{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:10px;display:grid;position:relative}.gdlg-contact-fields form>div{min-width:0}:is(.gdlg-contact-fields form>:not(div),.gdlg-contact-fields form>div:has(textarea),.gdlg-contact-fields form>div:has(iframe)){grid-column:1/-1}.gdlg-contact-fields form label{font-size:14px}.gdlg-contact-fields form input,.gdlg-contact-fields form textarea{border-radius:3px;width:100%;min-width:0;min-height:44px;padding:8px 10px;font-size:16px}.gdlg-contact-fields form textarea{height:88px}.gdlg-contact-fields form input::placeholder,.gdlg-contact-fields form textarea::placeholder{color:#625d7d;opacity:1}.gdlg-contact-fields form input:focus-visible,.gdlg-contact-fields form textarea:focus-visible{outline:2px solid var(--oficina-gold-pale);outline-offset:2px}.gdlg-contact-fields form button{background:var(--oficina-gold-pale);min-height:44px;color:var(--oficina-outline);box-shadow:none;border-radius:3px;padding:10px}.gdlg-contact-fields form button:hover:not(:disabled){box-shadow:none;transform:none}.gdlg-contact-fields small,.gdlg-contact-fields h3+p{color:var(--color-card);font-size:14px}.gdlg-contact-fields [role=alert]{color:#ffbdb2;overflow-wrap:anywhere}.gdlg.gdlg-arriving{grid-template-columns:1fr;max-height:100px;top:12px;bottom:auto}.gdlg-arriving .gdlg-portrait,.gdlg-arriving .gdlg-main>:not(.gdlg-nameplate):not(.gdlg-arrival-status){display:none}.gdlg-arrival-status{margin:0;padding:8px 12px}