@font-face{font-family:OfficeSans;src:url('fonts/neue-montreal-regular.woff2') format('woff2');font-weight:400 600;font-display:swap}@font-face{font-family:OfficeSans;src:url('fonts/neue-montreal-bold.woff2') format('woff2');font-weight:700 900;font-display:swap}@font-face{font-family:OfficeHand;src:url('fonts/neue-montreal-bold.woff2') format('woff2');font-weight:700;font-display:swap}
:root{font-family:OfficeSans,Arial,sans-serif;color:#292d37;background:#d5d8d7;font-synthesis:none}*{box-sizing:border-box}html,body,#gameArea{margin:0;width:100%;height:100%;overflow:hidden}#gameArea{position:relative;height:100dvh;background:#d5d8d7}#scene{position:absolute;inset:0;outline:none}#scene canvas{display:block;width:100%;height:100%;touch-action:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #3058d9;outline-offset:4px}[hidden]{display:none!important}#worldLabels{position:absolute;inset:0;pointer-events:none}.world-label{position:absolute;transform:translate(-50%,-100%);pointer-events:auto;display:flex;align-items:center;gap:8px;border:0;background:#fcf8ecee;color:#2d3441;font:700 12px OfficeSans,Arial,sans-serif;padding:8px 12px 8px 8px;border-radius:5px 10px 7px 9px;box-shadow:0 2px 0 #21293b20;white-space:nowrap;text-decoration:none;max-width:calc(100vw - 24px)}.world-label:before{content:'E';font:700 13px OfficeSans;display:grid;place-items:center;width:25px;height:25px;border:1.5px solid #2f3c56;border-radius:50% 44% 48% 43%;color:#2c4cab;transform:rotate(-7deg)}.world-label.active{background:#fff9e9}.world-label.linkedin{background:#fff9ee;color:#0a66c2}.world-label.linkedin:before{content:'↗';border-color:#0a66c2;color:#0a66c2}.world-label .number,.door-label{display:none!important}#interactionHint,#toast,#speech{display:none!important}
#actionCard{position:absolute;z-index:4;left:30px;bottom:30px;width:330px;max-width:calc(100% - 40px);padding:22px 25px 24px;background:#faf7eafa;border-radius:4px 20px 7px 17px;box-shadow:0 10px 38px #26313b16;pointer-events:none;isolation:isolate}#actionCard:before{content:'';position:absolute;left:0;top:24px;bottom:24px;width:4px;background:#3157da;border-radius:0 3px 3px 0}.action-caption{display:flex;align-items:center;gap:8px;color:#64718b;font:700 9px OfficeSans,Arial,sans-serif;letter-spacing:1.3px}.action-star{font-size:20px;color:#e97a48;line-height:1}#actionTitle{font:700 42px/.98 OfficeHand,'Arial Narrow',sans-serif;letter-spacing:.4px;text-transform:uppercase;margin:14px 0 7px;color:#29364e;overflow-wrap:break-word}.action-underline{display:block;width:77%;height:9px;margin:0 0 13px;fill:none;stroke:#ed8759;stroke-width:1.8;stroke-linecap:round}#actionBody{font:600 14px/1.6 OfficeSans,Arial,sans-serif;color:#515b69;margin:0}#actionCard[data-kind=impact]:before{background:#a9c63c}#actionCard[data-kind=impact] .action-star{color:#718d2e}#actionCard[data-kind=impact] .action-underline{stroke:#98b632}#actionCard[data-kind=impact] .action-caption{color:#6b7f43}
#transition{position:absolute;inset:0;background:#d5d8d7;z-index:6;opacity:0;pointer-events:none;transition:opacity .18s}#transition.active,#transition.show{opacity:1}#touchControls{display:none}#loading{position:absolute;inset:0;z-index:8;background:#d5d8d7;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px}#loading>span{font-size:60px;color:#ed8254}#loading strong{font:700 32px OfficeHand,Arial,sans-serif}#loading p{font-size:12px;color:#7b8a7e;margin:0}
@media(pointer:coarse){#touchControls{position:absolute;left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:3;display:flex;align-items:flex-end;gap:10px;pointer-events:none}.dpad{display:grid;grid-template-columns:repeat(3,34px);grid-template-rows:repeat(2,32px);gap:3px;margin-right:auto;pointer-events:auto}.dpad button{background:#fff9eeb8;border:1px solid #fff8;color:#687a6f;border-radius:5px;font-size:18px}.dpad button[data-move=up]{grid-column:2}.dpad button[data-move=left]{grid-column:1;grid-row:2}.dpad button[data-move=down]{grid-column:2;grid-row:2}.dpad button[data-move=right]{grid-column:3;grid-row:2}#touchJump,#touchAction{pointer-events:auto;border:1px solid #fff8;border-radius:50%;width:45px;height:45px;color:#6b7b70;background:#fff9eec9;font-size:21px}#touchAction{background:#3157dadc;color:#fff}#actionCard{bottom:108px}}
@media(max-width:650px){.world-label{font-size:11px;padding:7px 10px 7px 7px;gap:6px}.world-label:before{font-size:11px;width:22px;height:22px}#actionCard{left:14px;bottom:18px;width:calc(100% - 28px);max-width:340px;padding:17px 21px 20px}#actionTitle{font-size:36px;margin-top:11px}#actionBody{font-size:13px;line-height:1.55}.action-caption{font-size:8px}.action-underline{margin-bottom:10px}}
@media(max-width:650px) and (pointer:coarse){#actionCard{bottom:108px}}
@media(max-height:500px) and (orientation:landscape){#actionCard{bottom:15px;left:15px;width:270px;padding:15px 19px}#actionTitle{font-size:30px;margin:9px 0 5px}#actionBody{font-size:11px;line-height:1.45}.action-underline{height:5px;margin-bottom:7px}.action-caption{font-size:7px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* A small playable-character vignette precedes the full office. */
#arrival{position:absolute;inset:0;z-index:10;overflow:hidden;color:#fff4de;background-color:#211c2f;background-image:radial-gradient(ellipse at 39% 55%,#6c3a584d,transparent 55%),radial-gradient(#b18eab40 1px,transparent 1.2px);background-size:auto,38px 38px;transition:opacity .65s ease}#arrival.leaving{opacity:0;pointer-events:none}#arrivalScene{position:absolute;left:1%;top:9%;width:65%;height:86%}#arrivalScene canvas{width:100%;height:100%;display:block;cursor:pointer;touch-action:manipulation}.arrival-brand{position:absolute;left:36px;top:30px;letter-spacing:2.8px;font-size:12px;font-weight:700}.arrival-brand span{display:block;font-size:10px;letter-spacing:.7px;color:#bdb0c3;margin-top:7px}.arrival-copy{position:absolute;left:63%;top:35%;width:34%;max-width:440px}.arrival-you{font:700 24px OfficeHand,sans-serif;letter-spacing:2px;color:#f5bd8f;margin:0 0 11px}.arrival-copy h1{font:700 clamp(38px,4.3vw,70px)/1.02 OfficeHand,sans-serif;letter-spacing:1px;margin:0 0 32px}.arrival-copy button{position:relative;border:0;border-bottom:1px solid #f5bd8f66;background:none;color:#fff4de;padding:7px 4px 12px;font:700 31px OfficeHand,sans-serif;letter-spacing:1px;display:flex;gap:18px;align-items:center;text-align:left}.arrival-copy button:hover{color:#f5bd8f}.arrival-copy button:disabled{cursor:wait;color:#d1becb}.arrival-copy button svg{position:absolute;left:-83px;top:-10px;width:75px;height:48px;fill:none;stroke:#f5bd8f;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round;transform:rotate(-8deg)}.arrival-key{font:600 25px OfficeSans,sans-serif;width:37px;height:37px;display:grid;place-items:center;border:1px solid #f5bd8f80;border-radius:6px}.no-preview #arrivalScene{display:grid;place-items:center;font-size:180px;color:#f5bd8f}body:has(#arrival:not(.leaving)) #touchControls{display:none}
@media(max-width:700px){#arrivalScene{left:0;top:3%;width:100%;height:64%}.arrival-brand{left:22px;top:22px;font-size:10px}.arrival-copy{left:10%;top:auto;bottom:7%;width:80%;max-width:none;text-align:center}.arrival-you{font-size:20px;margin-bottom:6px}.arrival-copy h1{font-size:37px;margin:0 0 15px}.arrival-copy h1 br{display:none}.arrival-copy button{margin:auto;font-size:28px}.arrival-copy button svg{left:-62px;top:-9px;width:55px}.arrival-key{width:31px;height:31px;font-size:22px}}
@media(max-height:500px) and (min-width:701px){.arrival-copy{top:22%}.arrival-copy h1{font-size:42px;margin-bottom:16px}.arrival-brand{top:15px}.arrival-copy button{font-size:25px}}

/* Hand-lettered interaction ribbon with a real Return-key cue. */
.world-label{font:700 29px/1 OfficeHand,'Arial Narrow',sans-serif;letter-spacing:1px;text-transform:uppercase;gap:0;padding:7px 40px 9px 13px;background:#27232b;color:#fffaf1;border-radius:0;box-shadow:none;max-width:calc(100vw - 82px)}.world-label:before{content:none}.world-label:after{content:'';position:absolute;right:-29px;top:50%;transform:translateY(-50%);width:58px;height:58px;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cpath%20d%3D%22M32%203%2061%2032%2032%2061%203%2032Z%22%20fill%3D%22%2327232b%22%20stroke%3D%22%23fffaf1%22%20stroke-width%3D%223.5%22%2F%3E%3Cpath%20d%3D%22M40%2020v16H24m7-8-8%208%208%208%22%20fill%3D%22none%22%20stroke%3D%22%23fffaf1%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");background-size:contain;background-repeat:no-repeat}.world-label.active{background:#27232b}.world-label.linkedin{background:#27232b;color:#fffaf1}.world-label.linkedin:before{content:none}
@media(max-width:650px){.world-label{font-size:24px;padding:6px 34px 7px 10px}.world-label:after{width:49px;height:49px;right:-24px}}

/* Quiet first-use guidance; no persistent navigation overlay. */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.arrival-controls{font:600 11px/1.5 OfficeSans,sans-serif;color:#c9bdcc;margin:16px 0 0;letter-spacing:.1px}
@media(pointer:coarse){.dpad{grid-template-columns:repeat(3,44px);grid-template-rows:repeat(2,42px);gap:4px}#actionCard{bottom:128px}}
/* Optional map/menu: compact tools, quiet until opened. */
.office-tools{position:absolute;right:22px;top:22px;z-index:18;display:grid;gap:9px}.office-tools button{width:46px;height:46px;background:#292532e8;color:#fff7e7;border:1px solid #fff5;border-radius:12px;box-shadow:0 3px 0 #17151f;display:grid;place-items:center;cursor:pointer;transition:transform .15s,background .15s}.office-tools button:hover{background:#4263cd;transform:translateY(-2px)}.office-tools svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.office-tools button:focus-visible,.office-panel button:focus-visible{outline:3px solid #ffab69;outline-offset:4px}.office-panel{color:#fff4df;background:#292532;border:1px solid #fff3;border-radius:22px;width:min(680px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:36px;box-shadow:0 24px 100px #10101e80;overflow:auto}.office-panel::backdrop{background:#13122170;backdrop-filter:blur(7px)}.office-panel-close{position:absolute;right:14px;top:12px;width:42px;height:42px;color:#fff4df;background:#fff1;border:0;border-radius:50%;font:30px OfficeSans,Arial;cursor:pointer}.panel-kicker{font-size:10px;letter-spacing:.22em;color:#d8bb92;margin:0 0 6px}.office-panel h2{font:700 52px OfficeHand,Arial;margin:0;letter-spacing:.025em}.panel-intro{font-size:13px;color:#d9d0d4;margin:4px 0 24px}.office-building{display:grid;gap:12px}.map-floor{display:grid;grid-template-columns:30px 1fr;gap:12px;align-items:center}.map-floor-number{font-size:9px;letter-spacing:.1em;color:#aa9eaf;writing-mode:vertical-rl;transform:rotate(180deg)}.map-floor-rooms{display:flex;gap:12px}.map-room{position:relative;flex:1;min-width:0;text-align:left;border:1px solid #ffffff28;border-radius:14px;background:#3c3745;padding:12px;color:#fff4df;cursor:pointer;transition:background .2s,transform .2s}.map-room:hover{background:#52445a;transform:translateY(-2px)}.map-room.is-here{border-color:#ffb975;background:#54404a}.map-room-sketch{display:block;height:62px;background:#211d2840;border-radius:7px;margin-bottom:8px}.map-room-sketch svg{width:100%;height:100%;padding:6px}.sketch-wall{fill:#d8c6a8}.sketch-object{fill:#9d899f}.sketch-mor{fill:#ffb975;stroke:#fff4df;stroke-width:.35}.map-room-title{display:block;font:700 22px OfficeHand,Arial;letter-spacing:.05em}.map-room-status{font-size:8px;letter-spacing:.12em;color:#d8bb92;display:block;margin-top:4px}.office-menu-actions{display:grid;gap:9px;margin:28px 0}.office-menu-actions button{color:#fff4df;text-align:left;border:1px solid #fff2;background:#3c3745;border-radius:12px;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;font:700 16px OfficeSans,Arial}.office-menu-actions small{font-size:10px;color:#d8bb92;font-weight:400}.office-menu-actions button:hover{background:#52445a}.office-menu-actions kbd{font-size:11px;border:1px solid #fff4;padding:2px 7px;border-radius:4px}.controls-title{font:700 26px OfficeHand,Arial;margin:26px 0 10px}.office-controls{font-size:12px;color:#d9d0d4}.office-controls div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #fff1;gap:12px}.office-controls dd{margin:0;text-align:right}.office-controls dt{color:#fff4df}@media(max-width:550px){.office-tools{top:14px;right:14px}.office-panel{padding:26px 20px}.office-panel h2{font-size:44px}.map-room{padding:9px}.map-room-sketch{height:52px}.office-menu-actions button{align-items:flex-start;flex-direction:column}.map-floor{gap:4px;grid-template-columns:22px 1fr}}
.map-room:only-child{display:grid;grid-template-columns:100px 1fr;column-gap:16px;align-items:center}.map-room:only-child .map-room-sketch{grid-row:1/3;margin:0}.map-room:only-child .map-room-title{align-self:end}.map-room:only-child .map-room-status{align-self:start}.map-room-sketch{background:#211d28a0}.sketch-object{fill:#bb9cbd}.sketch-mor{fill:#ffa362;stroke:#fff;stroke-width:.5}

/* One consistent grotesque type system, replacing the former handwritten UI. */
#actionCard{border-radius:15px;padding:22px 25px;background:#fffcf2f5}#actionTitle{font:700 25px/1.12 OfficeSans,Arial,sans-serif;text-transform:none;letter-spacing:-.55px;margin:12px 0}#actionBody{font-weight:400;font-size:14px;line-height:1.5}.action-underline{display:none}.action-caption{font-size:9px;letter-spacing:1.4px}.action-star{font-size:16px}
.world-label{font:700 13px/1.2 OfficeSans,Arial,sans-serif;letter-spacing:.07em;padding:10px 29px 10px 13px;border-radius:8px;box-shadow:0 3px 12px #1e223426}.world-label:after{width:40px;height:40px;right:-20px}.arrival-you{font:400 16px OfficeSans,sans-serif;letter-spacing:.1px}.arrival-copy h1{font:700 clamp(32px,3.6vw,56px)/1.06 OfficeSans,sans-serif;letter-spacing:-1.5px}.arrival-copy button{font:700 20px OfficeSans,sans-serif;letter-spacing:-.25px}.arrival-brand{letter-spacing:2px}.office-panel h2{font:700 35px/1.08 OfficeSans,Arial,sans-serif;letter-spacing:-1px}.controls-title{font:700 17px OfficeSans,Arial,sans-serif;letter-spacing:-.2px;margin-top:25px}.office-menu-actions{margin:24px 0}.office-menu-actions button{font-size:16px;padding:18px}.office-controls{font-size:13px}.office-panel{max-width:640px}.office-controls dd kbd{font:inherit;color:#fff6df}.office-panel .panel-intro{margin-top:10px}.office-plan{width:100%;aspect-ratio:1.35;background:#201e29;border:1px solid #ffffff1a;border-radius:12px;margin:20px 0 14px;overflow:hidden}.office-plan svg{width:100%;height:100%;padding:12px}.plan-zone{fill:#7b61752b;stroke:#d9bc91;stroke-width:.35;stroke-dasharray:1 1}.plan-zone.here{fill:#c47e4f3b;stroke:#ffbe80;stroke-width:.65}.plan-zone-label{fill:#f8e6ce;font:700 2px OfficeSans,Arial;text-anchor:middle;pointer-events:none}.plan-furniture{fill:#aaa0ad;opacity:.65}.plan-mor{fill:#ffb35d;stroke:#fff;stroke-width:.5}.plan-zone-target{cursor:pointer}.plan-zone-target:hover .plan-zone{fill:#b28d6d50}.office-map-destinations{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.office-map-destinations button{border:1px solid #fff2;border-radius:8px;background:#3b3746;color:#fff3df;text-align:left;padding:11px;font-size:12px}.office-map-destinations button:hover,.office-map-destinations button.is-here{background:#5d4650;border-color:#efb680}.map-dest-status{display:block;font-size:9px;margin-top:5px;color:#d6b896}.office-plan-key{font-size:11px;color:#d9c7b0;margin:0 0 6px}.office-map-destinations button:focus-visible{outline:3px solid #f4ad78;outline-offset:2px}
@media(max-width:700px){.arrival-copy h1{font-size:32px;letter-spacing:-.8px}.arrival-copy button{font-size:19px}.arrival-you{font-size:14px}.arrival-copy{bottom:6%;width:86%;left:7%}.arrival-controls{font-size:11px}.arrival-copy button svg{width:42px;left:-48px}.arrival-key{font-size:20px;width:30px;height:30px}}
@media(max-width:650px){#actionTitle{font-size:23px}.world-label{font-size:12px;padding:9px 25px 9px 11px}.world-label:after{width:36px;height:36px;right:-18px}.office-panel h2{font-size:29px}.office-map-destinations{grid-template-columns:repeat(2,1fr)}.office-panel{padding:28px 22px}.office-menu-actions button{align-items:flex-start;flex-direction:row}.office-menu-actions small{max-width:130px;line-height:1.35;text-align:right}.office-plan{aspect-ratio:1.15}}
.office-plan{aspect-ratio:auto;height:min(43vh,340px)}

/* The opening and the office share one canvas and one set of physical objects. */
#gameArea{background:#211c2f}#arrival{transition:opacity .36s ease}#arrivalScene .arrival-snapshot{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:fill;pointer-events:none}#arrival[data-state="opening"] .arrival-copy,#arrival[data-state="opening"] .arrival-brand{transition:opacity .2s ease;opacity:.5}body:has(#scene[data-entry-transition="expanding"]) #worldLabels,body:has(#scene[data-entry-transition="expanding"]) .office-tools,body:has(#scene[data-entry-transition="expanding"]) #touchControls{opacity:0;pointer-events:none}#scene{will-change:clip-path}#scene[data-entry-transition="ready"]{will-change:auto}
@media(prefers-reduced-motion:reduce){#arrival{transition:none}}

#gameArea{background-color:#211c2f;background-image:radial-gradient(ellipse at 39% 55%,#6c3a584d,transparent 55%),radial-gradient(#b18eab40 1px,transparent 1.2px);background-size:auto,38px 38px}#arrival.leaving{opacity:1;background:none;pointer-events:none}#arrival.leaving #arrivalScene{visibility:hidden}#arrival.leaving .arrival-copy,#arrival.leaving .arrival-brand{opacity:0;transition:opacity .2s ease}

@media(prefers-reduced-motion:reduce){#arrival.leaving .arrival-copy,#arrival.leaving .arrival-brand{transition:none}}

@font-face{font-family:BrunoStart;src:url('fonts/amatic-bold.ttf') format('truetype');font-weight:700;font-display:swap}.arrival-copy{top:44%;left:66%;width:29%}.arrival-copy button{font:700 clamp(32px,4.2vw,58px)/1.1 BrunoStart,sans-serif;text-transform:uppercase;letter-spacing:2px;border:0;padding:0;color:#fff4de}.arrival-copy button svg{stroke:#fff4de;left:-72px;top:20px;transform:rotate(-18deg)}@media(max-width:700px){.arrival-copy{top:auto;bottom:14%;left:15%;width:70%}.arrival-copy button{font-size:43px;margin:auto}.arrival-copy button svg{left:-58px;top:4px;width:52px}}
/* A small CRT cabinet, with no competing office UI while playing. */
.retro-arcade[hidden]{display:none}.retro-arcade{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:#080e13d9;backdrop-filter:blur(8px);padding:18px;overflow:auto;color:#c9f4b4;font:13px/1.4 monospace}.retro-cabinet{width:min(100%,430px);padding:23px;background:#182b29;border:3px solid #536c58;box-shadow:0 18px 0 #07110e,0 32px 100px #0009,inset 0 0 0 5px #263e34;border-radius:12px}.retro-cabinet header{display:flex;justify-content:space-between;align-items:center;color:#94b69a;font-size:11px;letter-spacing:1px}.retro-cabinet button{font:700 14px monospace;color:#d9fbc7;background:#284d3a;border:2px solid #729b70;box-shadow:0 3px 0 #081b11;cursor:pointer;padding:10px 15px;border-radius:2px}.retro-cabinet button:active{transform:translateY(2px);box-shadow:0 1px 0 #081b11}.retro-cabinet .arcade-close{font-size:25px;line-height:1;padding:3px 9px;background:none;border:0;box-shadow:none}.retro-cabinet h2{font:700 clamp(25px,6vw,36px) monospace;letter-spacing:3px;margin:17px 0 13px;color:#dbf8ba;text-shadow:3px 3px #356044}.arcade-score{display:flex;justify-content:space-between;font-size:12px;letter-spacing:1px;margin-bottom:9px}.arcade-score strong{color:#ffb569;font:inherit}.arcade-crt{padding:12px;border-radius:12px;background:#08140e;box-shadow:inset 0 3px 9px #0009,0 2px #6b825c}.arcade-crt canvas{display:block;width:100%;height:auto;image-rendering:pixelated;border-radius:5px;box-shadow:0 0 20px #7db97218;outline-offset:5px}.arcade-hint{font-size:10px;text-align:center;color:#a3c394;margin:14px 0}.arcade-actions{display:flex;gap:12px;justify-content:center}.arcade-pad{display:flex;justify-content:center;gap:7px;margin-top:16px}.arcade-pad button{padding:7px 12px}.retro-cabinet footer{font-size:9px;color:#90b39a;text-align:center;margin-top:18px;letter-spacing:.3px}

/* Two proximity stages: a quiet discoverability diamond, then the Enter prompt. */
.world-marker{position:absolute;width:30px;height:30px;padding:0;border:0;background:transparent;pointer-events:auto;transform:translate(-50%,-50%);touch-action:manipulation}.world-marker:before{content:'';position:absolute;inset:7px;transform:rotate(45deg);background:#fff9ed;border:3px solid #292733;box-shadow:0 1px 0 #fff8,0 3px 9px #16213235;animation:hint-breathe 2.8s ease-in-out infinite}.world-marker:hover:before{background:#ffd5a0;border-color:#3b3345}.world-marker:focus-visible{outline:2px solid #fff4db;outline-offset:4px;border-radius:50%}.world-label{transition:background-color .16s ease;z-index:2}.world-marker{z-index:1}@keyframes hint-breathe{0%,100%{opacity:.85;scale:.92}50%{opacity:1;scale:1.06}}@media(prefers-reduced-motion:reduce){.world-marker:before{animation:none}}

/* Demostack case study: one account visibly grows around the same platform. */
.demo-dialog{border:1px solid #f4e8d4;padding:0;border-radius:24px;background:#f8f3e8;color:#263b43;width:min(880px,calc(100vw - 28px));max-height:calc(100dvh - 28px);overflow:auto;box-shadow:0 28px 100px #13151d66;font-family:OfficeSans,Arial,sans-serif}.demo-dialog::backdrop{background:#171b25b8;backdrop-filter:blur(7px)}.demo-story{padding:28px 34px}.demo-story header{display:flex;align-items:center;justify-content:space-between;gap:12px}.demo-eyebrow{font-size:11px;font-weight:700;letter-spacing:.15em;color:#5c7477}.demo-close{border:0;border-radius:50%;width:38px;height:38px;background:#e6e8df;color:#294b51;font-size:27px;cursor:pointer}.demo-progress{list-style:none;padding:0;margin:22px 0 25px;display:flex;gap:24px;color:#7a8584;font-size:12px}.demo-progress li{display:flex;gap:7px;align-items:center}.demo-progress li span{display:grid;place-items:center;width:23px;height:23px;border:1px solid #b7c1b9;border-radius:50%;font-size:11px}.demo-progress .reached{color:#216c67;font-weight:700}.demo-progress .reached span{background:#226e6a;color:#fff9ed;border-color:#226e6a}.demo-story h2{font-size:clamp(25px,4vw,37px);line-height:1.07;letter-spacing:-.035em;margin:0 0 12px;max-width:650px;outline:none}.demo-story-copy>p{font-size:15px;line-height:1.6;color:#52696d;max-width:680px;margin:0 0 23px}.demo-account{background:#e9e9de;border:1px solid #d1d9cc;border-radius:18px;padding:15px 19px 23px;position:relative;overflow:hidden}.demo-account-label{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:.13em;font-weight:700;color:#5b7272}.demo-building{font-size:21px}.demo-landed{margin-left:auto;background:#d2e2cf;color:#3f6c53;padding:6px 8px;border-radius:5px;font-size:8px;letter-spacing:.08em}.demo-teams{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:35px;align-items:center;margin-top:19px;position:relative}.demo-teams:before{content:'';position:absolute;height:3px;background:repeating-linear-gradient(90deg,#9cae9c 0 7px,transparent 7px 13px);left:15%;right:15%;top:50%}.demo-team,.demo-platform{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:15px 8px;border-radius:12px;background:#f9f6ed;border:1px solid #c9d5c9;box-shadow:0 5px 0 #c7d1bf}.demo-team strong,.demo-platform strong{font-size:13px;margin-top:9px;line-height:1.15}.demo-team small,.demo-platform small{font-size:10px;line-height:1.4;color:#6b7c78;margin-top:5px;max-width:130px}.demo-avatar{display:grid;place-items:center;background:#d49a73;color:#fff9ea;width:33px;height:33px;border-radius:12px 12px 9px 9px;font-weight:700}.demo-enablement{border-style:dashed;opacity:.58;box-shadow:none}.demo-enablement .demo-avatar{background:#789e97}.demo-core-icon{font-size:32px;line-height:1;color:#2b7873}.demo-platform{background:#285f60;border-color:#285f60;color:#fff6e5;box-shadow:0 7px 0 #163f46;transform:translateY(-3px)}.demo-platform small{color:#d6e2d6}.demo-platform .demo-core-icon{color:#ebcf90}.demo-account.expanded{background:#dfebd9;border-color:#aac5a8}.expanded .demo-enablement{opacity:1;border-style:solid;box-shadow:0 5px 0 #a7c3a3;background:#f8fbef;animation:demo-arrive .5s ease-out}.expanded .demo-teams:before{background:#609886}.demo-discovery{display:flex;align-items:center;gap:13px;margin:22px 0;color:#516a6b}.demo-discovery>span{font-size:31px;color:#b27550}.demo-discovery p{font-size:13px;line-height:1.6;margin:0}.demo-capabilities{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.demo-capabilities button{text-align:left;border:1px solid #cbd6cc;background:#fffaf0;border-radius:12px;padding:13px;cursor:pointer;color:#34565b;position:relative}.demo-capabilities button strong{display:block;font-size:12px;margin:9px 0 6px}.demo-capabilities button>span:last-child{font-size:11px;line-height:1.45;display:block;color:#637977}.demo-cap-check{display:grid;place-items:center;width:23px;height:23px;border-radius:7px;background:#e1e8da;font-weight:700}.demo-capabilities button[aria-pressed=true]{background:#e2eddb;border-color:#4b8b77;box-shadow:inset 0 0 0 1px #4b8b77}.demo-capabilities button[aria-pressed=true] .demo-cap-check{background:#286c60;color:#fff9ec}.demo-selection{font-size:11px;color:#54716b;margin:12px 0 20px}.demo-impact{display:flex;gap:23px;align-items:center;margin:20px 0 14px;padding:18px 23px;border-radius:14px;background:#285f60;color:#fff3d9}.demo-impact>strong{font-size:66px;letter-spacing:-.07em;line-height:1}.demo-impact>strong span{font-size:37px}.demo-impact h3{font-size:16px;margin:0 0 5px}.demo-impact p{font-size:12px;line-height:1.5;margin:0;max-width:330px;color:#dbe6d9}.demo-lesson{font-size:12px;line-height:1.6;color:#526a6d}.demo-story footer{border-top:1px solid #d8ded2;margin-top:22px;padding-top:17px;display:flex;justify-content:space-between;align-items:center;gap:12px}.demo-story footer>div{display:flex;gap:9px}.demo-retelling{font-size:9px;color:#76827d}.demo-next,.demo-back{border:0;border-radius:9px;font:700 12px OfficeSans,Arial,sans-serif;padding:13px 16px;cursor:pointer}.demo-next{background:#245f5f;color:#fff6e4}.demo-next:disabled{background:#d6ddd2;color:#677c73;cursor:default}.demo-back{background:transparent;color:#5b7272}.demo-story button:focus-visible{outline:3px solid #d4894f;outline-offset:3px}@keyframes demo-arrive{from{transform:translateY(9px);opacity:.2}to{transform:translateY(0);opacity:1}}@media(max-width:600px){.demo-story{padding:20px}.demo-teams{gap:10px}.demo-team,.demo-platform{padding:12px 5px}.demo-team strong,.demo-platform strong{font-size:11px}.demo-team small,.demo-platform small{font-size:9px}.demo-account{padding:11px 10px 18px}.demo-landed{font-size:6px;max-width:70px;text-align:center}.demo-account-label{font-size:7px;gap:5px}.demo-capabilities{grid-template-columns:1fr}.demo-capabilities button{padding:10px 12px;display:grid;grid-template-columns:24px 1fr;column-gap:10px}.demo-capabilities button strong{margin:0 0 3px}.demo-capabilities button>span:last-child{grid-column:2}.demo-cap-check{grid-row:1/3}.demo-story footer{align-items:flex-start}.demo-retelling{max-width:70px;line-height:1.5}.demo-next,.demo-back{font-size:11px;padding:12px}.demo-impact{gap:15px;padding:16px}.demo-impact>strong{font-size:49px}.demo-impact>strong span{font-size:27px}.demo-impact h3{font-size:14px}.demo-impact p{font-size:11px}.demo-progress{gap:20px;margin:18px 0}.demo-story-copy>p{font-size:13px}}@media(prefers-reduced-motion:reduce){.expanded .demo-enablement{animation:none}}

.demo-enablement{opacity:1;background:#e6e9df;border-color:#a9b9ab;color:#50675d}.demo-enablement small{color:#607267}.demo-enablement .demo-avatar{background:#8caaa0}.demo-account.adapting .demo-enablement{background:#f0f6e7;border-color:#4c8e78}.demo-account.adapting .demo-teams:before{background:#6b9b85}.demo-account.expanded .demo-enablement{background:#f8fbef;color:#263b43}

.demo-story{padding:24px 30px}.demo-story header{position:sticky;top:-1px;z-index:3;background:#f8f3e8;padding:4px 0}.demo-progress{margin:16px 0 18px}.demo-story-copy>p{margin-bottom:18px}.demo-account{padding-bottom:18px}.demo-teams{margin-top:15px}.demo-team,.demo-platform{padding-top:12px;padding-bottom:12px}.demo-selection{margin:10px 0 12px}.demo-story footer{margin-top:17px}@media(max-width:600px){.demo-story{padding:18px}.demo-story header{padding-top:3px}.demo-eyebrow{font-size:9px}.demo-progress{margin:12px 0 16px}.demo-story footer{gap:6px}.demo-retelling{font-size:8px}}

.arcade-leaders{border:1px solid #73c588;padding:16px;margin:17px 0;background:#081810;color:#d8ffd3}.arcade-leaders[hidden]{display:none}.arcade-leaders h3{font:700 19px monospace;margin:0 0 15px;color:#ffbd75}.arcade-leaders label{display:block;font:12px monospace;letter-spacing:.06em;margin-bottom:7px}.arcade-leaders form>div{display:flex;gap:7px}.arcade-leaders input{min-width:0;width:100%;border:1px solid #75c986;border-radius:0;background:#102719;color:#e4ffda;padding:10px 8px;font:14px monospace}.arcade-leaders button{border:1px solid #75c986;background:#75c986;color:#102016;padding:8px;font:700 11px monospace;white-space:nowrap;cursor:pointer}.arcade-leaders button:disabled{opacity:.5;cursor:default}.arcade-leaders input:focus-visible,.arcade-leaders button:focus-visible{outline:2px solid #ffbd75;outline-offset:3px}.arcade-leaders h4{font:700 17px monospace;letter-spacing:.06em;margin:20px 0 5px}.arcade-leaders .arcade-local{font:10px monospace;color:#9ac59b;margin:0 0 13px}.arcade-leaders ol{list-style:none;padding:0;margin:0;max-height:230px;overflow:auto}.arcade-leaders li{display:flex;justify-content:space-between;gap:10px;font:12px monospace;border-top:1px solid #20462c;padding:8px 0;overflow-wrap:anywhere}.arcade-leaders li span{min-width:0}.arcade-leaders li strong{color:#ffbd75}.arcade-leaders #arcadeSaveStatus{font:10px monospace;line-height:1.5;color:#c5e9ba;margin:10px 0 0}

.retro-arcade{align-items:start}.arcade-crt[hidden],.arcade-pad[hidden]{display:none}

/* A miniature enterprise: one landed team, then an adjacent use case. */
.enterprise-dialog{width:min(820px,calc(100vw - 28px))}.enterprise-story h2{margin:19px 0 7px;font-size:clamp(27px,4.4vw,41px)}.enterprise-scene{width:100%;display:block;max-height:310px;margin:0 auto}.enterprise-front{fill:#bbc9cc;stroke:#a0b5b8;stroke-width:1}.enterprise-side{fill:#849fa7}.enterprise-roof{fill:#e1e6db;stroke:#a9bfc0;stroke-width:1}.enterprise-window{fill:#e1eadf;stroke:#9eb8b4;stroke-width:1;transition:fill .8s}.enterprise-door{fill:#5c7e81}.enterprise-enablement .enterprise-front{fill:#c6cfca}.enterprise-enablement .enterprise-side{fill:#91a9a0}.enterprise-label rect{fill:#f9f7ee}.enterprise-label text{fill:#3e6468;font:700 13px OfficeSans,Arial,sans-serif;text-anchor:middle}.enterprise-campus{fill:#69827c;font:700 10px OfficeSans,Arial,sans-serif;letter-spacing:2px;text-anchor:middle}.enterprise-tree path{stroke:#9c8061;stroke-width:5}.enterprise-tree ellipse{fill:#6e9480}.enterprise-platform rect{fill:#f3f3e7;stroke:#a3b9ac}.enterprise-platform text{fill:#386b64;font:700 12px OfficeSans,Arial,sans-serif;text-anchor:middle}.enterprise-brand{opacity:0;transform:translateY(-30px);transition:opacity .7s,transform .9s cubic-bezier(.2,.8,.3,1)}.enterprise-brand rect{fill:#2e6566;stroke:#f5f3dd;stroke-width:2}.enterprise-brand text{fill:#fff5df;font:700 17px OfficeSans,Arial,sans-serif;text-anchor:middle}.enterprise-brand circle{fill:#c9dfb1}.enterprise-brand path{stroke:#2c6755;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.enterprise-route,.enterprise-route-base{fill:none;stroke-width:5;stroke-linecap:round}.enterprise-route-base{stroke:#b4c5b8;stroke-dasharray:3 9;opacity:.7}.enterprise-route{stroke:#dba06d;stroke-dasharray:300;stroke-dashoffset:300;transition:stroke-dashoffset 1.4s ease-in-out}.enterprise-steps{display:flex;gap:8px;list-style:none;padding:0;margin:6px 0 16px}.enterprise-steps li{flex:1;border-top:3px solid #d4ddcf;padding-top:8px;color:#78877d;font-size:11px;font-weight:700}.enterprise-steps li.active{border-color:#ba8b61;color:#265e5a}.enterprise-steps li.complete{border-color:#5d9380;color:#4d7e6c}.enterprise-caption{min-height:76px}.enterprise-caption strong{font-size:14px;color:#2f6861}.enterprise-caption p{font-size:13px;line-height:1.55;color:#536e6d;max-width:620px;margin:5px 0 0}.enterprise-result{display:flex;gap:18px;align-items:center;background:#e3ebd9;border-radius:12px;padding:13px 18px;margin:12px 0 0;opacity:.32;transition:opacity .8s,background .8s}.enterprise-result>strong{font-size:47px;line-height:1;letter-spacing:-.06em;color:#286260}.enterprise-result>strong span{font-size:27px}.enterprise-result p{font-size:11px;line-height:1.5;color:#506d67;margin:0}.enterprise-result b{font-size:13px}.enterprise-story footer{justify-content:space-between;margin-top:15px;padding-top:12px}.enterprise-story .enterprise-replay{font-size:11px;padding-left:0}.enterprise-dialog[data-phase="0"] .enterprise-brand-land,.enterprise-dialog[data-phase="1"] .enterprise-brand-land,.enterprise-dialog[data-phase="2"] .enterprise-brand{opacity:1;transform:translateY(0)}.enterprise-dialog[data-phase="0"] .enterprise-sales .enterprise-window,.enterprise-dialog[data-phase="1"] .enterprise-sales .enterprise-window,.enterprise-dialog[data-phase="2"] .enterprise-wing .enterprise-window{fill:#f5d49b}.enterprise-dialog[data-phase="1"] .enterprise-enablement .enterprise-window{fill:#e9d8b7}.enterprise-dialog[data-phase="2"] .enterprise-route{stroke-dashoffset:0}.enterprise-dialog[data-phase="2"] .enterprise-result{opacity:1;background:#deebd6}.enterprise-dialog[data-reduced="true"] *{transition:none!important}@media(max-width:600px){.enterprise-story h2{font-size:29px;margin-top:15px}.enterprise-scene{width:calc(100% + 16px);margin-left:-8px}.enterprise-caption{min-height:96px}.enterprise-caption p{font-size:12px}.enterprise-steps{gap:6px}.enterprise-steps li{font-size:10px}.enterprise-result{gap:13px;padding:12px}.enterprise-result>strong{font-size:39px}.enterprise-result p{font-size:10px}.enterprise-result b{font-size:12px}.enterprise-story footer{gap:12px}.enterprise-story .enterprise-replay{font-size:10px}.enterprise-story .enterprise-exit{font-size:10px}}@media(prefers-reduced-motion:reduce){.enterprise-dialog *{transition:none!important}}

.enterprise-dialog[data-phase="0"] .enterprise-brand-land{animation:enterprise-landing 1.1s cubic-bezier(.2,.8,.3,1) both}@keyframes enterprise-landing{from{opacity:0;transform:translateY(-45px)}to{opacity:1;transform:translateY(0)}}.enterprise-dialog[data-reduced="true"] .enterprise-brand-land{animation:none}.enterprise-result{opacity:1}@media(prefers-reduced-motion:reduce){.enterprise-dialog .enterprise-brand-land{animation:none!important}}

.enterprise-story h2{font-size:clamp(25px,3.2vw,34px);max-width:none}.enterprise-scene{max-height:260px}.enterprise-caption{min-height:66px}@media(max-width:600px){.enterprise-story h2{font-size:27px}.enterprise-caption{min-height:103px}}

/* Big 1980s end-of-run title, kept above name entry and scores. */
.arcade-game-over{display:grid;justify-content:center;gap:1px;margin:5px 0 18px;font:900 clamp(45px,9vw,72px)/.87 monospace;letter-spacing:4px;text-align:center;color:#ffd283;text-shadow:3px 0 #f18b53,0 4px #b74e42,5px 7px #492e35;filter:drop-shadow(0 0 9px #e99a3733)}.arcade-game-over span{display:block}.arcade-leaders .arcade-final{font:12px monospace;letter-spacing:2px;text-align:center;color:#a9cda6;border-top:1px solid #315b3c;border-bottom:1px solid #315b3c;padding:11px 0;margin:0 0 18px}.arcade-final strong{color:#ffce85;font-size:17px;letter-spacing:1px}.arcade-leaders{background:repeating-linear-gradient(0deg,#081810 0 3px,#0b1c13 3px 5px)}@media(max-width:420px){.arcade-game-over{font-size:57px;letter-spacing:3px}.arcade-leaders{padding:13px}.arcade-leaders form>div{gap:5px}}

.arcade-game-over svg{display:block;width:270px;max-width:100%;height:auto;filter:drop-shadow(3px 4px 0 #a94d43)}

.reception-comic{position:absolute;inset:0;z-index:5;pointer-events:none}.reception-balloon{position:absolute;background:#fffaf0;color:#263d48;border:2px solid #263d48;border-radius:22px 25px 20px 24px;padding:17px 19px;box-shadow:4px 5px 0 #24484c25;pointer-events:auto;font:700 15px/1.45 OfficeSans,Arial,sans-serif}.reception-balloon p{margin:0}.reception-balloon:before{content:'';position:absolute;left:var(--comic-tail,50%);bottom:-10px;width:17px;height:17px;transform:rotate(45deg);background:inherit;border-right:2px solid #263d48;border-bottom:2px solid #263d48}.reception-mor{background:#e5eee0}.reception-reply{border:0;padding:0;background:transparent;color:#254a48;display:flex;align-items:center;gap:12px;width:100%;text-align:left;font:700 15px/1.45 OfficeSans,Arial,sans-serif;cursor:pointer}.reception-reply kbd{border:1px solid #62847b;border-radius:6px;padding:1px 6px;font:700 21px OfficeSans,Arial,sans-serif}.reception-reply:focus-visible{outline:3px solid #d28b55;outline-offset:6px;border-radius:5px}@media(max-width:600px){.reception-balloon{font-size:14px;padding:14px 17px}.reception-reply{font-size:14px}}

.reception-balloon[data-below="true"]:before{bottom:auto;top:-10px;border-right:0;border-bottom:0;border-left:2px solid #263d48;border-top:2px solid #263d48}

.reception-clerk{display:flex;align-items:center;gap:12px;cursor:pointer}.reception-clerk kbd{flex-shrink:0;border:1px solid #62847b;border-radius:6px;padding:1px 6px;font:700 21px OfficeSans,Arial,sans-serif}.reception-clerk:focus-visible{outline:3px solid #d28b55;outline-offset:4px}

.enterprise-overview{list-style:none;padding:0;margin:20px 0 14px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.enterprise-step{height:100%;width:100%;text-align:left;border:1px solid #bdcbbf;border-radius:12px;background:#f0f1e7;padding:15px;color:#29464b;cursor:pointer;font:400 13px/1.55 OfficeSans,Arial,sans-serif}.enterprise-step strong{display:block;font-size:15px;margin-bottom:7px}.enterprise-step span{display:block}.enterprise-step[aria-pressed=true]{border:2px solid #286a61;padding:14px;background:#e2eddb}.enterprise-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:12px 0}.enterprise-controls button{border:0;border-radius:9px;background:#285f60;color:#fff9ec;padding:11px 16px;font:700 13px OfficeSans,Arial,sans-serif;cursor:pointer}.enterprise-controls button:disabled{background:#e0e5da;color:#728078;cursor:default}.enterprise-position{font:700 12px OfficeSans,Arial,sans-serif;color:#47675f}.enterprise-result{opacity:1}.enterprise-dialog[data-reduced=true] .enterprise-brand-land{animation:none}@media(max-width:600px){.enterprise-overview{grid-template-columns:1fr;gap:8px;margin-top:16px}.enterprise-step{padding:12px 14px;font-size:13px}.enterprise-step[aria-pressed=true]{padding:11px 13px}.enterprise-step strong{margin-bottom:3px}.enterprise-controls button{padding:11px 14px}.enterprise-scene{max-height:240px}}

.achievements-panel{background:#27232e;color:#fff5df;border-color:#726779}.achievements-panel #officePanelTitle,.achievement-heading h3,.achievement-toast strong{font-family:BrunoStart,OfficeSans,sans-serif;font-weight:700;letter-spacing:.02em}.achievements-panel #officePanelTitle{font-size:54px;margin-bottom:8px}.achievements-panel .panel-kicker{color:#c4b9cc}.achievement-back{background:transparent;border:0;color:#e5d7ba;padding:0 0 20px;font:700 14px OfficeSans,sans-serif;cursor:pointer}.achievement-total{color:#cce996;margin:0 0 26px;font-size:18px}.achievement-list{list-style:none;padding:0;margin:0}.achievement-list li{padding:20px 0;border-top:1px solid #ffffff24}.achievement-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.achievement-heading h3{font-size:32px;line-height:1.15;margin:0;color:#f3e8d2}.achievement-heading>span{white-space:nowrap;font-size:14px;color:#c4b9cc}.achievement-list .unlocked h3,.achievement-list .unlocked .achievement-heading>span{color:#cce996}.achievement-list p{font-size:14px;line-height:1.5;color:#dfd8e0;margin:9px 0 14px}.achievement-list progress{display:block;width:100%;height:12px;border:1px solid #9a8e9e;border-radius:0;background:#393240;accent-color:#cce996}.achievement-list progress::-webkit-progress-bar{background:#393240}.achievement-list progress::-webkit-progress-value{background:#cce996}.achievement-list progress::-moz-progress-bar{background:#cce996}.achievement-toast{position:fixed;inset:22px 16px auto auto;margin:0;max-width:min(430px,calc(100vw - 32px));padding:18px 22px;display:flex;align-items:center;gap:15px;border:1px solid #b0cb83;background:#27232e;color:#fff5df;border-radius:12px;box-shadow:0 12px 40px #0006;z-index:1000;pointer-events:none;animation:achievement-arrive .25s ease-out}.achievement-toast small{display:block;text-transform:uppercase;letter-spacing:.14em;font:700 10px OfficeSans,sans-serif;color:#d7dfbf;margin-bottom:5px}.achievement-toast strong{display:block;font-size:30px;line-height:1.1;color:#cce996}.achievement-medal{font-size:36px;color:#cce996}.achievement-toast[hidden]{display:none!important}.achievement-toast:popover-open{display:flex}.achievement-toast::backdrop{display:none}@keyframes achievement-arrive{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.achievement-heading h3{font-size:29px}.achievement-toast{inset:15px 15px auto;max-width:none}.achievement-toast strong{font-size:27px}.achievements-panel #officePanelTitle{font-size:46px}.achievement-heading{gap:10px}}@media(prefers-reduced-motion:reduce){.achievement-toast{animation:none}}
/* A stable pause-menu shell replaces the old full-page button stack. */
.office-pause{width:min(880px,calc(100vw - 32px));height:min(700px,calc(100dvh - 32px));max-height:calc(100dvh - 32px);padding:0;overflow:hidden;background:#27232e;color:#fff5df;display:none;border:1px solid #796b83;border-radius:22px}.office-pause[open]{display:flex;flex-direction:column}.menu-header{display:flex;justify-content:space-between;align-items:center;padding:26px 30px 20px;flex:none}.menu-header p{font:700 10px OfficeSans,sans-serif;letter-spacing:.16em;color:#c4b7c9;margin:0 0 6px}.menu-header h2{font:700 44px/1 BrunoStart,sans-serif;letter-spacing:.02em;margin:0}.office-pause .office-panel-close{position:static;flex:none;width:40px;height:40px;font-size:28px;align-self:flex-start}.menu-tabs{display:grid;grid-template-columns:repeat(3,1fr);padding:0 30px;border-bottom:1px solid #ffffff26;flex:none;gap:20px}.menu-tabs button{font:700 15px OfficeSans,sans-serif;color:#c3b8cb;background:transparent;border:0;border-bottom:3px solid transparent;padding:15px 0;cursor:pointer}.menu-tabs button[aria-selected=true]{color:#d4efab;border-bottom-color:#cce996}.menu-content{padding:24px 30px;overflow:auto;flex:1;min-height:0;scrollbar-color:#776b80 #27232e}.menu-content h2,.menu-content h3{font-family:BrunoStart,sans-serif;font-weight:700;letter-spacing:.02em}.menu-content h2{font-size:36px;margin:0 0 8px}.menu-controls h3,.menu-leaderboard h3{font-size:34px;margin:0}.menu-controls>p,.menu-leaderboard>p{font:400 14px/1.6 OfficeSans,sans-serif;color:#d1c9d5;margin:9px 0 24px}.menu-controls dl{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:0}.menu-controls dl>div{background:#332e3c;border:1px solid #ffffff1a;border-radius:12px;padding:18px;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:92px}.menu-controls dt{font:700 15px OfficeSans,sans-serif}.menu-controls dd{margin:0;display:flex;flex-direction:column;align-items:center;gap:4px}.menu-controls dd>span{display:flex;gap:4px}.menu-controls kbd{display:inline-flex;align-items:center;justify-content:center;min-width:30px;min-height:29px;padding:3px 8px;border:1px solid #998ba3;border-bottom-width:3px;border-radius:5px;color:#fff7e9;background:#443c4d;font:700 13px OfficeSans,sans-serif}.menu-controls small{font:400 11px OfficeSans,sans-serif;color:#c2b6c9;margin-top:3px}.menu-controls .menu-floor-tip{font-size:13px;margin-bottom:0;color:#bbb1c4}.menu-footer{border-top:1px solid #ffffff26;padding:17px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex:none}.menu-tidy{border:0;background:transparent;padding:6px 0;color:#ddcbb2;text-align:left;cursor:pointer}.menu-tidy span{display:block;font:700 13px OfficeSans,sans-serif}.menu-tidy small{display:block;color:#b7acbe;font:400 11px/1.5 OfficeSans,sans-serif;margin-top:4px}.menu-resume,.menu-play-snake{border:0;border-radius:9px;background:#cce996;color:#26392c;padding:14px 22px;font:700 14px OfficeSans,sans-serif;cursor:pointer;white-space:nowrap}.office-pause button:focus-visible,.menu-content:focus-visible{outline:3px solid #f2ba78;outline-offset:3px}.office-pause .achievement-list li{padding:18px 0}.office-pause .achievement-heading h3{font-size:29px}.office-pause .achievement-list p{font-size:13px}.office-pause .achievement-total{font-size:14px;margin-bottom:20px}.menu-section-heading{display:flex;gap:20px;align-items:center;justify-content:space-between}.menu-section-heading>span{font:700 10px OfficeSans,sans-serif;letter-spacing:.06em;color:#cce996}.menu-scores{list-style:none;padding:0;margin:0 0 24px;color:#c5bbcf;font:400 14px/1.7 OfficeSans,sans-serif}.menu-scores li{display:grid;grid-template-columns:32px 1fr auto;gap:13px;align-items:center;border-bottom:1px solid #ffffff1f;padding:14px 0}.menu-scores li>span:first-child{color:#b3a8bf;font-size:12px}.menu-scores li>span:nth-child(2){overflow-wrap:anywhere;color:#fff4e0}.menu-scores strong{color:#cce996;font:700 17px monospace}.menu-score-retry{background:transparent;color:#f5c79b;border:1px solid #796d84;border-radius:6px;padding:10px 14px;margin-right:12px;cursor:pointer}@media(max-width:600px){.office-pause{width:calc(100vw - 20px);height:calc(100dvh - 20px);max-height:calc(100dvh - 20px);border-radius:17px}.menu-header{padding:20px 20px 14px}.menu-header h2{font-size:39px}.menu-tabs{padding:0 20px;gap:10px}.menu-tabs button{font-size:13px;padding:15px 0}.menu-content{padding:21px 20px}.menu-controls dl{gap:10px}.menu-controls dl>div{flex-direction:column;gap:12px;justify-content:flex-start;align-items:center;padding:14px 10px;min-height:117px}.menu-controls dt{font-size:14px}.menu-controls>p,.menu-leaderboard>p{font-size:13px}.menu-footer{padding:14px 20px;gap:12px}.menu-tidy small{max-width:170px;font-size:10px}.menu-resume{padding:13px 18px;font-size:13px}.menu-section-heading{align-items:flex-start;gap:8px;flex-direction:column}.menu-section-heading h3{font-size:31px}.office-pause .achievement-heading h3{font-size:27px}}
/* The Customers interaction is a piece of office stationery. */
.note-dialog{width:min(650px,calc(100vw - 40px));max-height:calc(100dvh - 40px);padding:0;border:0;border-radius:2px;background:#f7f0df;color:#243e3d;overflow:auto;box-shadow:5px 7px 0 #e0d5bc,9px 12px 0 #f1e7d0,0 30px 100px #151e225c;font-family:OfficeSans,Arial,sans-serif;perspective:1000px;isolation:isolate}
.note-dialog::backdrop{background:#18252499;backdrop-filter:blur(5px)}
.note-dialog[open]{animation:note-arrive .45s cubic-bezier(.2,.8,.2,1) both}
.note-dialog .feedback-close{position:absolute;z-index:3;top:15px;right:15px;width:34px;height:34px;border:0;border-radius:50%;background:transparent;color:#63746a;font:28px/1 OfficeSans,sans-serif;cursor:pointer}
.feedback-note{padding:32px 42px 28px;transform-origin:50% 18%;transition:transform .65s cubic-bezier(.45,0,.8,.5),opacity .5s}
.feedback-note[hidden],.feedback-thanks[hidden],.note-reply-fields[hidden]{display:none}
.note-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 19px 13px 0;border-bottom:1px solid #b6bea866}
.note-header span{font:700 10px/1.3 OfficeSans,sans-serif;letter-spacing:.13em;color:#657565}.note-header span:last-child{font-size:9px;font-weight:400;letter-spacing:.08em}
.note-dialog h2{font:400 87px/.95 BrunoStart,sans-serif;letter-spacing:-.02em;margin:28px 0 12px;color:#244a43}
.note-invitation{font:400 14px/1.5 OfficeSans,sans-serif;color:#788075;margin:0 0 27px;max-width:330px}
.feedback-form>label{display:block;font:700 14px/1.5 OfficeSans,sans-serif;margin:0 0 7px;color:#304c46}
.feedback-form textarea{display:block;box-sizing:border-box;width:100%;min-height:157px;padding:10px 0 0;resize:vertical;border:0;border-radius:0;border-bottom:1px solid #b1b8a866;background:repeating-linear-gradient(to bottom,transparent 0,transparent 33px,#b1b8a866 33px,#b1b8a866 34px);color:#263f3b;font:400 16px/34px OfficeSans,sans-serif;outline-offset:5px}
.feedback-form textarea::placeholder{color:#909589;opacity:1}.note-reply-row{display:flex;align-items:center;gap:14px;margin:18px 0 0;flex-wrap:wrap}.note-reply-toggle{border:0;border-bottom:1px dashed #617663;background:transparent;color:#365b4a;padding:0 0 3px;font:700 13px OfficeSans,sans-serif;cursor:pointer}.note-reply-row>span{font-size:11px;color:#939284}.note-reply-fields{margin-top:15px}.note-reply-fields label{font:700 12px OfficeSans,sans-serif;display:block;margin-bottom:6px}.note-reply-fields input{box-sizing:border-box;width:100%;border:0;border-bottom:1px solid #aab89f;background:#eeead9;padding:11px 12px;color:#28463f;border-radius:0;font:400 14px OfficeSans,sans-serif}.feedback-privacy{font:400 11px/1.5 OfficeSans,sans-serif;color:#808573;margin:7px 0 0}.note-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:26px}.note-footer>span{font:400 12px/1.5 OfficeSans,sans-serif;color:#7b806f}.feedback-submit,.feedback-done{border:1px solid #254f46;border-radius:3px;background:#29574d;color:#fff7dd;padding:15px 21px;font:700 14px/1.3 OfficeSans,sans-serif;cursor:pointer;box-shadow:3px 4px 0 #b7c0a5;transition:transform .15s,box-shadow .15s}.feedback-submit:hover,.feedback-done:hover{background:#214a41;transform:translateY(-2px)}.feedback-submit:active,.feedback-done:active{transform:translate(2px,3px);box-shadow:1px 1px 0 #b7c0a5}.feedback-submit:disabled{opacity:.65;cursor:wait;transform:none}.feedback-status{font:400 13px/1.5 OfficeSans,sans-serif;color:#9d4937;margin:15px 0 0}.feedback-status:empty{display:none}
.note-pendo{margin:29px 0 0;padding:17px 0 0;border-top:1px solid #b6bea866}.note-pendo>span{font:700 13px/1.5 OfficeSans,sans-serif;color:#526651}.note-pendo p{margin:6px 0 0;max-width:480px;color:#65715f;font:400 12px/1.65 OfficeSans,sans-serif}.note-pendo strong{color:#4d6556;font-weight:700}
.feedback-honey{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);pointer-events:none}
.note-dialog button:focus-visible,.note-dialog input:focus-visible,.note-dialog textarea:focus-visible{outline:3px solid #cb8c53;outline-offset:5px}
.note-delivering .feedback-note{transform:rotateX(68deg) rotateZ(-10deg) scale(.27) translate(95%,60%);opacity:0;pointer-events:none}
.feedback-thanks{padding:47px 45px 39px;text-align:center;min-height:355px;box-sizing:border-box}.note-receipt{font:700 9px OfficeSans,sans-serif;letter-spacing:.15em;color:#8a8d79}.feedback-thanks h3{font:400 70px/.95 BrunoStart,sans-serif;margin:28px 0 25px;color:#294c42}.note-stamp{display:inline-block;color:#aa573b;border:3px double #aa573b;padding:9px 25px;font:700 24px/1.05 OfficeSans,sans-serif;text-transform:uppercase;letter-spacing:.02em;transform:rotate(-8deg);animation:note-stamp .3s cubic-bezier(.2,.8,.2,1) both}.feedback-thanks p{font:400 13px/1.6 OfficeSans,sans-serif;color:#7c806f;margin:26px 0 22px}.note-delivered{width:min(500px,calc(100vw - 40px))}
@keyframes note-arrive{from{opacity:0;transform:translateY(50px) rotate(-5deg) scale(.93)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}
@keyframes note-stamp{from{opacity:0;transform:rotate(-8deg) scale(1.7)}to{opacity:1;transform:rotate(-8deg) scale(1)}}
@media(max-width:600px){.note-dialog{width:calc(100vw - 28px);max-height:calc(100dvh - 32px)}.feedback-note{padding:28px 25px 25px}.note-header span{font-size:8px}.note-header span:last-child{font-size:8px}.note-dialog h2{font-size:69px;margin-top:27px}.note-invitation{font-size:12px;margin-bottom:24px;max-width:270px}.feedback-form>label{font-size:14px}.feedback-form textarea{font-size:14px;line-height:34px;min-height:158px}.note-footer{gap:14px}.note-footer>span{font-size:12px}.feedback-submit{padding:14px 15px;font-size:12px}.note-pendo p{font-size:11px}.note-pendo>span{font-size:13px}.feedback-thanks{padding:46px 25px 35px}.feedback-thanks h3{font-size:62px}.note-stamp{font-size:20px}}
@media(prefers-reduced-motion:reduce){.note-dialog[open],.note-stamp{animation:none}.feedback-note,.feedback-submit,.feedback-done{transition:none}.note-delivering .feedback-note{transform:none}}
@media(min-width:601px) and (max-height:760px){.feedback-note{padding:24px 38px 21px}.note-dialog h2{font-size:74px;margin:21px 0 10px}.note-invitation{margin-bottom:18px}.feedback-form textarea{min-height:126px;line-height:30px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 29px,#b1b8a866 29px,#b1b8a866 30px)}.note-reply-row{margin-top:16px}.note-footer{margin-top:21px}.note-pendo{margin-top:22px;padding-top:12px}.note-pendo p{line-height:1.5}}

.portfolio-fallback{position:relative;z-index:5;max-width:600px;margin:30px auto;padding:25px;background:#f5f0e3;color:#29463e}.portfolio-fallback h1{font:700 30px/1.15 OfficeSans,sans-serif}.portfolio-fallback p,.portfolio-fallback a{font:400 16px/1.5 OfficeSans,sans-serif}