.office-game{border:1px solid #c8d2c9;border-radius:16px;overflow:hidden;box-shadow:0 10px 35px #172d3710}.game-top{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#24424b;color:#edf3e9;padding:14px 23px;font-size:11px;letter-spacing:.8px}.game-top>span:first-child{font-weight:700}.game-top i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#c3dd9c;margin-right:9px}.game-top .office-copy{color:#e5eddd;border-color:#728d87;margin:0}.game-room{position:relative;aspect-ratio:920/540;overflow:hidden;background:#d7dfd2;isolation:isolate;outline-offset:-4px!important;font-family:ui-monospace,Consolas,monospace}.game-wall{height:23%;position:absolute;inset:0 0 auto;background:linear-gradient(#e1e8dc,#cbd6ca);border-bottom:12px solid #a1b19b;box-shadow:0 9px 0 #657c6940;z-index:1}.game-brand{position:absolute;top:4%;left:40%;width:20%;height:78%;background:#203b4c;border:5px solid #e8e7d6;box-shadow:5px 5px 0 #758d7977;overflow:hidden}.game-brand img{width:100%;height:100%;object-fit:cover}.game-window{position:absolute;top:15%;width:19%;height:62%;display:flex;border:6px solid #f0eedf;box-shadow:4px 4px #8a9d84;background:linear-gradient(#8fbcc1,#d0ddd0)}.game-window.left{left:8%}.game-window.right{right:8%}.game-window i{width:33%;border-right:4px solid #edf0e2;background:linear-gradient(145deg,transparent 45%,#e2f0e150 46%,#e2f0e150 52%,transparent 53%)}.game-window i:last-child{border:0}.game-floor{position:absolute;inset:23% 0 0;background:repeating-linear-gradient(0deg,transparent 0,transparent 31px,#8d9c8120 31px,#8d9c8120 33px),repeating-linear-gradient(90deg,#dbd1b8 0,#dbd1b8 63px,#c5bfa52b 64px,#c5bfa52b 66px)}.game-rug{position:absolute;top:35%;width:34%;height:34%;border:5px solid #bdc7a5;outline:3px solid #92a682;background:repeating-linear-gradient(0deg,#a6ba98 0,#a6ba98 4px,#aec09c 5px,#aec09c 8px);box-shadow:4px 5px #70826633}.game-rug.marketing{left:7%}.game-rug.events{right:7%;border-color:#cdbac4;outline-color:#b298ab;background:repeating-linear-gradient(0deg,#c4b4be 0,#c4b4be 4px,#cbbec4 5px,#cbbec4 8px)}.game-board{position:absolute;top:25%;width:29%;height:12%;background:#f1f0de;border:4px solid #9b8467;box-shadow:4px 4px #89947440;z-index:2;text-align:center;color:#52634f;padding:5px;font-size:clamp(5px,.9vw,10px)}.board-pablo{left:9.5%}.board-julie{right:9.5%}.game-board span{font-weight:800;letter-spacing:.5px}.game-board small{display:block;font-size:.65em;margin:3px 0}.game-board>div{display:flex;gap:7px;align-items:end;justify-content:center;height:36%;margin-top:3px}.game-board i{display:block;width:10px;height:40%;background:#7d9f74}.game-board i:nth-child(2){height:75%}.game-board i:nth-child(3){height:100%}.game-board .game-notes{align-items:center}.game-notes i{height:100%!important;width:14px;background:#aabec9;transform:rotate(-7deg)}.game-notes i:nth-child(2){background:#d8bd86;transform:rotate(6deg)}.game-notes i:nth-child(3){background:#be9cba}.game-table{position:absolute;top:40%;width:28%;height:13%;background:#b7865e;border:4px solid #846348;box-shadow:0 9px #715641,5px 16px #5f664733;z-index:3}.table-pablo{left:10%}.table-julie{right:10%}.game-screen{position:absolute;left:22%;top:-37%;width:36%;height:80%;background:#416674;border:5px solid #294550;box-shadow:0 5px #6e7a69}.game-screen:before{content:'';position:absolute;left:12%;top:18%;width:55%;height:15%;background:#aaca93;box-shadow:0 9px #789e99}.game-keyboard{position:absolute;width:30%;height:18%;top:56%;left:25%;background:repeating-linear-gradient(90deg,#dedbd0 0,#dedbd0 4px,#9ca8a0 4px,#9ca8a0 5px);border:2px solid #819289}.game-cup{position:absolute;right:15%;top:28%;width:10%;height:30%;background:#f3ead8;border:3px solid #d1c2a5;box-shadow:3px 3px #624e4433}.game-cup:after{content:'';position:absolute;right:-7px;top:0;width:6px;height:7px;border:2px solid #e7d8be}.game-paper{position:absolute;left:5%;top:42%;width:11%;height:34%;background:#f4ead4;transform:rotate(-9deg)}.game-chair{position:absolute;top:54%;width:8%;height:12%;background:#375564;border:5px solid #263f4a;box-shadow:3px 6px #51694e33;z-index:2;border-radius:6px}.chair-pablo{left:21%}.chair-julie{right:21%;background:#85637e;border-color:#604e60}.game-character{position:absolute;top:45%;width:8%;min-width:42px;padding:0;background:none;border:0;z-index:5;cursor:pointer;transition:transform .15s;color:#2b4244}.character-pablo{left:21%}.character-julie{right:21%}.game-character>svg{display:block;width:100%;image-rendering:pixelated;filter:drop-shadow(3px 3px #3a51442b)}.game-character:hover{transform:translateY(-5px)}.game-name{display:block;position:absolute;left:50%;transform:translateX(-50%);top:95%;background:#f6f4e7;border:2px solid #84947c;box-shadow:2px 2px #526b5644;padding:5px 10px;font-size:clamp(11px,1.4vw,16px);font-weight:700;white-space:nowrap}.game-name small{display:block;font-size:8px;font-weight:400;margin-top:3px}.game-bubble{position:absolute;left:50%;transform:translateX(-50%);bottom:107%;padding:7px 10px;border:2px solid #738971;background:#fffced;white-space:nowrap;font-size:clamp(8px,.9vw,11px);box-shadow:3px 3px #4f684733;z-index:7}.game-bubble:after{content:'';position:absolute;bottom:-6px;left:48%;height:7px;width:7px;border-bottom:2px solid #738971;border-right:2px solid #738971;transform:rotate(45deg);background:#fffced}.game-planter{position:absolute;top:33%;height:8%;width:4%;background:#a16b50;border:3px solid #895941;z-index:4;box-shadow:3px 5px #64774940}.plant-one{left:2%}.plant-two{right:2%}.game-planter:before{content:'';position:absolute;left:-15%;bottom:70%;width:130%;height:130%;background:#698b57;clip-path:polygon(20% 0,40% 30%,55% 0,75% 25%,100% 15%,85% 65%,100% 80%,55% 100%,0 70%,15% 50%,0 20%);box-shadow:inset -7px -6px #51744e}.game-sofa{position:absolute;left:8%;bottom:10%;width:20%;height:10%;display:flex;gap:3px;background:#617d69;border:5px solid #4d6956;border-radius:4px;box-shadow:4px 5px #7a886344;z-index:3}.game-sofa i{width:33%;background:#799981;border:2px solid #92aa8b;border-radius:3px}.game-coffee{position:absolute;left:13%;bottom:23%;width:10%;height:7%;background:#a47b54;border:3px solid #7b5d44;z-index:3;box-shadow:3px 3px #787c5f55}.game-coffee i{position:absolute;width:25%;height:48%;background:#e7dfc0;left:35%;top:20%;transform:rotate(8deg)}.game-welcome{position:absolute;right:8%;bottom:12%;width:26%;height:12%;border:4px solid #a8b08d;background:#c2c6a4;color:#647756;display:grid;align-content:center;text-align:center;gap:5px;transform:rotate(-2deg)}.game-welcome>span{font-weight:900;letter-spacing:5px;font-size:clamp(12px,2vw,24px)}.game-welcome small{font-size:clamp(5px,.65vw,9px)}.game-player{position:absolute;width:5.5%;z-index:6;transform:translate(-50%,-50%);transition:left .28s linear,top .28s linear;pointer-events:none;min-width:30px}.game-player svg{width:100%;display:block}.game-player>span{position:absolute;left:50%;transform:translateX(-50%);font-size:9px;padding:3px 7px;background:#fff9e5;border:1px solid #a29e84;white-space:nowrap}.game-door{position:absolute;bottom:0;left:43%;width:14%;height:6%;text-align:center;background:#8d9e86;border:4px solid #a5b398;font-size:9px;letter-spacing:2px;padding:6px;color:#e4edda}.game-controls{display:flex;gap:20px;justify-content:space-between;align-items:center;padding:15px 22px;background:var(--white,#fff);font-size:11px;color:var(--muted);line-height:1.6}.game-controls>span:first-child{display:flex;gap:8px;align-items:center}.game-deliveries{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}.game-deliveries>button{display:flex;align-items:center;gap:18px;background:var(--white,#fff);border:1px solid var(--line);border-radius:12px;padding:22px;text-align:left;font:inherit;color:inherit;cursor:pointer}.game-deliveries>button>span:nth-child(2){display:grid;gap:8px;flex:1}.game-deliveries small{font-size:9px;letter-spacing:.8px;color:var(--muted)}.game-deliveries strong{font-size:16px;font-weight:550}.game-deliveries em{font-style:normal;font-size:11px;color:var(--muted)}.game-mini{width:37px;flex-shrink:0}.game-mini svg{width:100%;display:block}.game-person-menu{display:grid;gap:13px;text-align:center;max-width:450px;margin:auto}.game-modal-sprite{width:75px;display:block;margin:0 auto}.game-person-menu p{line-height:1.8;font-size:14px}.game-person-menu small{font-size:12px;color:var(--muted);margin-top:8px}.game-person-menu .btn{justify-content:center}.event-idea{padding:26px;margin:22px 0}.event-idea h3{font-size:24px;line-height:1.4}.event-decisions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px;border-top:1px solid var(--line);padding-top:20px}.event-decisions .office-copy{margin:0}.office-chip.rejected{background:#efe1dc;color:#865950}.office-chip.approved{background:#daeacc;color:#3b6038}.office-event-ideas>header h2{font-size:28px}.office-event-ideas .office-prose{font-size:13px}
@media(max-width:700px){.game-top{padding:12px 15px;flex-wrap:wrap;gap:8px}.game-top>span:nth-child(2){display:none}.game-room{aspect-ratio:760/610}.game-wall{height:24%}.game-brand{width:27%;left:36.5%;top:12%;height:65%;border-width:3px}.game-window{width:21%;height:52%;top:20%;border-width:3px}.game-window.left{left:6%}.game-window.right{right:6%}.game-window i{border-width:2px}.game-board{top:27%;height:10%;width:33%;padding:2px;border-width:2px;font-size:6px}.board-pablo{left:7.5%}.board-julie{right:7.5%}.game-table{border-width:2px;height:12%;top:41%;width:30%}.table-pablo{left:9%}.table-julie{right:9%}.game-screen{border-width:3px}.game-name{padding:4px 7px;border-width:1px;font-size:11px}.game-name small{font-size:6px}.game-bubble{font-size:7px;padding:5px 6px;bottom:113%;border-width:1px}.game-character{top:46%;width:10%;min-width:37px}.character-pablo{left:19.5%}.character-julie{right:19.5%}.game-rug{height:36%;width:37%;left:5%!important;top:37%;border-width:2px;outline-width:2px}.game-rug.events{left:auto!important;right:5%}.game-chair{border-width:3px}.game-controls{flex-direction:column;align-items:start;gap:3px;padding:12px 15px;font-size:10px}.game-deliveries{grid-template-columns:1fr;gap:12px}.game-deliveries>button{padding:16px;gap:14px}.game-deliveries strong{font-size:14px}.game-sofa{border-width:3px;height:8%}.game-coffee{height:5%;bottom:22%;border-width:2px}.game-player{width:6.5%}.game-door{font-size:6px;letter-spacing:1px;border-width:2px}.game-welcome{border-width:2px}.game-welcome>span{font-size:12px}.game-planter{border-width:2px}.event-idea{padding:20px}.event-idea h3{font-size:21px}.event-decisions .btn{font-size:12px}}
@media(prefers-reduced-motion:reduce){.game-player,.game-character{transition:none}}
.game-role-tip{position:absolute;left:50%;transform:translateX(-50%);bottom:110%;width:220px;max-width:34vw;padding:13px 15px;background:#203c49;color:#f4f5e9;border:2px solid #b9d799;box-shadow:4px 5px #203c4940;text-align:left;font-family:system-ui,sans-serif;font-size:12px;font-weight:400;line-height:1.65;opacity:0;visibility:hidden;pointer-events:none;z-index:12}.game-character:hover .game-role-tip,.game-character:focus-visible .game-role-tip{opacity:1;visibility:visible}.game-character:hover .game-bubble,.game-character:focus-visible .game-bubble{visibility:hidden}.game-character:hover,.game-character:focus-visible{z-index:15}@media(max-width:700px){.game-role-tip{font-size:10px;padding:9px;max-width:37vw}}
