.office-hub{color:var(--c-ink);max-width:1320px;padding-block:1.5rem 2rem}.office-hub[hidden]{display:none}.office-hub-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.office-hub-header h1{letter-spacing:-.035em;font-size:clamp(1.4rem,2.5vw,2rem);font-weight:750}.office-hub-header p:not(.eyebrow){color:var(--c-ink-2);margin-top:.4rem;font-size:.9rem}.office-hub-options{flex-wrap:wrap;align-items:center;gap:1rem;font-size:.8rem;display:flex}.office-hub-options label{align-items:center;gap:.4rem;display:flex}.office-stage{aspect-ratio:8/5;isolation:isolate;background:#bdcce0;border:4px solid #263c64;width:100%;position:relative;overflow:hidden;box-shadow:0 4px #172b49}.office-background{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;image-rendering:pixelated;display:block}.office-station{cursor:pointer;color:#142a4b;touch-action:manipulation;z-index:1;background:0 0;border:0;flex-direction:column;justify-content:flex-end;align-items:center;width:128px;min-height:76px;display:flex;position:absolute;transform:translate(-50%,-50%)}.office-station .office-sprite{-o-object-fit:contain;object-fit:contain;width:112px;height:88px;image-rendering:pixelated;filter:drop-shadow(0 3px #12284340)}.office-station-manager .office-sprite,.office-station-hr .office-sprite,.office-station-mentor .office-sprite{width:64px;height:80px}.office-station-label{white-space:nowrap;background:#fff;border:2px solid #243c66;padding:.25rem .5rem;font-size:.75rem;font-weight:750;line-height:1.5;box-shadow:2px 2px #243c66}.office-station:hover .office-station-label,.office-station:focus-visible .office-station-label{background:#dcecff;box-shadow:3px 3px #2463eb}.office-station:focus-visible{outline:3px solid var(--c-focus);outline-offset:5px}.office-station:active .office-sprite{transform:translateY(2px)}.office-station-manager:hover .office-sprite,.office-station-manager:focus-visible .office-sprite,.office-station-hr:hover .office-sprite,.office-station-hr:focus-visible .office-sprite{animation:.55s steps(2,end) 4 office-idle}.office-count{color:#fff;background:#2463eb;border:2px solid #fff;place-items:center;min-width:26px;height:26px;padding-inline:4px;font-size:.75rem;font-weight:750;display:grid;position:absolute;top:5px;right:2px;box-shadow:2px 2px #142a4b}.office-art-fallback{background:var(--c-surface);color:var(--c-ink);padding:.4rem;font-size:.8rem;position:absolute;bottom:4px;left:8px;right:8px}.office-hub-status{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding-block:1rem;font-size:.85rem;display:flex}.office-department-pages{font-variant-numeric:tabular-nums;align-items:center;gap:.5rem;display:flex}.office-current{border-block:1px solid var(--c-line);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem 0;display:flex}.office-legacy-links{flex-wrap:wrap;gap:1rem;padding-top:1rem;font-size:.8rem;display:flex}.office-legacy-links a{text-underline-offset:4px;align-items:center;min-height:44px;text-decoration:underline;display:inline-flex}:root:has(.office-dialog[open]){overflow:hidden}.office-dialog{border:3px solid var(--c-ink);background:var(--c-surface);width:min(920px,94vw);max-width:none;max-height:88dvh;color:var(--c-ink);box-shadow:5px 5px 0 var(--c-ink),0 25px 80px #0005;border-radius:0;margin:auto;padding:0;overflow:hidden}.office-dialog[open]{flex-direction:column;display:flex}.office-dialog::backdrop{background:#12243f66}.office-dialog>header{border-bottom:2px solid var(--c-line);flex:none;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.office-dialog-speaker{align-items:center;gap:.8rem;display:flex}.office-dialog-speaker .office-sprite{-o-object-fit:contain;object-fit:contain;width:54px;height:64px;image-rendering:pixelated}.office-dialog h2{font-size:1.2rem;font-weight:750}.office-dialog h3{margin-block:.75rem;font-size:1rem;font-weight:700}.office-dialog-content{overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0;padding:1.25rem;overflow:auto}.office-dialog-line{border-bottom:1px solid var(--c-line);margin-bottom:1rem;padding:1rem 0;font-size:1rem;line-height:1.8}.office-dialog-content>p[role=status]{color:var(--c-ink-2);font-size:.8rem}.office-empty{color:var(--c-ink-2);padding:1rem 0;line-height:1.7}.office-next{border-block:1px solid var(--c-line);margin-block:1rem;padding:1rem 0}.office-next p{margin-bottom:.5rem}.office-quest-list{margin:0;padding:0;list-style:none}.office-quest-list li{border-bottom:1px solid var(--c-line);justify-content:space-between;align-items:center;gap:1.5rem;padding:1rem 0;display:flex}.office-quest-list li>div{flex:1;min-width:0}.office-quest-list .btn{flex:none}.office-quest-list h3{margin:.35rem 0}.office-quest-list p{color:var(--c-ink-2);font-size:.85rem;line-height:1.7}.office-quest-state{color:var(--c-accent);font-size:.75rem;font-weight:700}.office-discovery-controls{grid-template-columns:1fr 1fr 1.3fr;gap:.8rem;margin-block:1rem;display:grid}.office-discovery-controls label{flex-direction:column;gap:.35rem;font-size:.8rem;font-weight:650;display:flex}.office-discovery-controls input,.office-discovery-controls select{border:1px solid var(--c-line);background:var(--c-surface);width:100%;min-width:0;color:var(--c-ink);border-radius:4px;padding:.65rem;font-size:.9rem}.office-mission-list{margin:1rem 0;padding:0;list-style:none}.office-mission-list li{border-bottom:1px solid var(--c-line)}.office-mission-list button{text-align:left;flex-direction:column;gap:.4rem;width:100%;min-height:64px;padding:1rem .4rem;display:flex}.office-mission-list button:hover{background:var(--c-sunken)}.office-mission-list button strong{font-size:1rem}.office-mission-list button span,.office-mission-list button small{color:var(--c-ink-2);font-size:.8rem;line-height:1.65}.office-dialog-content nav[aria-label]{justify-content:center;align-items:center;gap:1rem;display:flex}.office-briefing{padding-block:.5rem}.office-briefing h3{font-size:1.25rem}.office-briefing p{margin-block:.75rem;line-height:1.8}.office-briefing dl{margin-block:1rem}.office-briefing dl>div{border-bottom:1px solid var(--c-line);grid-template-columns:110px 1fr;gap:1rem;padding:.7rem 0;font-size:.9rem;display:grid}.office-briefing dt{font-weight:700}.office-briefing dd{line-height:1.7}.office-briefing form{margin-top:1.25rem}.office-stage.is-list{aspect-ratio:auto;background:var(--c-sunken);padding:1rem}.office-stage.is-list .office-background{display:none}.office-stage.is-list nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.office-stage.is-list .office-station{width:100%;min-height:140px;padding:.5rem;position:static;transform:none}.office-stage.is-list .office-count{margin-top:.35rem;position:static}.office-stage.is-list .office-art-fallback{position:static}.office-stage.reduce-motion .office-sprite{animation:none!important}@keyframes office-idle{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@media (max-width:1100px){.office-station{width:104px}.office-station .office-sprite{width:92px;height:72px}.office-station-manager .office-sprite,.office-station-hr .office-sprite,.office-station-mentor .office-sprite{width:52px;height:64px}.office-station-label{font-size:.75rem}.office-hub-header{flex-direction:column;align-items:start}}@media (max-width:700px){.office-hub{padding-block:1rem}.office-stage{aspect-ratio:auto;image-rendering:pixelated;background:#e0b988 url(/images/missions/office4/floor-tile-m.png) 0 0/100% repeat-y;padding:0 .5rem .75rem}.office-stage.is-list{background:var(--c-sunken);padding:.5rem}.office-background{aspect-ratio:1280/342;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;margin-inline:-.5rem;width:calc(100% + 1rem);height:auto;margin-bottom:.75rem}.office-stage nav,.office-stage.is-list nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.office-stage .office-station,.office-stage.is-list .office-station{width:100%;min-height:125px;padding:.5rem .2rem;position:relative;transform:none;top:auto!important;left:auto!important}.office-station-label{white-space:normal;font-size:.75rem}.office-stage .office-count{top:2px;right:6px}.office-art-fallback{position:static}.office-current,.office-hub-status{flex-direction:column;align-items:start}.office-dialog{width:100%;height:100dvh;max-height:100dvh;box-shadow:none;border-width:0}.office-dialog>header{align-items:start;padding:.75rem}.office-dialog h2{font-size:1rem}.office-dialog>header>.btn{flex:none;font-size:.75rem}.office-dialog-speaker .office-sprite{width:36px;height:48px}.office-dialog-content{padding:.8rem}.office-quest-list li{flex-direction:column;align-items:start;gap:.75rem}.office-discovery-controls{grid-template-columns:1fr}.office-briefing dl>div{grid-template-columns:1fr;gap:.3rem}.office-dialog-content>p[role=status]{min-height:1.5rem}}@media (prefers-reduced-motion:reduce){.office-sprite{animation:none!important}.office-dialog *{scroll-behavior:auto!important}}@supports (padding:max(0px)){.office-dialog>header{padding-top:max(.75rem,env(safe-area-inset-top))}.office-dialog-content{padding-bottom:max(1rem,env(safe-area-inset-bottom))}}@media (min-width:701px){.office-stage{container-type:inline-size}.office-station{width:auto;min-width:128px}.office-station .office-sprite{width:15cqw;height:11.5cqw}.office-station-manager .office-sprite,.office-station-hr .office-sprite,.office-station-mentor .office-sprite{width:8cqw;height:13cqw}.office-station-board .office-sprite{width:11cqw;height:12cqw}}.office-hub-header h1,.office-dialog h2,.office-dialog h3{text-wrap:balance}@keyframes office-window-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes office-char{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:no-preference){.office-typed:not(.is-instant) .office-char{animation:1ms step-end both office-char;animation-delay:var(--d)}.office-stage:not(.reduce-motion):not(.is-list) .office-station-manager .office-sprite,.office-stage:not(.reduce-motion):not(.is-list) .office-station-hr .office-sprite{animation:1.6s steps(2,end) infinite office-idle}.office-dialog[open],.mission-window[open]{animation:.18s cubic-bezier(.16,1,.3,1) office-window-in}}.office-sprite-empty{border:3px dashed var(--c-ink-2);background:repeating-linear-gradient(135deg,var(--c-sunken) 0 7px,var(--c-surface) 7px 14px);color:var(--c-ink);align-content:center;place-items:center;gap:.25rem;font-size:0;display:grid}.office-sprite-empty:before,.office-sprite-empty:after{background:var(--c-surface);color:var(--c-ink);padding:.1rem .35rem}.office-sprite-empty:before{content:"사수";font-size:.75rem;font-weight:700}.office-sprite-empty:after{content:"그림 준비 중";font-size:.6875rem;font-weight:600}