/* Reference composition: the illustrated office fills a 1024 × 1536 portrait. */
/* The supplied title artwork is displayed directly; values remain live HTML. */
.topbar{container-type:inline-size}.brand.reference-logo{top:0;left:0;width:34.375%;height:9.1cqw;padding:0;border:0;box-shadow:none;background-size:290.909091% auto;background-position:0 0;background-repeat:no-repeat;image-rendering:pixelated}.brand.reference-logo>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
:root{color-scheme:light}body{margin:0;background:#1b2c23;color:#26332a;font-family:"Microsoft YaHei","PingFang SC",sans-serif;overflow-x:hidden}#game-shell{position:relative;width:min(100vw,calc(100dvh * 2 / 3),1024px);height:min(150vw,100dvh,1536px);margin:0 auto;padding:0;container-type:inline-size;background:#253b2b;box-shadow:0 0 70px #0b181baa}.topbar{position:absolute;top:0;left:50%;transform:translateX(-50%);width:min(100vw,calc(100dvh * 2 / 3),1024px);max-width:none;margin:0;padding:0;background:transparent;border:0;height:auto;z-index:60;display:block}.brand{position:absolute;top:5px;left:6px;width:33%;height:auto;min-height:0;padding:9px 8px 10px;text-align:center;background:#244233;border:4px solid #d5b068;color:#ffe7ac;text-decoration:none;font-size:clamp(13px,3.6vw,38px);font-weight:900;letter-spacing:1px;line-height:1.3;text-shadow:2px 2px #44381d,3px 3px #152b20;box-shadow:inset 0 0 0 3px #506344,2px 2px #16291f,4px 4px #c8aa67}.brand small{display:none}.top-actions{position:absolute;right:7px;top:calc(min(100vw,100dvh * 2 / 3,1024px) * .066);gap:4px;background:#294532f2;padding:3px;border:1px solid #a58f5a;opacity:.92;max-width:none}.top-actions .edition{display:none}.top-actions .quiet{min-height:24px;padding:1px 5px;border:0;color:#f2e6c9;font-size:10px}.ledger-bar{position:absolute;top:.7%;left:35%;width:64%;max-width:none;display:grid;grid-template-columns:1fr 1.25fr 1fr .8fr;gap:3px;height:4.8%;margin:0;padding:0;border:0;background:transparent;box-shadow:none;z-index:50}.ledger-bar>div{min-width:0;padding:4px 3px;border:3px solid #967541;background:#ead9b2;box-shadow:inset 0 0 0 2px #f4e3bd,2px 2px #233725;display:flex;flex-direction:column;justify-content:center}.company-heading #calendar{font-size:2.1cqw;line-height:1.3;font-weight:800;text-align:center;color:#302b25}.company-heading h1,.company-heading .eyebrow{display:none}.reference-area{font-size:2cqw;font-weight:800;white-space:nowrap;text-align:center}.ledger-bar .ledger-number{background:#203b2c;border-color:#3c4b2f;box-shadow:inset 0 0 0 2px #536546}.ledger-number>span{font-size:1.7cqw;color:#cdd0c3;line-height:1.2}.ledger-number strong{font-size:2.5cqw;line-height:1.3;color:#ffe761;text-shadow:1px 2px #192a1d;font-weight:900;white-space:nowrap}.ledger-number small,.profit-number{display:none!important}.workspace{display:block;max-width:none;margin:0;padding:0;width:100%;height:100%}.office-section{width:100%;height:100%;position:relative}.office-frame{position:absolute;inset:0;width:100%;height:100%;min-height:0;max-height:none;border:0;background:transparent;overflow:hidden}.office-frame #office-canvas{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:2/3;display:block}.office-frame canvas{width:100%!important;height:100%!important;margin:0!important;max-width:none;max-height:none;image-rendering:pixelated}.scene-heading{position:absolute;z-index:25;left:1%;top:7.4%;padding:3px 7px;background:#284631db;color:#f2e8c9;max-width:63%;border:1px solid #657a50;font-size:1.1cqw;display:flex;gap:5px;align-items:center}.scene-heading .scene-tip,.scene-objective,.journey,.work-strip,.activity-log,.footer{display:none!important}.scene-heading .scene-settings{min-height:18px;padding:0 3px;font-size:1.1cqw;color:#e8dab6}.live-dot{width:5px;height:5px}.scene-places{position:absolute;left:1%;right:1%;top:85.9%;height:3.7%;z-index:20;border:2px solid #76623d;background:#233f31e8;grid-template-columns:repeat(5,1fr)}.scene-places button{min-height:0;padding:0;color:#edddb5;font-size:1.5cqw;border-right:1px solid #627148}.scene-places button:hover{background:#a7a267;color:#243c2c}.reference-visitbar{position:absolute;left:0;top:74.7%;height:5.1%;width:57%;z-index:22;display:flex;align-items:center;gap:10px;padding:8px 10px;background:#775333;border:4px solid #c3a265;box-shadow:inset 0 0 0 3px #413222,2px 3px #1d3424;color:#fff5dc}.reference-visitbar>span{font-size:3cqw;color:#e7c98a}.reference-visitbar strong{font-size:2.2cqw;flex:1;line-height:1.3}.reference-visitbar .button{font-size:2.4cqw;min-height:0;height:100%;width:23%;padding:0;border:3px solid #133b21;background:linear-gradient(#5bb757 0 14%,#328641 15% 85%,#256632 86%);color:#fff8de;box-shadow:inset 0 0 0 2px #80bd64;white-space:nowrap}.reference-channels{position:absolute;left:0;right:0;top:80.5%;height:5.8%;display:flex;align-items:center;z-index:23}.reference-channels>span,.reference-channels>strong{background:#264633;border:3px solid #b79c59;box-shadow:inset 0 0 0 2px #4c6649;color:#f2e9c8;font-size:1.8cqw;font-weight:800;padding:4px 5px;text-align:center;white-space:nowrap}.reference-channels>span{width:12.5%}.reference-channels>strong{margin-left:auto;align-self:flex-start;min-width:19%;font-size:2.4cqw}.reference-channels button{height:100%;width:10.5%;background:#f0dfb5;border:0;border-top:3px solid #a77f3e;border-bottom:3px solid #a77f3e;color:#223527;font-size:1.8cqw;display:flex;align-items:center;justify-content:center;flex-direction:column;line-height:1.4;padding:2px}.reference-channels button:nth-child(2){border-left:3px solid #a77f3e}.reference-channels button:nth-child(6){border-right:3px solid #a77f3e}.reference-channels b{font-size:3.2cqw;color:#265d41;line-height:1.15}.reference-channels button:nth-child(2) b{color:#c92524}.reference-channels button:nth-child(6) b{color:#243dce}.reference-channels .channel-58{background:#f57625;color:#fff4c9;font-size:2.4cqw;padding:1px 4px}.game-nav{position:absolute;left:0;right:0;bottom:0;transform:none;width:100%;height:8.8%;padding:5px;z-index:40;gap:7px;background:#1c3328;border:4px solid #b59a58;box-shadow:0 -4px #1a2b20,0 -7px #7c7044}.game-nav button{min-height:0;font-size:2.7cqw;padding:5px 2px;background:#264735;border:3px solid #48624a;box-shadow:inset 0 0 0 2px #172e20;color:#fff2d2;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px}.game-nav button:before{font-size:4.7cqw;line-height:1.05;display:block;filter:drop-shadow(2px 2px #14261b)}.game-nav [data-tab=office]:before{content:'▥';color:#fff1c5}.game-nav [data-tab=customers]:before{content:'♟♟';letter-spacing:-.7cqw;color:#e5efd6}.game-nav [data-tab=team]:before{content:'▣';color:#dcebd3}.game-nav [data-tab=channels]:before{content:'◀';color:#dcebd3}.game-nav [data-tab=company]:before{content:'▧';color:#a9c4ad}.game-nav button.active{background:linear-gradient(115deg,#e8b54b,#846431);color:#fff6d0;border-color:#ffe7a2;box-shadow:inset 0 0 0 3px #8d602a,0 0 8px #e3b757}.scene-command{z-index:35;left:2%;bottom:17%;width:46%;max-height:47%;padding:12px;border:3px solid #614e33;background:#f8ebcfeF;box-shadow:inset 0 0 0 2px #e1c99a,4px 5px #182c2655;font-size:14px}.scene-command strong{font-size:16px}.scene-command p,.scene-command .scene-business{font-size:14px}.scene-command small{font-size:12px}.scene-command .button{font-size:13px;min-height:38px}.scene-command-head .quiet{font-size:12px}.actor-note{z-index:30;left:2%;right:auto;top:12%;max-width:75%;padding:10px;font-size:14px;background:#fff2d5ed}.scene-taskline{position:absolute;left:2%;right:2%;bottom:12.8%;z-index:21;padding:3px 8px;background:#233e30e0;border:1px solid #967c4d;color:#f3e5bf;font-size:1.45cqw;min-height:0;max-height:3.5%;overflow:auto}.scene-taskline .button{min-height:0;font-size:1.2cqw;padding:2px 5px}.day-controls{position:absolute;right:2%;bottom:20.9%;padding:0;z-index:24;background:#264233e6;color:#f2e3bc;border:1px solid #a48c56;font-size:1.1cqw;max-width:36%;display:flex;flex-direction:column;gap:3px}.day-controls>div:first-child{display:none}.day-controls .button{min-height:24px;padding:4px 6px;font-size:1.2cqw}.management-panel{position:absolute;z-index:36;top:10%;bottom:9.5%;left:3%;right:3%;width:auto;max-width:none;background:#f4e5c6;border:4px solid #826642;box-shadow:inset 0 0 0 2px #d7bd81,4px 5px #192c2555}.management-panel #panel-content{padding:18px}.session-banner{position:absolute;top:10%;left:2%;right:2%;z-index:65}.welcome{min-height:100dvh;background:#20362beF;position:relative;margin:auto;padding:40px;max-width:1000px}.welcome-content{background:#f2e5c8;padding:30px;border:4px solid #ba9554}.welcome-scene{display:none}.welcome h1{font-size:38px}.welcome p{color:#4e5f43}#toast{z-index:100;bottom:11vh;max-width:90vw;font-size:14px;border-color:#b59a58;background:#223c2d;color:#f6e4b8}dialog{z-index:200;background:#f3e5c6;border:4px solid #9c7c44}.skip:focus{z-index:300}
@media(min-width:1025px){.brand{font-size:min(2.3dvh,32px)}}
@media(max-width:679px){.brand{top:2px;left:2px;padding:4px 2px;border-width:2px;font-size:3.4vw;letter-spacing:0;box-shadow:inset 0 0 0 1px #506344,1px 1px #16291f,2px 2px #c8aa67}.ledger-bar{gap:1px}.ledger-bar>div{padding:1px;border-width:1px;box-shadow:inset 0 0 0 1px #f4e3bd}.top-actions{right:3px;gap:1px;padding:1px}.top-actions .quiet{font-size:8px;min-height:16px;padding:0 2px}.scene-heading{padding:1px 3px;font-size:1.5cqw;top:9%}.scene-heading .scene-settings{font-size:1.5cqw}.reference-visitbar{border-width:2px;padding:3px;gap:3px}.reference-visitbar .button{border-width:1px}.reference-channels>span,.reference-channels>strong{border-width:1px;padding:2px;font-size:1.8cqw}.reference-channels button{border-width:1px}.game-nav{border-width:2px;gap:3px;padding:3px}.game-nav button{border-width:1px;font-size:2.9cqw}.game-nav button.active{box-shadow:inset 0 0 0 1px #8d602a,0 0 4px #e3b757}.scene-command{left:3%;bottom:21%;width:94%;max-height:51%;padding:10px}.scene-command-head strong{font-size:14px}.scene-command .button{font-size:12px;padding:8px;min-height:38px}.scene-command p,.scene-command .scene-business{font-size:13px}.scene-command small{font-size:11px}.scene-taskline{font-size:1.8cqw;bottom:12.6%;max-height:4%;padding:2px 4px}.day-controls{max-width:42%;bottom:21.8%}.day-controls .button{font-size:1.75cqw;padding:2px 4px;min-height:18px}.scene-places button{font-size:1.8cqw}.welcome{padding:20px}.welcome-content{padding:20px}.welcome h1{font-size:30px}.scene-command-head .quiet{min-height:28px}.management-panel #panel-content{padding:14px}}
/* Keep the reference image clear; secondary controls remain keyboard reachable. */
.reference-menu{position:absolute;right:1%;top:calc(min(100vw,100dvh * 2 / 3,1024px) * .092);height:30px;min-height:30px;padding:0 8px;background:#294631e8;border:2px solid #b59a58;color:#eaddb8;font-size:20px}.top-actions{top:calc(min(100vw,100dvh * 2 / 3,1024px) * .128);padding:8px;gap:4px;max-width:90%;border:2px solid #b59a58}.top-actions .quiet{font-size:13px;min-height:36px;padding:4px 8px}.scene-places{clip-path:inset(50%);width:1px;height:1px;left:2%;top:11%;right:auto;overflow:hidden}.scene-places:focus-within,.scene-places:target{clip-path:none;width:96%;height:38px;overflow:visible;z-index:70}.scene-taskline{height:3%;max-height:none;min-height:0;bottom:10%;font-size:1.45cqw;align-items:center;overflow:visible}.scene-taskline .button{font-size:1.4cqw;min-height:0;height:100%;padding:2px 8px}.ledger-number strong{font-family:'Microsoft YaHei',sans-serif;letter-spacing:0}.reference-channels{pointer-events:none}.reference-channels button,.reference-channels strong{pointer-events:auto}
@media(max-width:679px){.reference-menu{font-size:16px;height:26px;min-height:26px;padding:0 5px;top:calc(100vw * .092)}.top-actions{top:calc(100vw * .17)}.top-actions .quiet{font-size:12px;min-height:36px}.scene-heading{top:7.5%;font-size:1.7cqw;max-width:83%}.scene-taskline{font-size:1.65cqw;height:3.3%;bottom:10%;padding:1px 3px}.scene-taskline .button{font-size:1.9cqw;padding:1px 5px}.ledger-number strong{font-size:2.65cqw}.reference-channels button{font-size:2cqw}.game-nav button{font-size:3.2cqw}}