@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans',Arial,sans-serif;color:#eeeefe;background:#11182a;--mint:#86e9bc;--gold:#ffdc94;--muted:#a9b5ce;--line:#4b5777}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{background:radial-gradient(ellipse at 50% 0,#394068,#11182a 75%)}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:disabled{cursor:default}button:focus-visible{outline:3px solid #fff2b5;outline-offset:3px}[hidden]{display:none!important}#game-app{width:100%;max-width:520px;height:100vh;height:100svh;height:100dvh;margin:auto;position:relative;display:flex;flex-direction:column;background:#293650;overflow:hidden;box-shadow:0 0 90px #0007;padding-top:env(safe-area-inset-top)}
.game-hud{flex:none;background:linear-gradient(135deg,#273149,#252b43);padding:12px 15px 0;border-bottom:1px solid #7c84a155;z-index:2}.hud-top{display:flex;align-items:center;gap:8px}.brand{display:flex;align-items:center;gap:7px;color:#f2e8cd;margin-right:auto}.brand>span{width:29px;height:32px;background:#80e6b9;display:grid;place-items:center;border-radius:9px;color:#254638;font-size:28px;box-shadow:0 3px 0 #3c8d76}.brand>div{font-size:6px;letter-spacing:1px;line-height:1.6}.brand b{font-size:10px;letter-spacing:.5px}.balance{text-align:right;margin-right:5px}.balance small{font-size:6px;letter-spacing:1px;color:#aeb7d0;display:block}.balance strong{font-variant-numeric:tabular-nums;font-size:22px;color:#a0f4ca;letter-spacing:-.7px;line-height:1.4}.round-button{border:1px solid #5e6382;border-radius:50%;width:29px;height:29px;background:#37415d;color:#d9d7f2;font-size:15px;padding:0;flex-shrink:0}.hud-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px;padding-bottom:10px}.role-tag{background:#4c3d65;color:#e7cbff;border:1px solid #76628f;border-radius:20px;padding:6px 10px;font-size:10px;display:flex;gap:16px;align-items:center;max-width:45%}.role-tag #role-pill{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.role-tag>span:last-child{color:#dcb3f7}.shift-hud{display:flex;align-items:center;gap:7px;font-size:9px}.shift-hud>span{color:#f1dba8;font-weight:700;font-size:9px}.shift-hud b{font-variant-numeric:tabular-nums;font-size:16px;letter-spacing:.5px;color:#ffdd96}.shift-hud small{font-size:7px;color:#a6afca}.career-strip{background:#1c253bc4;border:0;border-top:1px solid #ffffff0c;display:flex;align-items:center;justify-content:space-between;width:calc(100% + 30px);margin-left:-15px;padding:9px 15px;color:#c8bbdf;font-size:9px;text-align:left}.career-strip b{color:#f3dbac;font-weight:600}.career-strip>span:last-child{color:#a2bfae;font-size:8px}.career-strip i{font-style:normal;font-size:15px;margin-left:4px;color:#baafcf}
#office{position:relative;flex:1;min-height:0;width:100%;overflow:hidden;background:#6b7d9e;isolation:isolate}#room-art,#room-art svg{position:absolute;inset:0;width:100%;height:100%;display:block}.room-title{position:absolute;left:5%;top:3%;font-size:7px;color:#f1e3d2;letter-spacing:1px;background:#27355488;border:1px solid #d0c2e51a;padding:5px 7px;border-radius:4px}.office-shortcut{position:absolute;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;filter:drop-shadow(0 4px 0 #202d4833);border-radius:7px;transform:rotate(-4deg);padding:6px 4px;box-shadow:inset 0 0 0 2px #ffffff15}.office-shortcut>span{font-size:26px;line-height:1}.office-shortcut b{font-size:7px;letter-spacing:.5px}.clipboard{left:4%;top:37%;width:15%;min-height:55px;height:15%;max-height:91px;background:#ecd7b0;color:#68536a;border:3px solid #b89977}.clipboard:before{content:'';position:absolute;top:-7px;width:28px;height:9px;border-radius:3px;background:#7b6483;border:2px solid #ac92ad}.drawer{left:77%;top:77%;width:18%;height:11%;min-height:46px;max-height:68px;background:#836149;color:#f8dfb4;border:2px solid #c39362;transform:rotate(0);border-radius:4px}.drawer>span{font-size:24px}.decor-shortcut{left:4%;top:78%;width:15%;height:10%;min-height:44px;max-height:62px;background:#9a7fba;border:2px solid #c6a7e7;color:#fff1c9;transform:rotate(3deg)}.decor-shortcut>span{font-size:23px}.office-shortcut:active{transform:translateY(2px)}.payday-alert{position:absolute;z-index:5;right:4%;top:4%;border:1px solid #c6f4a9;border-radius:20px;background:#d8f2a8;color:#385232;box-shadow:0 3px 0 #659c62;padding:9px 12px;font-size:11px;font-weight:700;animation:pulse 2s infinite}
.monitor-screen{position:absolute;z-index:3;left:24.1%;top:37.3%;width:53%;height:22.1%;padding:4px 6px;color:#d5f4de;display:flex;flex-direction:column;overflow:hidden;container-type:size}.screen-heading{display:flex;justify-content:space-between;align-items:center;font-family:monospace;font-size:7px;color:#79b1a4;border-bottom:1px solid #85c1a733;padding-bottom:4px;margin-bottom:5px;letter-spacing:.7px;flex-shrink:0}.screen-led{font-size:6px;color:#97efb2;animation:pulse 2s infinite}.active-area{flex:1;min-height:0;display:flex;flex-direction:column}.screen-project-label{font-size:6px;letter-spacing:.6px;color:#90bbab;white-space:nowrap}.active-area h2{font-size:clamp(10px,2.9vw,14px);font-weight:700;line-height:1.2;margin:4px 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#d7f2df}.monitor-progress{height:19px;min-height:14px;position:relative;background:#0c2e35;border:1px solid #77bc99;border-radius:4px;overflow:hidden;flex-shrink:0}.monitor-progress>span{position:absolute;left:0;top:0;height:100%;background:repeating-linear-gradient(115deg,#66bc92 0,#66bc92 9px,#7bcba6 9px,#7bcba6 18px);transition:width .12s ease-out}.monitor-progress>b{position:relative;display:grid;place-items:center;width:100%;height:100%;font-size:10px;text-shadow:0 1px 3px #154637;color:#fff7dc}.screen-totals{display:flex;justify-content:space-between;gap:3px;font-size:7px;color:#afd8c4;margin-top:5px;white-space:nowrap}.screen-totals>span:last-child{color:#f0d9a4}.screen-status{font-size:7px;color:#7eb5a7;text-align:center;margin:auto 0 0;padding-top:4px}.monitor-claim{margin-top:auto;background:#ffe1a0;border:1px solid #ffefc7;border-radius:4px;color:#4b4930;min-height:24px;max-height:30px;font-size:9px;font-weight:700;padding:4px 3px;box-shadow:0 2px 0 #8c844d;animation:pulse 1.5s infinite}.screen-idle{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.screen-idle>span{font-size:22px;color:#9cd5b6}.screen-idle h2{font-size:12px;margin:3px 0}.screen-idle p{font-size:8px;color:#9ac0b0;margin:3px 0 7px}.screen-idle button{background:#85ddb3;border:0;border-radius:4px;padding:6px 9px;font-size:9px;color:#254938;font-weight:700}
.desk-keyboard{position:absolute;z-index:4;left:20.5%;top:67.6%;width:61%;height:14.3%;min-height:50px;max-height:116px;padding:6px 7px 8px;background:linear-gradient(160deg,#e1d9e9,#a69fb8);border:1px solid #e4daec;border-radius:7px 7px 11px 11px;box-shadow:0 5px 0 #76738e,0 9px 12px #182b4e44;transform:perspective(320px) rotateX(14deg);display:flex;flex-direction:column;gap:4px;user-select:none;transition:box-shadow .08s,transform .08s}.key-row{display:flex;flex:1;gap:3px;min-height:0}.key-row>i,.space-key{flex:1;min-width:0;display:grid;place-items:center;background:#f1edf5;border-radius:3px;box-shadow:0 2px 0 #8c87a6;color:#665e7d;font-size:clamp(5px,1.7vw,8px);font-style:normal;font-weight:700;border:1px solid #fff7}.last-row>i{flex:.8}.space-key{flex:5;font-size:7px;letter-spacing:.6px;background:#b7edce;color:#386c58}.desk-keyboard:active,.desk-keyboard.typing{transform:perspective(320px) rotateX(14deg) translateY(3px);box-shadow:0 2px 0 #76738e,0 5px 8px #182b4e44}.typing .key-row:nth-child(1)>i:nth-child(3),.typing .key-row:nth-child(2)>i:nth-child(7){background:#ffdd91;transform:translateY(1px);box-shadow:none}.golden{background:linear-gradient(140deg,#ffdd98,#b99152);border-color:#fff0c4;box-shadow:0 5px 0 #856742,0 9px 12px #182b4e44}.golden .key-row>i{background:#f7d695;color:#886535;border-color:#ffe8b9}.keyboard-caption{position:absolute;left:21%;top:84%;width:60%;text-align:center;pointer-events:none}.keyboard-caption b{font-size:9px;color:#fff0cb;text-shadow:0 1px 4px #223451;display:block}.keyboard-caption small{font-size:7px;color:#c8d4e8;display:block;margin-top:4px;text-shadow:0 1px 4px #223451}.office-signature{position:absolute;left:0;bottom:2.5%;width:100%;text-align:center;font-size:7px;letter-spacing:1px;color:#afbdd5}.office-signature span{color:#97a6c0;margin-left:5px;font-size:6px}
.game-nav{display:grid;grid-template-columns:repeat(5,1fr);padding:9px 5px calc(9px + env(safe-area-inset-bottom));background:#242c43;border-top:1px solid #5a5d7d;flex:none;z-index:5;gap:3px}.game-nav button{position:relative;border:0;border-radius:8px;background:transparent;color:#b5bdd6;padding:3px 0;min-height:44px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px}.game-nav button>span{font-size:23px;line-height:1;color:#dbc4fa}.game-nav button:first-child>span{color:#f2d6a2}.game-nav button:nth-child(2)>span{color:#9be5bf}.game-nav button:nth-child(4)>span{color:#9ec7ee}.game-nav button:last-child>span{color:#efb2e5}.game-nav b{font-size:8px;font-weight:600}.game-nav button:active{background:#50476b}.game-nav i{position:absolute;top:0;right:25%;font-style:normal;background:#ffda8e;color:#52422e;border-radius:50%;font-size:10px;width:15px;height:15px;display:grid;place-items:center}.game-nav #nav-projects.needs-project>span{transform-origin:50% 90%;animation:project-reminder-wobble 7s ease-in-out infinite}@keyframes project-reminder-wobble{0%,72%,88%,100%{transform:rotate(0) scale(1)}75%{transform:rotate(-12deg) scale(1.1)}78%{transform:rotate(12deg) scale(1.1)}81%{transform:rotate(-9deg) scale(1.08)}84%{transform:rotate(7deg) scale(1.05)}}
.game-panel{position:absolute;z-index:10;inset:0;background:radial-gradient(ellipse at 50% 0,#3a3559,#1e293e 60%);display:flex;flex-direction:column;padding-top:env(safe-area-inset-top)}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:17px 15px;background:#262f48;flex-shrink:0;border-bottom:1px solid #505a77;min-height:64px}.panel-header>button{background:#3d4160;border:1px solid #676080;border-radius:8px;color:#ddcfef;display:flex;align-items:center;gap:4px;padding:7px 9px;font-size:21px;line-height:1}.panel-header>button span{font-size:9px}.panel-header h1{font-size:16px;font-weight:700;margin:0;color:#f6e8cc;text-align:center}.panel-header>span{font-size:12px;color:#a1edc1;min-width:61px;text-align:right;font-variant-numeric:tabular-nums}.panel-scroll{padding:0 17px 22px;overflow:auto;overscroll-behavior:contain;flex:1;min-height:0;-webkit-overflow-scrolling:touch}.panel-description{font-size:11px;color:#b3bcd3;line-height:1.7;margin:16px 1px 18px}.card-list{display:grid;gap:13px}.card{padding:19px;border:1px solid #535b79;border-radius:13px;background:linear-gradient(140deg,#353b59,#2b354e);box-shadow:0 4px 0 #15213b55;margin-bottom:13px}.card-list .card{margin-bottom:0}.card h2,.notice h2{font-size:17px;color:#f6e8d0;margin:8px 0;font-weight:700}.card p,.notice p{font-size:11px;color:#aebcd2;line-height:1.75;margin:8px 0 14px}.tag{font-size:8px;letter-spacing:1.3px;color:#c0a3de;font-weight:700}.card-details{display:flex;justify-content:space-between;gap:9px;margin:15px 0;font-size:10px;align-items:center;color:#b9c9d3}.card-details b{color:#ffe0a1;font-weight:600}.primary,.secondary{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;border-radius:8px;padding:12px 13px;min-height:45px;font-size:12px;font-weight:700;border:1px solid #a1eac6;background:#81ddba;color:#23433b;box-shadow:0 3px 0 #43826f;margin-top:8px}.primary:disabled{background:#344359;color:#8d9eb8;border-color:#536179;box-shadow:none;opacity:.75}.gold{background:#ffdc94;color:#514332;border-color:#ffe9b9;box-shadow:0 3px 0 #a58a52}.secondary{background:#424461;color:#d5c8e9;border-color:#716385;box-shadow:none;margin-top:12px}.text-button{display:block;border:0;background:transparent;color:#c5a9eb;font-size:10px;padding:12px 4px 2px;margin:auto}.text-button:disabled{color:#8d9bb5}.card-icon{float:right;background:#675187;border:1px solid #8c6aaf;border-radius:10px;display:grid;place-items:center;font-size:26px;width:43px;height:43px;color:#e7cdff}.target-card{border-color:#ae8bd5}.notice{padding:18px;background:#423752;border:1px solid #786088;border-radius:10px;font-size:12px;line-height:1.7;margin-bottom:15px;color:#f0d5aa}.notice p{margin-bottom:0}.goal-progress{height:9px;background:#1b2940;border-radius:5px;overflow:hidden;margin:12px 0}.goal-progress span{display:block;background:linear-gradient(90deg,#9e7acd,#d6b9ff);height:100%;border-radius:5px}.decor-icon{height:84px;background:radial-gradient(ellipse,#6d5b8c,#41415f);display:grid;place-items:center;font-size:45px;border-radius:8px;margin-bottom:15px}.page-banner{padding:22px 18px;background:#453859;border:1px solid #826994;border-radius:12px;font-size:25px;color:#f0d4a5;font-weight:700;margin-bottom:17px}.page-banner small{font-size:10px;display:block;font-weight:400;color:#cbbbdc;margin-top:8px}.career-requirement{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-top:16px;color:#c5cce2}.career-requirement b{color:#decbef;font-size:10px}.career-rung{display:flex;align-items:center;gap:13px;padding:17px 3px;border-bottom:1px solid #434c66;color:#aeb8cf}.career-rung>span{width:28px;height:28px;border:1px solid #65718a;border-radius:50%;display:grid;place-items:center;font-size:12px}.career-rung b{font-size:12px}.career-rung small{font-size:10px;display:block;margin-top:4px;color:#8e9db6}.career-rung.current{color:#9aefbd}.career-rung.current>span{background:#659575;border-color:#9ace9c;color:#e8ffd8}.career-rung em{margin-left:auto;font-size:9px;font-style:normal;color:#a1d9ad}.fine-print{font-size:9px!important;color:#8799b6!important}
.toast{position:fixed;left:50%;bottom:calc(82px + env(safe-area-inset-bottom));transform:translate(-50%,15px);opacity:0;pointer-events:none;z-index:35;background:#2d5a4f;color:#e5fce9;border:1px solid #87b49a;padding:12px 17px;max-width:90vw;width:max-content;font-size:11px;border-radius:10px;transition:.2s;box-shadow:0 8px 30px #0006;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.reward-burst{position:fixed;z-index:40;left:50%;top:35%;transform:translate(-50%,-20px) scale(.8);background:linear-gradient(140deg,#59416f,#2d3150);border:2px solid #d4b2f3;box-shadow:0 12px 60px #0008;border-radius:18px;text-align:center;padding:25px;width:320px;max-width:90vw;opacity:0;pointer-events:none;transition:.2s}.reward-burst.show{opacity:1;transform:translate(-50%,0) scale(1)}.reward-burst>span{display:block;color:#ffe1a3;font-size:42px;margin-bottom:12px}.reward-burst strong{font-size:22px;color:#ffdea2;display:block}.reward-burst small{font-size:11px;line-height:1.7;color:#e0cbed;display:block;margin-top:10px}.tap-reward{position:fixed;z-index:30;color:#ffdf9e;font-weight:700;font-size:20px;pointer-events:none;animation:float .7s ease-out forwards;text-shadow:0 2px 5px #0008}dialog{width:calc(100% - 36px);max-width:410px;border:1px solid #8a6c9f;border-radius:17px;background:#2c344f;color:#e5dcf3;padding:30px 24px;max-height:85dvh;overflow:auto;box-shadow:0 20px 80px #0009}dialog::backdrop{background:#0d1326c9;backdrop-filter:blur(4px)}dialog h2{font-size:26px;color:#ffdfa6;margin:12px 0}dialog p{font-size:12px;line-height:1.8;color:#b9c5db}.close{position:absolute;right:9px;top:7px;background:transparent;color:#d4bde9;border:0;font-size:25px;padding:2px 7px}.flying-email{opacity:0}.sending .flying-email{animation:send-mail .45s ease-out}.steam{animation:steam 3s ease-in-out infinite}.plant{transform-origin:370px 395px;animation:sway 5s ease-in-out infinite}.moon,.stars{opacity:0}.night-mode .sky-top{stop-color:#22294f}.night-mode .sky-bottom{stop-color:#5f5384}.night-mode .moon,.night-mode .stars{opacity:1}.night-mode .sun{opacity:0}.night-mode #office{filter:saturate(.9)}.night-mode .desk-keyboard{border-color:#cbb7f3}.night-mode .space-key{background:#d4b6f3;color:#59417a}.night-mode .shift-hud b{color:#d9b2ff}@keyframes float{to{transform:translateY(-65px);opacity:0}}@keyframes pulse{50%{filter:brightness(1.15)}}@keyframes steam{50%{opacity:.25;transform:translateY(-4px)}}@keyframes sway{50%{transform:rotate(2deg)}}@keyframes send-mail{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translate(70px,-160px) rotate(15deg)}}
/* Floating coach: keep the office at full height and avoid the current action. */
.tutorial-panel{position:absolute;z-index:30;left:50%;transform:translateX(-50%);bottom:max(12px,env(safe-area-inset-bottom));width:calc(100% - 28px);max-width:450px;max-height:42%;overflow:auto;overscroll-behavior:contain;background:linear-gradient(135deg,#4a3b60f5,#30334ff7);border:1px solid #c5a3e8;border-radius:15px;padding:13px 15px;box-shadow:0 10px 35px #10152999,0 0 0 4px #bfa0e714;backdrop-filter:blur(10px)}.tutorial-top{display:flex;align-items:center;justify-content:space-between;color:#d4b8f3;font-size:7px;letter-spacing:1.1px;margin-bottom:8px}.tutorial-top>span:last-child{color:#ffe1a6;letter-spacing:.5px}.tutorial-body{display:flex;gap:10px}.tutorial-icon{background:#71578a;border:1px solid #a081b5;color:#ffe3a6;border-radius:8px;min-width:30px;height:32px;display:grid;place-items:center;font-size:22px}.tutorial-body h2{font-size:14px;color:#ffe9c3;line-height:1.4;margin:0 0 5px}.tutorial-body p{font-size:10px;line-height:1.6;color:#d0cce1;margin:0}.training-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}.training-wait{font-size:8px;color:#dfcda8}.training-return{font-size:8px;color:#d0bfdf;background:transparent;border:0;padding:5px}.training-dots{display:flex;gap:4px}.training-dots i{width:5px;height:5px;background:#78698a;border-radius:50%}.training-dots .complete{background:#8bd5a7}.training-dots .current{background:#ffe3a4;width:13px;border-radius:3px}.training-safe{font-size:7px;color:#a99cbd;margin-top:6px}.training-locked .game-nav{display:none}.training-locked .brand,.training-locked .round-button,.training-locked .hud-bottom,.training-locked .career-strip{display:none}.training-locked .hud-top{justify-content:space-between}.training-locked .balance{margin-left:auto}.training-locked .game-hud{padding:7px 15px}.training-locked .game-hud:before{content:'YOUR FIRST SHIFT';float:left;margin-top:10px;color:#c3acd8;font-size:9px;letter-spacing:1px}.training-locked .balance small{font-size:5px}.training-locked .balance strong{font-size:20px}.training-locked .game-panel{bottom:0}.training-locked #game-panel .panel-header{min-height:49px;padding:12px 15px}.training-locked #panel-back{visibility:hidden}.training-locked .panel-description{font-size:10px;margin:12px 0}.training-locked .panel-scroll{padding-bottom:15px}.training-locked .office-shortcut{opacity:.4}.training-locked .office-shortcut.training-allowed{opacity:1}.training-locked button:not(.training-allowed){pointer-events:none}.training-locked .training-allowed{outline:3px solid #ffe2a0;outline-offset:4px;box-shadow:0 0 20px #ffdf9944;animation:pulse 1.6s infinite;pointer-events:auto!important;scroll-margin:16px}.training-card h2{font-size:20px}.training-card .card-details{font-size:12px}.training-card .training-reward{font-size:27px;color:#ffe0a3;margin:15px 0}.training-card .training-reward small{font-size:10px;color:#c5bad7}.training-card .primary{min-height:49px}.training-locked .office-signature{display:none}.training-locked .screen-status{display:none}
@media(min-width:700px){#game-app{border-left:1px solid #69708a;border-right:1px solid #69708a}.active-area h2{font-size:14px}.key-row>i{font-size:9px}.space-key{font-size:9px}.monitor-screen{padding:5px 7px}.screen-heading{font-size:8px}.screen-project-label{font-size:7px}.screen-totals{font-size:8px}.monitor-claim{font-size:10px}.keyboard-caption b{font-size:10px}.keyboard-caption small{font-size:8px}}
@media(max-height:670px){.game-hud{padding-top:8px}.brand>span{width:26px;height:27px;font-size:25px}.hud-bottom{margin-top:6px;padding-bottom:6px}.career-strip{padding-top:6px;padding-bottom:6px}.balance strong{font-size:20px}.game-nav{padding-top:6px;padding-bottom:calc(6px + env(safe-area-inset-bottom))}.game-nav button{min-height:40px;gap:4px}.game-nav button>span{font-size:20px}.screen-heading{font-size:6px;margin-bottom:3px;padding-bottom:3px}.screen-project-label{font-size:5px}.active-area h2{font-size:10px;margin-top:3px;margin-bottom:4px;line-height:1.15}.monitor-progress{height:14px;min-height:12px}.monitor-progress b{font-size:8px}.screen-totals{font-size:6px;margin-top:3px}.monitor-claim{font-size:8px;min-height:20px;padding:2px}.screen-status{display:none}.screen-idle>span{display:none}.screen-idle h2{font-size:10px}.screen-idle p{font-size:7px;margin-bottom:4px}.screen-idle button{font-size:8px;padding:5px}.monitor-screen{padding:3px 4px}.desk-keyboard{padding:5px 5px 6px;gap:3px}.key-row{gap:2px}.key-row>i{font-size:5px}.space-key{font-size:6px}.keyboard-caption b{font-size:8px}.keyboard-caption small{font-size:6px}.tutorial-panel{padding-top:10px;padding-bottom:calc(9px + env(safe-area-inset-bottom))}.tutorial-body h2{font-size:13px}.tutorial-body p{font-size:9px}.tutorial-top{font-size:6px;margin-bottom:7px}.tutorial-icon{min-width:26px;height:28px;font-size:19px}.training-footer{margin-top:7px}.training-safe{font-size:6px}.training-locked .keyboard-caption small{display:none}.training-locked .screen-heading{display:none}}
@media(max-width:350px){.brand b{font-size:8px}.brand>div{font-size:5px}.brand>span{width:25px;height:28px;font-size:25px}.balance strong{font-size:19px}.hud-top{gap:6px}.game-hud{padding-left:12px;padding-right:12px}.career-strip{margin-left:-12px;width:calc(100% + 24px);padding-left:12px;padding-right:12px}.shift-hint{display:none}.shift-hud small{display:none}.clipboard b,.office-shortcut b{font-size:6px}.screen-totals{font-size:6px}.monitor-screen{padding-left:4px;padding-right:4px}.panel-header h1{font-size:14px}.panel-header>span{font-size:11px}.card{padding:16px}.card-details{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.drawer{left:82%;width:15%}
body.training-locked .toast{display:none}
/* Put the player's money and career in the foreground. */
.hud-top{display:grid;grid-template-columns:32px minmax(0,1fr) 30px 30px;gap:8px}.brand{margin:0}.brand>div{display:none}.brand>span{width:31px;height:35px;font-size:30px;border-radius:10px}.balance{display:flex;align-items:center;gap:9px;text-align:left;min-width:0;margin:0;padding:6px 11px;background:linear-gradient(125deg,#285648,#26473e);border:1px solid #6da98c;border-radius:11px;box-shadow:0 3px 0 #132f2955}.balance-coin{display:grid;place-items:center;width:28px;height:28px;min-width:28px;border-radius:50%;color:#775a2f;background:linear-gradient(140deg,#ffe9ac,#dbaa56);border:2px solid #ffedb5;box-shadow:0 2px 0 #8d6c40;font-size:19px;font-weight:700}.balance>div{min-width:0;flex:1}.balance small{font-size:8px;letter-spacing:1.15px;color:#b8dfc7;font-weight:700;margin-bottom:1px}.balance strong{font-size:clamp(23px,7vw,31px);line-height:1.12;color:#d2ffe1;text-shadow:0 1px 8px #8cf2b522;letter-spacing:-.8px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-bottom{gap:10px;margin-top:11px;padding-bottom:11px;align-items:stretch}.role-tag{max-width:none;width:49%;padding:8px 10px;border-radius:9px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 8px;text-align:left;background:#483c61;border-color:#89729c}.role-tag:before{content:'YOUR CAREER';font-size:7px;letter-spacing:1px;color:#baa6ce;grid-column:1/-1}.role-tag #role-pill{font-size:13px;font-weight:700;color:#f0ddff}.role-tag>span:last-child{font-size:16px}.shift-hud{width:49%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 5px;padding:7px 10px;border:1px solid #716b87;background:#36364e;border-radius:9px}.shift-hud>span{font-size:11px;align-self:center;white-space:nowrap;letter-spacing:.3px}.shift-hud b{font-size:21px;line-height:1.1;color:#ffe1a1;letter-spacing:.4px;text-align:right}.shift-hud small{font-size:8px;grid-column:1/-1;text-align:right;letter-spacing:.2px;color:#b8bad0}.career-strip{font-size:10px;padding-top:9px;padding-bottom:9px}.career-strip>span:last-child{font-size:9px}.panel-header>span{font-size:14px;font-weight:700;color:#b4f8cf}.game-nav{grid-template-columns:repeat(6,minmax(0,1fr));gap:1px}.game-nav b{font-size:8px}.game-nav #nav-hustles>span{color:#ffda8d}.game-nav #nav-hustles{background:#b9914a0c}.game-nav #nav-hustles i{background:#8ef0b7;color:#225c3c;right:20%}.hustle-summary{padding:20px;border:1px solid #9b865a;border-radius:13px;background:linear-gradient(130deg,#4e463b,#343d41);box-shadow:0 4px 0 #17233c55}.hustle-summary>.tag{color:#e5c68e}.hustle-total{display:flex;justify-content:space-between;align-items:center;margin-top:14px;gap:14px}.hustle-total small{display:block;font-size:8px;letter-spacing:.5px;color:#bfc6b5;font-weight:500}.hustle-total strong{display:block;font-size:32px;color:#f5e6ad;letter-spacing:-1px;line-height:1.3}.hustle-total>span{text-align:center;font-size:20px;color:#d9ddc6}.hustle-total>span>small{font-size:8px;letter-spacing:0;margin-top:5px}.hustle-summary p{font-size:10px;line-height:1.7;color:#c3cebd;margin:13px 0}.hustle-explainer{font-size:10px;line-height:1.8;color:#a7b6ce;margin:17px 3px 20px}.hustle-explainer b{color:#c9e8cf}.hustle-card{margin-bottom:16px}.hustle-card.hustle-owned{border-color:#5e937c}.hustle-card-top{display:flex;align-items:center;gap:12px}.hustle-card-top h2{font-size:17px;margin:6px 0 0}.hustle-icon{width:47px;height:49px;min-width:47px;display:grid;place-items:center;font-size:29px;background:#594b60;border:1px solid #87708b;border-radius:11px;box-shadow:0 3px 0 #19283c55}.hustle-card .tag{font-size:7px;letter-spacing:1px}.earning-dot{margin-left:auto;font-size:6px;letter-spacing:.7px;color:#a2eac4;white-space:nowrap;align-self:flex-start;margin-top:5px}.hustle-metrics{display:grid;grid-template-columns:1fr 1fr;border:1px solid #506773;border-radius:9px;background:#1a2e3c88;padding:13px 12px;gap:12px;margin:16px 0}.hustle-metrics>div:last-child{border-left:1px solid #52616e;padding-left:13px}.hustle-metrics small{font-size:7px;letter-spacing:.6px;color:#91b7b2;display:block}.hustle-metrics b{font-size:20px;color:#b8efcf;display:block;margin-top:7px;letter-spacing:-.5px}.hustle-metrics em{font-style:normal;font-size:9px;letter-spacing:0;color:#9dc2b5;margin-left:4px}.hustle-expansion{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#aebad2;margin:18px 0 4px}.hustle-expansion b{font-size:15px;color:#f3d9a7}.hustle-next{font-size:10px!important;color:#afa2c7!important;margin:8px 0 9px!important}.hustle-maxed{padding:15px 0 3px;font-size:11px;color:#dbc2f3;text-align:center}.secondary:disabled{color:#8b9db5;border-color:#536179;background:#344359;opacity:.8;box-shadow:none}.training-locked .hud-top{display:flex;justify-content:flex-end}.training-locked .balance{padding:5px 9px;gap:7px;flex:none}.training-locked .balance-coin{width:23px;height:23px;min-width:23px;font-size:15px}.training-locked .balance small{font-size:6px}.training-locked .balance strong{font-size:21px}.training-locked .hud-bottom{display:none}
@media(max-height:670px){.balance strong{font-size:25px}.balance{padding:5px 9px}.balance small{font-size:7px}.hud-bottom{margin-top:8px;padding-bottom:8px}.role-tag{padding:6px 9px}.role-tag #role-pill{font-size:12px}.shift-hud{padding:6px 9px}.shift-hud b{font-size:19px}.shift-hud>span{font-size:10px}.career-strip{padding-top:7px;padding-bottom:7px;font-size:9px}.game-nav b{font-size:7px}}
@media(max-width:350px){.hud-top{grid-template-columns:28px minmax(0,1fr) 27px 27px;gap:6px}.brand>span{width:27px;height:32px;font-size:27px}.round-button{width:27px;height:27px}.balance{gap:6px;padding:6px 8px}.balance strong{font-size:24px}.balance-coin{width:23px;height:23px;min-width:23px;font-size:16px}.balance small{font-size:6px;letter-spacing:.7px}.role-tag #role-pill{font-size:12px}.shift-hud{gap:3px 4px;padding-left:8px;padding-right:8px}.shift-hud b{font-size:19px}.shift-hud>span{font-size:9px}.shift-hud small{display:block;font-size:7px}.game-nav b{font-size:7px}.hustle-card-top{gap:9px}.hustle-card-top h2{font-size:15px}.earning-dot{font-size:5px}.hustle-icon{width:40px;min-width:40px;height:43px;font-size:26px}.hustle-metrics{gap:8px;padding:12px 9px}.hustle-metrics b{font-size:18px}.hustle-metrics small{font-size:6px}.hustle-metrics>div:last-child{padding-left:9px}.hustle-summary{padding:17px}}

.tutorial-panel.popup-top{top:max(12px,env(safe-area-inset-top));bottom:auto}.tutorial-panel.popup-bottom{top:auto;bottom:max(12px,env(safe-area-inset-bottom))}.tutorial-panel .primary{margin-top:0}.training-locked .training-allowed{scroll-margin:20px}.tutorial-panel:focus-within{border-color:#ffe2a0}
/* Special deliveries and visible equipment. */
.office-parcel{position:absolute;z-index:4;left:4%;top:17%;width:20%;height:13%;min-height:51px;max-height:85px;border:2px solid #e5bf83;border-radius:10px;background:linear-gradient(140deg,#bc8654,#8b6046);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#ffe7ad;box-shadow:0 4px 0 #5b4539;transform:rotate(-4deg)}.office-parcel>span{font-size:28px;line-height:1}.office-parcel b{font-size:7px;letter-spacing:1px}.office-parcel i{position:absolute;right:-7px;top:-8px;border-radius:50%;background:#b8f0ba;color:#2c5b40;min-width:21px;height:21px;display:grid;place-items:center;font-size:11px;font-weight:700;border:2px solid #e9ffcb;font-style:normal}.parcel-waiting{animation:parcel-nudge 4s ease-in-out infinite}.gear-links,.delivery-tabs{display:flex;gap:8px;margin-bottom:16px}.gear-links button,.delivery-tabs button{flex:1;padding:11px 7px;border:1px solid #7d6b92;border-radius:8px;background:#443956;color:#d9c4f0;font-size:10px;font-weight:600;min-height:41px}.delivery-tabs button.selected{background:#78598f;border-color:#d3a9ef;color:#ffe7bd}.delivery-tabs b{font-size:9px;display:inline-block;margin-left:4px;color:#ffe2ac}.delivery-goal{padding:16px 17px;border:1px solid #73618c;background:#38344e;border-radius:10px;margin-bottom:17px}.delivery-goal>span{display:block;color:#b4a1ca;font-size:7px;letter-spacing:1px}.delivery-goal>b{display:block;color:#eee0b7;font-size:18px;margin-top:7px}.delivery-goal .goal-progress{margin-bottom:0}.delivery-card{position:relative;border:1px solid #9a7854;background:radial-gradient(ellipse at 50% 25%,#72564a,#343248 75%);padding:15px 20px 20px;border-radius:16px;text-align:center;margin-bottom:18px;overflow:hidden}.delivery-card.performance{border-color:#9d86c3;background:radial-gradient(ellipse at 50% 25%,#6b5387,#343248 75%)}.delivery-card.promotion{border-color:#d5af69;background:radial-gradient(ellipse at 50% 25%,#a17b3d,#3c3348 75%)}.delivery-card h2{color:#ffe4ac;font-size:22px;margin:9px 0}.delivery-card p{font-size:11px;line-height:1.7;color:#c5b9cf;margin:7px 0 13px}.fixed-contents{font-size:10px!important;color:#ddcbaa!important}.delivery-parcel{height:172px;display:grid;place-items:center;perspective:500px}.parcel-model{position:relative;display:block;width:160px;height:130px;transform:rotate(-5deg);filter:drop-shadow(0 14px 12px #0e183866)}.parcel-front{position:absolute;left:7px;top:36px;width:146px;height:93px;background:linear-gradient(135deg,#c99b65,#ae7c4f);border:2px solid #e5bf89;border-radius:4px 4px 8px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center}.parcel-front b{font-size:12px;letter-spacing:1px;color:#6c4a37}.parcel-front small{font-size:7px;color:#79583e;letter-spacing:.6px;margin-top:4px}.parcel-front i{font-style:normal;color:#f3d797;position:absolute;right:9px;bottom:6px;font-size:26px}.parcel-lid{position:absolute;left:0;top:13px;width:160px;height:33px;background:linear-gradient(130deg,#efd09c,#d2a872);border:2px solid #f0d8aa;border-radius:6px;transform:skewX(-8deg);transform-origin:top center;z-index:3}.parcel-tape{position:absolute;left:69px;top:14px;width:23px;height:114px;background:#f4dfaa9c;border-left:1px dashed #af8b5e;border-right:1px dashed #af8b5e;z-index:4}.parcel-front:after{content:'';position:absolute;left:10px;bottom:13px;width:32px;height:12px;background:repeating-linear-gradient(90deg,#856345 0,#856345 2px,transparent 2px,transparent 4px);opacity:.7}.parcel-left,.parcel-right{display:none}.parcel-shine{position:absolute;top:-10px;right:-17px;color:#ffdd97;font-size:29px;animation:parcel-spark 3s infinite}.parcel-model.performance .parcel-front{background:linear-gradient(130deg,#ad90ca,#8b6ca6);border-color:#d2b4ee}.parcel-model.performance .parcel-lid{background:#c6ace2;border-color:#e4cafa}.parcel-model.promotion .parcel-front{background:linear-gradient(130deg,#f3d38c,#cca55f);border-color:#ffe2a6}.parcel-model.promotion .parcel-lid{background:#ffe3a3;border-color:#fff2c6}.parcel-open{transform:rotate(0) scale(.68)}.parcel-open .parcel-lid{transform:translateY(-26px) rotate(-18deg);opacity:.45}.parcel-open .parcel-tape{height:38px;transform:rotate(25deg) translate(20px,-5px);opacity:.5}.parcel-open .parcel-shine{font-size:48px;right:10px;top:0;animation:parcel-spark 1.5s infinite}.unbox-heading{text-align:center;margin-top:17px}.unbox-heading h2{font-size:23px;color:#ffe5ad;line-height:1.3;margin:10px 0}.unbox-heading p{font-size:11px;line-height:1.6;color:#b9bed6;margin:0}.opened-parcel{height:108px;display:grid;place-items:center}.reveal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:10px 0 19px;align-items:stretch}.card-back{border:2px solid #ac8fd2;border-radius:11px;background:repeating-linear-gradient(135deg,#59436e 0,#59436e 13px,#534066 13px,#534066 26px);min-height:216px;padding:10px 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;box-shadow:0 5px 0 #20233c}.card-back>span{font-size:44px;color:#e4bdf4;text-shadow:0 0 20px #e6bcfb66}.card-back b{font-size:9px;color:#ffe7b2;letter-spacing:.6px}.card-back small{font-size:9px;color:#bba5cf}.card-back:disabled{filter:brightness(.75);opacity:.7}.card-back:not(:disabled){animation:card-ready 2s ease-in-out infinite;outline:1px solid #ffe9bb;outline-offset:3px}.reveal-card{min-height:216px;border:1px solid var(--item-color);border-radius:11px;background:linear-gradient(160deg,#465063,#28354b);text-align:center;padding:11px 7px;display:flex;flex-direction:column;align-items:center;box-shadow:0 4px 0 #19253c,0 0 20px color-mix(in srgb,var(--item-color) 15%,transparent);animation:card-reveal .4s ease-out}.rarity-common{--item-color:#a1e0b9}.rarity-rare{--item-color:#93caff}.rarity-epic{--item-color:#dcb0ff}.reveal-art{width:100%;height:80px;display:grid;place-items:center}.reveal-art svg{width:100%;height:100%;max-width:120px}.rarity-label{font-size:7px;color:var(--item-color);text-transform:uppercase;letter-spacing:.5px}.reveal-card h3{font-size:12px;line-height:1.3;color:#f3ead7;margin:2px 0 8px}.reveal-card p{font-size:9px;color:#bbd4cf;line-height:1.6;margin:0 0 10px}.reveal-result{font-size:7px;line-height:1.6;color:#e7cf93;margin-top:auto}.delivery-safe{text-align:center;font-size:9px;color:#9fabbe;line-height:1.7;margin:16px 0}.delivery-odds{border:1px solid #4d5b76;padding:15px;border-radius:9px;margin-top:20px;font-size:10px;color:#b3bfd6;line-height:1.8}.delivery-odds summary{font-size:11px;color:#cbb4e9;cursor:pointer}.delivery-odds p{margin:14px 0 0}.empty-deliveries{text-align:center}.empty-deliveries>span{font-size:40px}.equipment-summary{display:flex;justify-content:space-between;gap:15px;border:1px solid #78628f;border-radius:12px;padding:16px;background:#40334f}.equipment-summary strong{display:block;margin-top:8px;font-size:25px;color:#ffe3ac;font-weight:700}.equipment-summary strong small{font-size:11px;color:#baa8ca;font-weight:400}.equipment-summary>div:last-child{text-align:right}.gear-slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:17px}.gear-slots button{border:1px solid var(--item-color,#586881);border-radius:10px;background:#2b3c50;padding:12px 5px;color:#c5cce2;display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0}.gear-slots button>span{font-size:23px;color:var(--item-color,#b7a0d2)}.gear-slots b{font-size:8px;color:#dfd3f3}.gear-slots small{font-size:7px;line-height:1.4;color:#a9b7ca;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gear-help{font-size:10px;line-height:1.8;color:#b0bed0;margin:15px 2px}.gear-filter{display:flex;gap:5px;overflow:auto;padding:2px 0 8px;margin-bottom:11px}.gear-filter button{font-size:9px;border:1px solid #6d5c84;border-radius:20px;background:#39334e;color:#c0a9d8;padding:8px 11px;white-space:nowrap}.gear-filter button.selected{background:#7e5f92;color:#ffe4b7;border-color:#bb93da}.equipment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.equipment-card{padding:13px;border:1px solid var(--item-color);background:linear-gradient(145deg,#37455b,#29364b);border-radius:12px;display:flex;flex-direction:column;min-width:0}.equipment-art{height:104px;border-radius:8px;background:radial-gradient(ellipse,#67738c44,#1c2f4555);margin:-3px -3px 11px;display:grid;place-items:center}.equipment-art svg{width:100%;height:100%;max-width:150px}.equipment-card.unowned .equipment-art{opacity:.6;filter:grayscale(.6)}.equipment-card h3{font-size:13px;color:#f3e7cf;margin:8px 0;line-height:1.4}.equipment-card p{font-size:10px;line-height:1.6;color:#adc7c7;margin:0 0 12px;min-height:31px}.gear-level{font-size:8px;letter-spacing:.7px;color:#bca4d6;margin-top:auto;margin-bottom:5px}.equipment-card .primary,.equipment-card .secondary{font-size:10px;min-height:39px;padding:10px 7px}.equipment-card .primary:disabled{background:#38564a;color:#a0d4ae;border-color:#5d9574;opacity:1}.equipment-card .secondary{margin-top:9px}.max-level{font-size:9px;color:#f0d398;padding:15px 0;text-align:center}.training-gear-art{height:140px;display:grid;place-items:center}.training-gear-art svg{width:170px;height:140px}.desk-keyboard.gear-common{background:linear-gradient(140deg,#b5e0cb,#7ca899);border-color:#c4f1d5;box-shadow:0 5px 0 #527b71,0 8px 16px #13283e66}.desk-keyboard.gear-common .key-row>i{background:#dceee5;color:#53786a}.desk-keyboard.gear-rare{background:linear-gradient(140deg,#95cff6,#698cb6);border-color:#bbdfff;box-shadow:0 5px 0 #475e8a,0 0 20px #91c9ff44}.desk-keyboard.gear-rare .key-row>i{background:#d4eaff;color:#526c90}.desk-keyboard.gear-epic{background:linear-gradient(140deg,#d8b8ed,#9a77bc);border-color:#f4d1ff;box-shadow:0 5px 0 #73588b,0 0 20px #d5a2ff55}.desk-keyboard.gear-epic .key-row>i{background:#f0e0ff;color:#8b639e}.desk-keyboard.golden{border-color:#ffe5a0}.gear-epic .space-key{background:#ffe2a1;color:#866038}.training-locked .office-parcel{opacity:.45}.training-locked .office-parcel.training-allowed{opacity:1}.training-locked .delivery-tabs,.training-locked .delivery-goal,.training-locked .delivery-odds{display:none}.training-locked .delivery-card{margin-top:8px;padding-top:0}.training-locked .delivery-parcel{height:136px}.training-locked .delivery-card h2{font-size:19px}.training-locked .delivery-card p{font-size:10px}.training-locked .unbox-heading h2{font-size:19px}.training-locked .opened-parcel{height:80px}.training-locked .reveal-grid{margin-top:6px}.training-locked .training-dots{max-width:85px;flex-wrap:wrap;justify-content:flex-end;gap:3px}.training-locked .training-dots i{width:4px;height:4px}.training-locked .training-dots .current{width:10px}@keyframes parcel-nudge{0%,85%,100%{transform:rotate(-4deg)}90%{transform:rotate(2deg)}95%{transform:rotate(-8deg)}}@keyframes parcel-spark{50%{opacity:.35;transform:scale(.85)}}@keyframes card-ready{50%{filter:brightness(1.13)}}@keyframes card-reveal{from{transform:rotateY(70deg) scale(.8);opacity:.4}to{transform:rotateY(0) scale(1);opacity:1}}@media(max-width:350px){.reveal-grid{gap:6px}.reveal-card{padding:9px 5px}.reveal-card h3{font-size:10px}.reveal-card p{font-size:8px}.reveal-art{height:68px}.rarity-label{font-size:6px}.card-back b{font-size:7px}.equipment-grid{gap:9px}.equipment-card{padding:11px}.equipment-card h3{font-size:12px}.equipment-card p{font-size:9px}.equipment-card .primary,.equipment-card .secondary{font-size:9px}.gear-slots{gap:5px}.gear-slots b{font-size:7px}.gear-slots small{font-size:6px}.office-parcel>span{font-size:24px}.office-parcel b{font-size:6px}}
.parcel-open .parcel-lid{animation:parcel-lid-open .5s ease-out both}.parcel-open .parcel-tape{animation:parcel-tape-peel .45s ease-out both}@keyframes parcel-lid-open{from{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(-26px) rotate(-18deg);opacity:.45}}@keyframes parcel-tape-peel{from{transform:rotate(0) translate(0,0);opacity:1}to{transform:rotate(25deg) translate(20px,-5px);opacity:.5}}
/* A toy-like desktop, with office moves as career rewards. */
.game-hud{background:linear-gradient(#41456f,#2d3556);border-bottom:2px solid #7783ad;box-shadow:0 5px 14px #14233c44;z-index:5}.balance{border:2px solid #a2d8a5;background:linear-gradient(130deg,#397d64,#235944);box-shadow:0 4px 0 #173a36,inset 0 2px 0 #bdf6c222}.balance strong{color:#eeffce}.balance-coin{background:linear-gradient(140deg,#fff0a9,#f8bb57);box-shadow:0 3px 0 #a97438}.round-button{border:2px solid #8c92bb;background:#55567e;box-shadow:0 3px 0 #252e49}.role-tag{border:2px solid #a998cd;background:linear-gradient(125deg,#755b9b,#524777);box-shadow:0 3px 0 #292842}.shift-hud{border:2px solid #8e90b6;background:linear-gradient(120deg,#4d5077,#3c4265)}.career-strip{position:relative;overflow:hidden;background:#253f50}.career-strip>span{position:relative;z-index:1}.career-fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#35766a,#4b9981);opacity:.85;pointer-events:none;transition:width .4s}.career-strip>span:last-child{color:#f0e8bd}.game-nav{background:linear-gradient(#4a507b,#303c5c);border-top:3px solid #9292ba;box-shadow:0 -5px 14px #26344b33}.game-nav button{background:linear-gradient(#69739a,#49567f);border:1px solid #99a1c1;border-bottom:3px solid #273954;border-radius:10px;margin:0 2px;color:#fff1d1}.game-nav button>span{filter:drop-shadow(0 2px 0 #283b5c);color:#f8d390}.game-nav #nav-hustles{background:linear-gradient(#647c77,#415b59)}.game-nav b{color:#fff0d1}.office-signature{background:#2c3b53d9;border:1px solid #a4b0ba;border-radius:7px;padding:5px 9px;color:#fff0cf;text-shadow:0 1px #172a44}.illustrated-room{transition:filter 1s}.night-speckles{opacity:0}.night-mode .illustrated-room{filter:brightness(.52) saturate(.7) hue-rotate(12deg)}.night-mode .night-speckles{opacity:.8}.desk-keyboard{border-width:3px;border-radius:12px;box-shadow:0 6px 0 #4b597d,0 11px 12px #182c4f55}.key-row>i{border-radius:4px;box-shadow:0 2px 0 #7181a2;background:linear-gradient(#f8efdf,#c5cfdf);font-weight:800}.space-key{border-radius:5px;background:linear-gradient(#ffeeb0,#efbd70);box-shadow:0 3px 0 #a78055;font-weight:800}.monitor-progress{border:2px solid #96e7b8;height:20px;box-shadow:inset 0 2px 2px #142c40}.monitor-progress>span{background:repeating-linear-gradient(115deg,#6bdfac 0,#6bdfac 12px,#94eac0 12px,#94eac0 22px)}.monitor-progress b{color:#fffdeb;text-shadow:0 1px 2px #285d53}.primary{border-width:2px;border-bottom-width:4px;border-radius:11px}.office-preview{display:grid;grid-template-columns:100px minmax(0,1fr);gap:15px;padding:12px;border:2px solid #a38bb8;border-radius:14px;background:linear-gradient(135deg,#51466b,#323d57);margin-bottom:16px;overflow:hidden;align-items:center;box-shadow:0 4px 0 #1b2c43}.office-preview img{width:100%;height:130px;object-fit:cover;border-radius:9px;border:2px solid #c8afc3}.office-preview .tag{font-size:8px;color:#f7d997}.office-preview h2{font-size:18px;line-height:1.2;color:#fff0d2;margin:8px 0}.office-preview p{font-size:11px;line-height:1.6;color:#cbd3e2;margin:0}.career-rung small{line-height:1.6}.coin-bounce .balance-coin{animation:coin-pop .23s ease-out}@keyframes coin-pop{50%{transform:translateY(-4px) rotate(-12deg) scale(1.1)}}
@media(max-height:670px){.monitor-progress{height:15px}.game-nav button{border-radius:7px}.office-signature{font-size:6px}.game-nav{padding-top:5px}}@media(prefers-reduced-motion:reduce){.coin-bounce .balance-coin{animation:none}}
/* Delivery keyboards retain the same tap target, with individual construction. */
.desk-keyboard[data-gear="quiet_keys"]{border-radius:5px;background:linear-gradient(#deeadf,#a2bfb2);border-color:#d1ead7;box-shadow:0 4px 0 #688e7c,0 8px 12px #162e4244;gap:3px}.desk-keyboard[data-gear="quiet_keys"] .key-row>i{border-radius:5px;background:#edf3e6;box-shadow:0 1px 0 #88a797;color:#688675}.desk-keyboard[data-gear="quiet_keys"] .space-key{background:#d0e4ce;color:#5e7e69;box-shadow:0 1px 0 #86a28e}.desk-keyboard[data-gear="mech_keys"]{border-radius:8px;background:#293c59;border-color:#91cbf2;box-shadow:0 5px 0 #30425f,0 7px 0 #d4a3ed,0 9px 10px #92ccfb55;gap:5px}.desk-keyboard[data-gear="mech_keys"] .key-row>i{border-radius:2px;background:#bce7ff;border:1px solid #dcefff;box-shadow:0 3px 0 #51749a;color:#37587d}.desk-keyboard[data-gear="mech_keys"] .key-row:nth-child(2)>i{background:#dec4fa;border-color:#edddff;color:#6b518a}.desk-keyboard[data-gear="mech_keys"] .last-row>i{background:#ffd6a1;color:#866143}.desk-keyboard[data-gear="exec_keys"]{overflow:visible;background:linear-gradient(#624669,#362d48);border:3px solid #e9ca87;border-radius:18px 18px 9px 9px;box-shadow:0 6px 0 #38233d,0 8px 0 #bd9457;padding-top:9px}.desk-keyboard[data-gear="exec_keys"]:before{content:'';position:absolute;left:8%;right:8%;top:-9px;height:7px;border-radius:5px;background:linear-gradient(#fff0b8,#b3915d);border:1px solid #f3d49b;box-shadow:0 -4px 0 #4a3954}.desk-keyboard[data-gear="exec_keys"]:after{content:'';position:absolute;right:-9px;top:-11px;width:10px;height:16px;border:3px solid #e7c68b;border-left:0;border-top:0;border-radius:0 0 6px 0}.desk-keyboard[data-gear="exec_keys"] .key-row>i{border-radius:50%;background:#fff0cc;border:1px solid #bc9758;box-shadow:0 2px 0 #b28b55;color:#63435e;font-family:Georgia,serif}.desk-keyboard[data-gear="exec_keys"] .space-key{background:linear-gradient(#f8df9f,#bc955f);color:#4b354d;border-radius:10px;box-shadow:0 2px 0 #8a6944}
/* Office-issued computers improve at each office move. Damage stays decorative. */
.computer-reward{display:block;margin-top:9px;color:#e6cf9d;font-size:10px;line-height:1.5}.monitor-screen[data-computer-stage="crt"][data-delivery-monitor="none"]{border-radius:12px;color:#c1e7aa;text-shadow:0 0 2px #a5d38c55;background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,#c4db8a07 3px,#c4db8a07 4px)}.monitor-screen[data-computer-stage="crt"][data-delivery-monitor="none"]:after{content:'';position:absolute;inset:0;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 233 156'%3E%3Cg stroke='%23c3d9c7' stroke-width='1' opacity='.55' fill='none'%3E%3Cpath d='M233 0l-20 14 7 15-18 11m11-26l-16 3-7-8m30 20l13 13M0 127l14-8-4-14m4 14l13 9'/%3E%3C/g%3E%3C/svg%3E") right top/100% 100% no-repeat}.monitor-screen[data-computer-stage="budget"][data-delivery-monitor="none"] .screen-heading{color:#c9d1dd}.monitor-screen[data-computer-stage="premium"][data-delivery-monitor="none"] .screen-heading{color:#dbf7f2}.monitor-screen[data-computer-stage="executive"][data-delivery-monitor="none"] .screen-heading{color:#f5dfa9}
/* Delivery theatre: an illuminated parcel, tactile cards and one deliberate choice. */
.unbox-stage{position:relative;isolation:isolate;padding:6px 0 12px}.unbox-stage:before{content:'';position:absolute;z-index:-1;inset:-30px -18px 0;background:radial-gradient(ellipse at 50% 29%,#ba83f34d,transparent 54%),repeating-conic-gradient(from 15deg at 50% 29%,#e7baff08 0deg 12deg,transparent 12deg 25deg);pointer-events:none;mask-image:linear-gradient(#000 60%,transparent)}.unbox-heading h2{font-size:26px;text-shadow:0 3px 0 #181e37;margin:12px 0}.unbox-heading .tag{background:#795b9b;border:1px solid #d5b5ee;border-radius:20px;padding:7px 13px;color:#fff0cc;display:inline-block;letter-spacing:1px;font-size:8px}.unbox-heading p{color:#e6d5f2}.opened-parcel{height:105px;position:relative;z-index:0}.opened-parcel:before{content:'✦';position:absolute;top:12px;color:#ffe1a1;font-size:74px;filter:drop-shadow(0 0 20px #ffdf8d);opacity:.6;animation:delivery-glow 3s ease-in-out infinite}.parcel-open{transform:scale(.62) rotate(-5deg)}.reveal-grid{position:relative;z-index:1;gap:10px;margin-top:6px}.card-back{min-height:235px;border:3px solid #d4acef;border-bottom:6px solid #4e386d;background:radial-gradient(circle at 50% 35%,#a770c2,#6b4989 55%,#433a67);border-radius:16px;box-shadow:0 7px 0 #18223c,0 0 18px #a673e333;gap:19px}.card-back>span{font-size:55px;color:#ffe0aa;filter:drop-shadow(0 0 9px #ffe1bb77)}.card-back b{color:#fff0c9}.card-back:disabled{opacity:.65;filter:saturate(.6)}.reveal-card{border:2px solid var(--item-color);border-bottom-width:5px;border-radius:15px;padding:10px 6px;background:radial-gradient(ellipse at 50% 25%,color-mix(in srgb,var(--item-color) 27%,#374663),#29344f 85%);min-height:255px;box-shadow:0 6px 0 #182139,0 0 17px color-mix(in srgb,var(--item-color) 18%,transparent)}.reveal-art{height:95px;border-radius:50%;background:radial-gradient(ellipse,#ffffff18,transparent 70%);margin:7px 0}.reveal-card h3{font-size:13px;color:#fff4d4}.reveal-card p{font-size:9px}.rarity-label{font-weight:700;letter-spacing:.7px}.reveal-result{font-size:7px;padding-bottom:8px;line-height:1.7}.pick-reward{border:2px solid #f6df9d;border-bottom:4px solid #a98146;background:linear-gradient(#fff0b0,#eec473);color:#5f4535;border-radius:8px;min-height:42px;width:100%;padding:8px 3px;font-size:10px;font-weight:800;line-height:1.3;box-shadow:0 3px 0 #18233a66}.pick-reward:disabled{background:#526074;color:#c6c5d2;border-color:#7d8496;box-shadow:none}.reward-chosen{outline:3px solid #ffe6a4;outline-offset:3px;transform:translateY(-4px);box-shadow:0 0 30px #ffe39b44}.reward-chosen .pick-reward{background:#a4edc4;border-color:#caffdf;color:#245c43}.reward-passed{opacity:.42;filter:saturate(.35)}.choice-instruction{text-align:center;background:#51436c;border:2px solid #a98acb;border-radius:13px;padding:14px;color:#ffe7ae;font-size:15px;font-weight:700;box-shadow:0 4px 0 #242b46}.choice-instruction small{display:block;font-size:10px;color:#c9bddb;margin-top:6px;font-weight:400}.bundle-included{font-size:8px;color:#b1f4cb;margin-top:auto}.delivery-safe{font-size:9px;color:#c4b4d7}.delivery-card{border-width:2px;border-bottom-width:5px;background:radial-gradient(ellipse at 50% 25%,#98764b,#55465e 47%,#303a57 85%);box-shadow:0 7px 0 #1c2941}.delivery-card:before{content:'✦';position:absolute;left:9%;top:28px;color:#ffe5aa;font-size:28px;text-shadow:0 0 20px #ffe5aa66;transform:rotate(-15deg)}.delivery-card:after{content:'✦';position:absolute;right:10%;top:100px;color:#f5d2ff;font-size:18px}.delivery-parcel{height:185px}.parcel-model{filter:drop-shadow(0 12px 12px #17253c66)}.delivery-card h2{font-size:26px;text-shadow:0 3px 0 #20243b}.delivery-card .fixed-contents{padding:9px 0}.delivery-card .primary{background:linear-gradient(#fff0aa,#efc878);border-color:#ffeab0;border-bottom-color:#a67f4b;color:#604830}.delivery-goal{background:linear-gradient(120deg,#5d477b,#354861);border:2px solid #9f84ba}.equipment-summary{background:linear-gradient(135deg,#735588,#394366);border:2px solid #b591cf;box-shadow:0 5px 0 #1f2e48}.gear-tree{margin:18px 0 25px;padding:17px 12px;background:linear-gradient(145deg,#413659,#26394f);border:2px solid #9a7cb4;border-radius:16px;box-shadow:0 5px 0 #1c293e}.tree-heading h2{font-size:21px;color:#ffe5b1;margin:9px 0}.tree-heading p{font-size:10px;line-height:1.7;color:#c7bdd8}.tree-branch h3{font-size:12px;color:#e4d3f3;margin:22px 0 13px}.tree-nodes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;position:relative}.tree-nodes:before{content:'';position:absolute;left:10%;right:10%;top:44px;height:4px;background:#87779b}.tree-node{position:relative;padding:8px 4px 10px;border:2px solid var(--item-color);border-bottom-width:4px;border-radius:12px;background:#35415b;color:#efdfc4;min-width:0}.tree-node>div:first-child{height:65px;display:grid;place-items:center}.tree-node svg{height:100%;width:100%;max-width:90px}.tree-node b{font-size:9px;display:block;line-height:1.4;min-height:26px}.tree-node small{display:block;font-size:6px;letter-spacing:.4px;color:var(--item-color);margin:7px 0}.tree-node em{font-style:normal;font-size:7px;line-height:1.5;display:block;color:#c3b8d6;margin-top:7px}.tree-node.locked{border-style:dashed;background:#29354c}.tree-node.locked svg{filter:grayscale(.6);opacity:.5}.tree-node.owned{box-shadow:0 0 12px color-mix(in srgb,var(--item-color) 15%,transparent)}.gear-level-track{display:flex;align-items:center;justify-content:space-between;gap:4px;margin:7px 0 12px;position:relative}.gear-level-track:before{content:'';position:absolute;left:3px;right:3px;top:50%;height:2px;background:#657187}.gear-level-track span{position:relative;display:grid;place-items:center;background:#344056;border:1px solid #788198;color:#abb2c6;border-radius:50%;width:21px;height:21px;font-size:8px}.gear-level-track .done{background:#96dcba;border-color:#d3f8db;color:#285943}.gear-level-track .next{border:2px solid #e7c88a;color:#ffe0a2}.tree-node .gear-level-track{gap:2px;margin-bottom:0}.tree-node .gear-level-track span{width:13px;height:13px;font-size:6px}.tree-node .gear-level-track .next{border-width:1px}.next-gear-benefit{font-size:9px!important;color:#e3cf9c!important;min-height:0!important;margin:0 0 12px!important}.equipment-card{border-width:2px;border-bottom-width:4px;border-radius:15px}.equipment-art{background:radial-gradient(ellipse,#9eb6e32b,#26395155)}.gear-help{padding:11px;border-left:3px solid #a68ac6;background:#79628c16}.training-locked .unbox-heading h2{font-size:21px}.training-locked .reveal-card{min-height:245px}.training-locked .opened-parcel{height:75px}.training-locked .reveal-art{height:80px}.training-locked .card-back{min-height:235px}.training-locked .delivery-card{padding-top:10px}.training-locked .delivery-parcel{height:155px}@keyframes delivery-glow{50%{transform:scale(1.14) rotate(12deg);opacity:.85}}@media(max-width:350px){.pick-reward{font-size:9px;min-height:40px}.tree-nodes{gap:5px}.tree-node b{font-size:8px}.gear-tree{padding:14px 8px}.reveal-grid{gap:7px}.reveal-card h3{font-size:11px}.reveal-art{height:80px}}@media(prefers-reduced-motion:reduce){.opened-parcel:before{animation:none}.reward-chosen{transform:none}}
/* Career chapters continue beyond CEO; navigation stays below the office. */
.training-locked .game-nav{display:grid;position:relative;z-index:6}.training-locked .game-nav button{opacity:.35}.training-locked .game-nav button.training-allowed{opacity:1;outline:3px solid #ffe3a0;outline-offset:2px;box-shadow:0 0 20px #ffe6a966}.chapter-banner{padding:13px 16px;border:2px solid #a38ac3;border-radius:11px;margin-bottom:17px;background:linear-gradient(120deg,#644e85,#354664);font-size:11px;letter-spacing:1px;font-weight:700;color:#ffe7ac}.chapter-banner small{display:block;font-size:9px;color:#c6b9dc;margin-top:6px;letter-spacing:0;font-weight:400}.endgame-card{border:2px solid #d4b37a;border-bottom-width:5px;background:radial-gradient(ellipse at 50% 10%,#756148,#3c3655 60%,#2a3c54);position:relative;overflow:hidden}.endgame-card h2{font-size:25px;color:#ffe5b0;line-height:1.2}.endgame-card p{font-size:12px;line-height:1.8}.endgame-icon{font-size:54px;text-align:center;padding:15px;color:#ffda91;text-shadow:0 3px #3a2e43,0 0 30px #f5c76f44}.collapse-card{border-color:#c18f84;background:radial-gradient(ellipse at 50% 0,#7c4d5b,#423953 60%,#2a3a51)}.reset-ledger{padding:15px;border:1px solid #a58b98;background:#1f304455;border-radius:10px;margin:18px 0}.reset-ledger b{font-size:13px;color:#f5d2ad}.reset-ledger p{font-size:11px;margin-bottom:0}.owner-output{padding:16px;border:1px solid #9ac4a0;border-radius:10px;background:#42735a44;font-size:26px;font-weight:700;color:#b6f5ca;margin:18px 0}.owner-output small{display:block;font-size:10px;color:#b9d3bf;margin-top:6px;font-weight:400}.role-tag #role-pill{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.endgame-card .career-requirement{font-size:10px;gap:10px}
.journey-roadmap{margin-top:25px;padding:20px 16px;border:2px solid #8977a4;border-radius:14px;background:#313750}.journey-roadmap h2{font-size:21px;color:#ffe4af;line-height:1.3}.journey-step{display:flex;gap:13px;position:relative;padding:13px 0}.journey-step:not(:last-child):after{content:'';position:absolute;left:14px;top:42px;bottom:-12px;width:2px;background:#766887}.journey-step>span{display:grid;place-items:center;flex:none;width:30px;height:30px;border:2px solid #8f7caa;border-radius:50%;background:#454260;color:#b7a5c6;font-size:12px;z-index:1}.journey-step.complete>span{background:#74b599;border-color:#bdf0cb;color:#204d3d}.journey-step b{font-size:13px;color:#e8d9f1}.journey-step p{font-size:10px;color:#acaec8;line-height:1.6;margin:5px 0 0}
/* A brighter arcade-office palette, with clear, chunky controls. */
:root{--mint:#66ffb7;--gold:#ffdd35;--muted:#d3d5ff;--line:#7674d6;color:#fff;background:#25136c}body{background:radial-gradient(ellipse at 50% 0,#6446ef,#22115e 80%)}#game-app{background:#5c45c9;box-shadow:0 0 90px #1a0c4e99}.game-hud{background:linear-gradient(140deg,#7045e9,#3f36bb);border-bottom:3px solid #23165d;box-shadow:inset 0 2px 0 #b18bff66,0 5px 0 #2c257555}.brand>span{background:linear-gradient(#69ffdf,#28c5ff);border:2px solid #172568;color:#1c357a;box-shadow:0 3px 0 #1c185f}.balance{background:linear-gradient(140deg,#2b3b81,#1b2353);border:3px solid #161637;box-shadow:inset 0 2px 0 #6b70ab,0 3px 0 #18123c;border-radius:12px}.balance strong{color:#fff;font-weight:800;text-shadow:0 2px 0 #11173d;font-size:clamp(25px,7.2vw,33px)}.balance small{color:#d4dbff;font-size:7px}.balance-coin{border:3px solid #783b0e;background:radial-gradient(circle at 35% 30%,#fff09b,#ffcd26 55%,#ff940d);color:#b76b10;box-shadow:inset 0 0 0 3px #ffed75,0 2px 0 #291442;font-weight:900}.round-button{background:linear-gradient(#60dcff,#2a95eb);border:2px solid #1d2358;box-shadow:0 3px 0 #21174f;color:#fff;font-weight:800}.role-tag{background:linear-gradient(135deg,#b24ff0,#7438cb);border:2px solid #211351;box-shadow:inset 0 2px 0 #e6a4ff66,0 3px 0 #29165b}.role-tag:before{color:#f0ceff}.role-tag #role-pill{color:#fff;text-shadow:0 2px #4f267f}.role-tag>span:last-child{color:#ffe449}.shift-hud{background:linear-gradient(130deg,#317ce0,#214aa6);border:2px solid #191e58;box-shadow:inset 0 2px 0 #71b8ff66,0 3px 0 #24205f}.shift-hud b{color:#ffec58;text-shadow:0 2px #273577}.shift-hud>span{color:#fff}.shift-hud small{color:#c7e7ff}.career-strip{background:#29215f;border-top:2px solid #ad7fff;font-size:10px}.career-strip b{color:#ffeb79}.career-strip>span:last-child{color:#f0f4ff}.career-fill{background:linear-gradient(90deg,#43c832,#a8ef16);opacity:.85}.illustrated-room{filter:saturate(1.3) contrast(1.04)}.night-mode .illustrated-room{filter:brightness(.65) saturate(1.2) hue-rotate(15deg)}.room-title{background:#44329acf;border:2px solid #b19bfa;color:#fff7d7;font-weight:800;box-shadow:0 2px 0 #30265c}.keyboard-caption b{font-size:10px;color:#fff;text-shadow:0 2px 0 #243b66,0 0 6px #1c356e}.keyboard-caption small{color:#ecf4ff;font-size:8px}.office-signature{background:#413789cc;border-color:#9d9ce0;color:#ffe47c;box-shadow:none}.office-signature span{color:#d6dcff}.office-parcel{background:linear-gradient(140deg,#64e9ff,#3895ed);border:3px solid #262060;box-shadow:inset 0 2px 0 #bbf6ff99,0 4px 0 #332065;color:#fff;transform:rotate(-4deg);border-radius:13px}.office-parcel b{font-weight:900;text-shadow:0 2px #315b9d;letter-spacing:.5px}.office-parcel i{background:#ff3d83;border:2px solid #fff0b1;color:#fff}.parcel-counting{border-color:#ffe458;background:linear-gradient(140deg,#af76f4,#6d40d1)}.game-nav{background:linear-gradient(#e3d6ff,#b6b3ff);border-top:3px solid #251b63;box-shadow:0 -4px 0 #c4a6ff99;padding-top:8px}.game-nav button{background:linear-gradient(#fff,#d8ecff);border:2px solid #39256d;border-bottom:4px solid #66519f;border-radius:12px;color:#25215d;box-shadow:inset 0 2px 0 #fff;gap:4px}.game-nav button>span{display:grid;place-items:center;background:linear-gradient(#73e6ff,#3fa2ef);border:1px solid #3673ae;border-radius:8px;width:31px;height:28px;font-size:23px;filter:drop-shadow(0 2px 0 #4c448b55)}.game-nav b{color:#302861;font-weight:800;text-shadow:none}.game-nav button:nth-child(2)>span{background:linear-gradient(#ffe874,#ffb638);border-color:#ca8b29}.game-nav #nav-hustles{background:linear-gradient(#fff,#d8ecff)}.game-nav button:nth-child(3)>span{background:linear-gradient(#7df8c5,#37b6a0);border-color:#219d7d}.game-nav button:nth-child(4)>span{background:linear-gradient(#c4fc7d,#7eca44);border-color:#6ea940}.game-nav button:nth-child(5)>span{background:linear-gradient(#ff97b8,#f35389);border-color:#c23e73}.game-nav button:nth-child(6)>span{background:linear-gradient(#eeb0ff,#b267ef);border-color:#8a49bd}.game-nav i{background:#ff286b;color:#fff;border:1px solid #fff5c5;box-shadow:0 2px #7f285f;right:9%;top:-5px;width:18px;height:18px;font-weight:800}.monitor-progress{border:2px solid #d5ff84;background:#173936;border-radius:6px}.monitor-progress>span{background:linear-gradient(#c3fa36,#55ce18);box-shadow:inset 0 3px 0 #e3ff8c66}.monitor-claim{background:linear-gradient(#fff763,#ffba16);border:2px solid #916208;border-bottom-width:3px;color:#493206;font-weight:900}.payday-alert{background:linear-gradient(#dcff61,#7de22e);border:2px solid #265f35;border-bottom:4px solid #28553c;color:#24492f}.game-panel{background:radial-gradient(ellipse at 50% 0,#7653db,#384898 65%,#293778)}.panel-header{background:linear-gradient(120deg,#8742db,#4d35b2);border-bottom:3px solid #24175d;box-shadow:inset 0 2px #ba88ff66}.panel-header h1{color:#fff5c6;font-weight:800;text-shadow:0 2px #412679}.panel-header>span{color:#b2ff92;text-shadow:0 2px #244b4c}#panel-back{color:#f0e5ff}.panel-description{color:#e4e2ff}.card{background:linear-gradient(140deg,#4b64ae,#3d4b91);border:2px solid #929de5;border-bottom:4px solid #28295e;border-radius:15px;box-shadow:inset 0 1px #c0ccff44,0 3px 0 #27205c44}.card h2{color:#fff0be}.card p{color:#d5e5ff}.card .tag,.tag{color:#f4d3ff}.card-details{color:#cee9ff}.card-details b{color:#fff28b}.primary{background:linear-gradient(#7dffba,#24d68a);border:2px solid #1b6f59;border-bottom:5px solid #1c7057;color:#104b3f;font-weight:800;box-shadow:inset 0 2px #ceffe388,0 3px #25295d55;min-height:44px}.primary.gold,.delivery-card .primary{background:linear-gradient(#fff866,#ffc51c);border-color:#8d6517;border-bottom-color:#b77b13;color:#51380a;box-shadow:inset 0 2px #ffffc3,0 4px #30266155}.primary:disabled{background:linear-gradient(#697eb3,#506292);color:#bdc9e3;border-color:#364b7a;box-shadow:none;opacity:.8}.secondary{background:linear-gradient(#9d7de2,#7150ba);border:2px solid #c2a7f3;border-bottom:4px solid #46327d;color:#fff0ff;font-weight:700}.secondary:disabled{background:#526092;color:#aebadb;border-color:#7784b1}.text-button{color:#d8d0ff}.goal-progress{height:12px;border:2px solid #27346b;background:#24376b;border-radius:7px;box-shadow:inset 0 2px #111b4a55}.goal-progress>span{background:linear-gradient(#c9ff3b,#6fd61a);box-shadow:inset 0 2px #ecff8c88}.page-banner{background:linear-gradient(135deg,#348ae0,#4263c2);border:2px solid #86d6ff;color:#fff3bb;border-radius:13px}.page-banner small{color:#d0ebff}.notice{background:linear-gradient(120deg,#4e6db9,#614bad);border:2px solid #a5a3ee;border-radius:13px}.notice h2{color:#fff1a7}.notice p{color:#d9e7ff}.delivery-tabs button{background:linear-gradient(#675bd0,#4347a0);border:2px solid #bca6ff;border-bottom:4px solid #32256f;color:#dfddff;min-height:45px;border-radius:11px;font-weight:800}.delivery-tabs button.selected{background:linear-gradient(#ffe960,#ffbf22);border-color:#7b5816;color:#644015}.delivery-tabs b{color:inherit}.parcel-bay{border:3px solid #251c62;border-bottom-width:6px;border-radius:18px;padding:18px 12px 14px;background:linear-gradient(150deg,#39c5ee,#4b70df 60%,#8050d2);box-shadow:inset 0 2px #9ff4ff99,0 5px #322267;margin:16px 0 20px;text-align:center}.parcel-bay>.tag{color:#d4faff;font-size:8px;font-weight:800;letter-spacing:1.5px}.parcel-bay h2{color:#fff3bf;text-shadow:0 3px #385098;font-size:23px;line-height:1.2;margin:9px 0}.parcel-bay p{font-size:11px;color:#e0f8ff;line-height:1.6;margin:9px 0 16px}.parcel-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.parcel-slot{border:2px solid #c5f4ff;border-bottom:4px solid #2c4c93;border-radius:11px;background:linear-gradient(#dafaff,#8ed9f4);padding:10px 5px 8px;min-height:116px;display:flex;align-items:center;flex-direction:column;justify-content:center;box-shadow:0 3px #20428255}.parcel-slot>span{font-size:36px;filter:drop-shadow(0 3px 0 #245b9133);line-height:1.2}.parcel-slot b{font-size:9px;line-height:1.4;color:#244c79;margin-top:6px}.parcel-slot small{font-size:10px;color:#3a497f;font-weight:800;margin-top:5px;font-variant-numeric:tabular-nums}.parcel-slot.performance{background:linear-gradient(#efd3ff,#ba8bed);border-color:#f8e8ff}.parcel-slot.promotion{background:linear-gradient(#fff5a0,#f4c253);border-color:#fff5d3}.parcel-slot.empty{background:#2c66b288;border:2px dashed #98def888;box-shadow:none}.parcel-slot.empty>span{color:#b6ecff;font-size:31px}.parcel-slot.empty b,.parcel-slot.empty small{color:#b6dafa}.parcel-slot.empty small{font-size:7px;font-weight:400}.parcel-slot.unlocking{outline:2px solid #fff761;outline-offset:2px}.parcel-slot.ready small{background:#89f546;border:1px solid #387c39;padding:3px 10px;border-radius:12px;color:#205533}.queued-count{display:block;color:#e8edff;font-size:9px;margin-top:12px}.delivery-goal{border:2px solid #9ddcff;background:linear-gradient(120deg,#357dce,#5155b6);border-radius:13px}.delivery-goal>span{color:#d6eeff;font-weight:800}.delivery-goal>b{color:#fff2a2}.delivery-card{border:3px solid #c1efff;border-bottom:6px solid #274e99;background:radial-gradient(ellipse at 50% 20%,#58d8f2,#4385d0 55%,#4454b3);border-radius:20px;box-shadow:inset 0 2px #c0f6ff66,0 6px #28236388}.delivery-card.performance{background:radial-gradient(ellipse at 50% 20%,#e9a0ff,#9b5be1 55%,#6042af);border-color:#efceff;border-bottom-color:#523382}.delivery-card.promotion{background:radial-gradient(ellipse at 50% 20%,#fff196,#d5a84e 55%,#9967aa);border-color:#fff2a1;border-bottom-color:#78542b}.delivery-card h2{color:#fff4bb;text-shadow:0 3px #38478c;font-size:27px}.delivery-card p{color:#e7f2ff}.delivery-card .tag{color:#e3e9ff;font-weight:800}.delivery-card .fixed-contents{color:#fff4ba!important}.delivery-card.parcel-unlocking{border-color:#fff05d}.parcel-timer{padding:15px 10px;background:#283b8288;border:2px solid #b2d7ff;border-radius:12px;color:#fff;margin:10px 0}.parcel-timer>span{font-size:8px;letter-spacing:1.5px;color:#dbe6ff;font-weight:800}.parcel-timer strong{display:block;font-size:34px;color:#fff36a;text-shadow:0 3px #25316a;font-weight:900;margin:5px 0;font-variant-numeric:tabular-nums}.parcel-timer small{font-size:10px;line-height:1.6;color:#cfe8ff}.parcel-timer .goal-progress{margin:10px 0}.parcel-front{background:linear-gradient(135deg,#55d8fa,#2587d6);border:3px solid #d8f8ff;box-shadow:inset 0 2px #9ee9ff}.parcel-lid{background:linear-gradient(#a0f5ff,#49c2f2);border:3px solid #e3fcff}.parcel-front b{color:#eafaff;text-shadow:0 2px #2376b6;font-weight:900}.parcel-front small{color:#c0ecff}.parcel-front i{color:#fff88b}.parcel-tape{background:#e1f9ff88;border-color:#e9fdff}.parcel-model.performance .parcel-front{background:linear-gradient(#c77eff,#9044db);border-color:#f0d8ff}.parcel-model.performance .parcel-lid{background:linear-gradient(#e5b1ff,#b571ef);border-color:#fae8ff}.parcel-model.promotion .parcel-front{background:linear-gradient(#ffe373,#eda625);border-color:#fff4b8}.parcel-model.promotion .parcel-lid{background:linear-gradient(#fff5a8,#ffd04a);border-color:#ffffd4}.parcel-model.promotion .parcel-front b{color:#8b4e16;text-shadow:0 1px #ffed91}.parcel-model.promotion .parcel-front small{color:#9e6229}.parcel-ready .delivery-parcel{filter:drop-shadow(0 0 20px #e0faff55)}.delivery-odds{background:#334780;border-color:#8c9ddd;color:#d5e6ff}.delivery-odds summary{color:#f1d6ff}.unbox-stage:before{background:radial-gradient(ellipse at 50% 29%,#cb87ff88,transparent 60%),repeating-conic-gradient(from 15deg at 50% 29%,#f5cfff16 0deg 12deg,transparent 12deg 25deg)}.card-back{background:radial-gradient(circle at 50% 30%,#cb80ff,#934dde 55%,#6237ac);border-color:#efc9ff;border-bottom-color:#45216e;box-shadow:inset 0 2px #f8dfff55,0 6px #292162,0 0 18px #a673e355}.card-back>span{color:#fff2a1}.reveal-card{background:radial-gradient(ellipse at 50% 25%,color-mix(in srgb,var(--item-color) 48%,#5268b9),#3e4d99 85%);border-color:var(--item-color);border-bottom-color:#34406f}.reveal-card h3{color:#fff7cd}.reveal-card p{color:#e2f3ff}.rarity-common{--item-color:#79ffc3}.rarity-rare{--item-color:#65dfff}.rarity-epic{--item-color:#ed9cff}.pick-reward{background:linear-gradient(#fff95e,#ffc121);border-color:#936316;border-bottom-color:#a76b0e;color:#61400a}.choice-instruction{background:linear-gradient(#8a5bd1,#6344ab);border-color:#d8b5ff;color:#fff0a8}.choice-instruction small{color:#e8d8ff}.delivery-safe{color:#d1dcff}.equipment-summary{background:linear-gradient(135deg,#ac56e1,#5c52c3);border-color:#e1b6ff;box-shadow:0 5px #322669}.gear-tree{background:linear-gradient(145deg,#6650b6,#354c94);border-color:#d2b2ff;border-bottom:5px solid #362768}.tree-heading h2{color:#fff1ae}.tree-heading p,.gear-help{color:#d7e4ff}.tree-branch h3{color:#f7e5ff}.tree-node{background:linear-gradient(#6a7dcc,#4c5da7);border-bottom-color:#333e77}.tree-node.locked{background:#394d8b}.tree-node b{color:#fff0cc}.tree-node em{color:#d6dfff}.gear-level-track .done{background:#88f94b;border-color:#d7ffa5;color:#27542c}.gear-level-track .next{border-color:#fff049;color:#fff4a2}.equipment-card{background:linear-gradient(145deg,#586fbc,#405197);border-bottom-color:#2b396f}.equipment-card h3{color:#fff2c5}.equipment-card p{color:#d7ebff}.gear-filter button{background:#4c4aa1;border-color:#aaa0e7;color:#e2dbff}.gear-filter button.selected{background:linear-gradient(#e591ff,#b45be0);border-color:#f7cdff;color:#fff3b8}.tutorial-panel{background:linear-gradient(135deg,#8351b8,#493c92);border:2px solid #d4b7ff;border-bottom:5px solid #352866;box-shadow:0 0 0 5px #2a225c55,0 8px 25px #17174377}.tutorial-icon{background:linear-gradient(#d991fb,#9662d0);border:2px solid #e9c4ff;color:#fff0aa}.tutorial-body h2{color:#fff2b8}.tutorial-body p{color:#eee7ff}.tutorial-top{color:#e3c5ff}.training-safe{color:#c8bce8}.training-wait{color:#ffecb3}.toast{background:#4f36a0;border:2px solid #cba4ff;color:#fff1c9}dialog{background:linear-gradient(140deg,#6261b6,#3c418b);border:3px solid #bea5f4;color:#fff0ca;border-radius:17px}dialog p{color:#e0e7ff}.chapter-banner{background:linear-gradient(120deg,#9b4fdf,#4b58b9);border-color:#ce9fff}.journey-roadmap{background:linear-gradient(130deg,#6450ab,#3c4d91);border-color:#b59aee}.journey-step b{color:#fff1c8}.journey-step p{color:#d5ddf7}.endgame-card{background:radial-gradient(ellipse at 50% 10%,#b68855,#6850a6 60%,#3a519b)}.endgame-card p{color:#e0eaff}.endgame-card.collapse-card{background:radial-gradient(ellipse at 50% 0,#bf5b7e,#7550a2 60%,#3b4f96)}.hustle-summary{background:linear-gradient(130deg,#88704a,#4a67a7);border:2px solid #efca7b}.hustle-metrics{background:#2b528b99;border-color:#7fa8de}.hustle-icon{background:linear-gradient(#89e9bd,#39a0b4);border-color:#c5ffdf}.hustle-total strong{color:#fff2a0}.hustle-explainer{color:#d3dfff}.hustle-expansion{color:#e2e8ff}.hustle-expansion b{color:#fff09d}@media(max-height:670px){.balance strong{font-size:25px}.game-nav button>span{height:24px;width:28px;font-size:20px}.game-nav{padding-top:5px}.keyboard-caption b{font-size:8px}.keyboard-caption small{font-size:6px}}@media(max-width:350px){.balance strong{font-size:24px}.game-nav button{margin:0 1px}.game-nav button>span{width:27px;height:25px;font-size:20px}.game-nav b{font-size:6px}.parcel-slots{gap:6px}.parcel-slot b{font-size:8px}.parcel-slot>span{font-size:30px}.parcel-bay{padding-left:9px;padding-right:9px}.parcel-bay h2{font-size:20px}}@media(prefers-reduced-motion:reduce){.parcel-ready .delivery-parcel{animation:none}}
/* Collectibles live in their own shelf album, away from the working desk. */
.collection-section-tabs{display:flex;gap:9px;margin-bottom:16px}.collection-section-tabs button{flex:1;border:2px solid #bea0ee;border-bottom:4px solid #3a2a76;border-radius:11px;background:linear-gradient(#7964c6,#51479c);color:#e7dfff;padding:11px 5px;font-size:11px;font-weight:800;min-height:45px}.collection-section-tabs button.selected{background:linear-gradient(#fff28a,#ffc73b);border-color:#b38227;color:#624417}.collectible-hero{padding:20px;border:3px solid #d3a7f7;border-bottom:6px solid #483075;border-radius:18px;background:radial-gradient(ellipse at 75% 0,#ca7aeb,#8257c5 55%,#5052a2);box-shadow:inset 0 2px #f5d5ff55,0 5px #28256066}.collectible-hero>.tag{font-size:8px;letter-spacing:1.4px;color:#f7ddff;font-weight:800}.collectible-hero h2{font-size:26px;color:#fff0ba;text-shadow:0 3px #5f398e;line-height:1.15;margin:13px 0 18px}.album-score{display:flex;align-items:center;justify-content:space-between;gap:20px}.album-score strong{font-size:40px;color:#fff3b6;text-shadow:0 3px #57367c}.album-score strong small{font-size:18px;color:#dbc6f5}.album-score>span{font-size:18px;font-weight:800;color:#d4f5ff;text-align:right}.album-score>span small{display:block;font-size:9px;margin-top:5px;color:#d7e2fa;font-weight:400}.collectible-hero p{color:#ecdcff;font-size:11px;line-height:1.7;margin:14px 0 0}.collection-filter{display:flex;overflow-x:auto;gap:7px;margin:19px 0 22px;padding-bottom:7px}.collection-filter button{white-space:nowrap;border:2px solid #a491db;border-radius:20px;background:#4d4b9b;color:#dedbfa;padding:8px 11px;font-size:10px;min-height:36px}.collection-filter button.selected{background:#d7a6f4;color:#563270;border-color:#f7d8ff;font-weight:800}.collectible-set{margin-bottom:24px}.collectible-set>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 2px 12px}.collectible-set>header>div{display:flex;align-items:center;gap:8px}.collectible-set>header span{font-size:25px;line-height:1}.collectible-set h2{font-size:17px;color:#fff1c1;margin:0}.collectible-set>header>b{font-size:9px;color:var(--set-colour);background:#273b7455;border:1px solid var(--set-colour);border-radius:11px;padding:5px 8px;white-space:nowrap}.collectible-shelves{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:10px 8px 12px;background:linear-gradient(#342954,#51406e);border:2px solid #a183ab;border-bottom:9px solid #906b57;border-radius:12px;box-shadow:0 4px 0 #392b58}.collectible-card{display:flex;flex-direction:column;min-width:0;text-align:center;padding:7px 4px 10px;background:linear-gradient(#5b578a,#3f406b);border:1px solid #9382aa;border-radius:9px}.collectible-art{height:88px;display:grid;place-items:center;position:relative;background:radial-gradient(ellipse,#d8b3ef24,transparent 70%);border-bottom:5px solid #be956e;box-shadow:0 2px #685244;margin-bottom:10px}.collectible-art:before{content:'';position:absolute;left:10%;right:10%;bottom:-5px;height:1px;background:#fce0a0}.collectible-art svg{width:100%;height:100%;max-width:110px;filter:drop-shadow(0 4px 2px #29244344)}.collectible-card h3{font-size:11px;line-height:1.35;min-height:30px;margin:0 0 8px;color:#fff0ca}.collectible-card p{font-size:9px;line-height:1.65;color:#cbcde8;margin:0 0 12px}.collectible-card .primary{font-size:10px;padding:8px 3px;min-height:42px;line-height:1.4;width:100%;margin-top:auto;border-radius:8px}.collectible-lock{margin-top:auto;font-size:8px;color:#b9b7d8;line-height:1.8;padding-top:7px}.collectible-lock b{color:#d1c6e4;font-size:9px}.collectible-card.not-unlocked .collectible-art svg{filter:grayscale(.8);opacity:.4}.collectible-card.not-unlocked{border-style:dashed;background:#383b62}.collectible-card.achieved{border:2px solid var(--set-colour);background:linear-gradient(#697693,#455c79);box-shadow:0 0 12px color-mix(in srgb,var(--set-colour) 16%,transparent)}.collectible-achieved{margin-top:auto;font-size:8px;line-height:1.7;background:#37695b;border:1px solid #98e5b7;border-radius:20px;padding:5px 2px;color:#cdffda}.collection-replay{border:0;background:none;color:#d8e4fb;font-size:8px;min-height:32px;padding:7px 2px;text-decoration:underline;text-underline-offset:3px}.collection-saving{font-size:8px;color:#c4b6d8;line-height:1.5;margin-top:6px}.collection-note{font-size:10px;line-height:1.8;text-align:center;color:#cbd4f3;padding:0 10px}.shelf-moment{text-align:center}.shelf-moment>.tag{font-size:9px;letter-spacing:1.3px;color:#e4c3ff;font-weight:800}.shelf-moment h2{font-size:26px;line-height:1.2;color:#fff0b5;margin:12px 0 9px;text-shadow:0 2px #37326f}.shelf-moment>p{font-size:12px;line-height:1.6;color:#e2ddfa}.shelf-scene{border:2px solid #c5a1e5;border-radius:18px;overflow:hidden;background:radial-gradient(ellipse at 75% 20%,#aa72c9,#6655a1);margin:18px 0 15px;box-shadow:inset 0 3px #eccfff33,0 5px #34275e}.shelf-scene>svg{width:100%;height:auto;display:block}.shelf-colleague{animation:shelf-delivery 4.6s ease-in-out both;transform-origin:105px 270px}.carried-item{animation:place-collectible 4.6s ease-in-out both}.shelved-item{animation:shelf-appear 4.6s both}.colleague-left-leg{transform-origin:94px 207px;animation:walk-left .55s ease-in-out 8 alternate}.colleague-right-leg{transform-origin:114px 207px;animation:walk-right .55s ease-in-out 8 alternate}.shelf-sparkles{transform-origin:275px 120px;animation:shelf-sparkles 4.6s both}.moment-achieved{display:block;min-height:37px;border:2px solid #d0fdb8;background:linear-gradient(#b5ed82,#73ba66);border-radius:12px;color:#28543d;font-size:10px;line-height:1.7;padding:9px 5px;animation:achievement-stamp .45s 2.9s both}.shelf-moment .shelf-safe{font-size:9px;color:#bbbde2;margin:13px 0}.shelf-moment .primary{font-size:13px;width:100%;margin-top:8px}@keyframes shelf-delivery{0%{transform:translateX(-180px)}22%{transform:translateX(0)}45%,68%{transform:translateX(85px)}100%{transform:translateX(-190px)}}@keyframes place-collectible{0%,45%{transform:translate(0,0);opacity:1}58%,62%{transform:translate(15px,-9px);opacity:1}63%,100%{transform:translate(15px,-9px);opacity:0}}@keyframes shelf-appear{0%,62%{opacity:0}63%,100%{opacity:1}}@keyframes shelf-sparkles{0%,62%{opacity:0;transform:scale(.5)}70%{opacity:1;transform:scale(1.2)}85%,100%{opacity:0;transform:scale(.9)}}@keyframes walk-left{from{transform:rotate(-6deg)}to{transform:rotate(6deg)}}@keyframes walk-right{from{transform:rotate(6deg)}to{transform:rotate(-6deg)}}@keyframes achievement-stamp{from{opacity:0;transform:scale(.8)}75%{opacity:1;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@media(max-width:350px){.collectible-shelves{gap:6px;padding:8px 5px 10px}.collectible-card h3{font-size:10px;min-height:28px}.collectible-card p{font-size:8px}.collectible-art{height:75px}.collectible-card .primary{font-size:9px}.collectible-set h2{font-size:15px}.collectible-set>header>b{font-size:8px;padding:5px}.collectible-hero{padding:16px}.collectible-hero h2{font-size:23px}.collection-section-tabs button{font-size:10px}.shelf-moment h2{font-size:22px}}@media(prefers-reduced-motion:reduce){.shelf-colleague,.carried-item,.shelf-sparkles{animation:none;display:none}.shelved-item,.moment-achieved{animation:none;opacity:1;transform:none}.shelf-scene>svg{max-height:210px}}
/* Room-specific improvements replace the retired desktop decoration shop. */
.decor-credit{padding:14px 16px;border:2px solid #a2e2b3;border-radius:12px;background:#35645e;margin-bottom:17px;color:#e5ffd5}.decor-credit b{font-size:12px;line-height:1.5}.decor-credit p{font-size:10px;line-height:1.7;color:#d4e9e0;margin-bottom:0}.decor-credit .text-button{font-size:11px;color:#fff0b3}.room-choice{display:flex;gap:9px;margin:18px 0}.room-choice button{flex:1;min-height:47px;padding:10px 5px;border:2px solid #a993d5;border-bottom:4px solid #352b6b;border-radius:11px;background:#56509d;color:#dfd9f4;font-size:11px;font-weight:700}.room-choice button.selected{background:linear-gradient(#8cebd8,#45aebd);border-color:#b4fff0;color:#254d68}.room-choice small{display:block;font-size:9px;margin-top:5px;opacity:.85}.room-work-summary{display:grid;grid-template-columns:108px minmax(0,1fr);gap:15px;padding:13px;border:2px solid #9fb6ec;border-bottom:5px solid #36437b;border-radius:14px;background:linear-gradient(130deg,#4a74ae,#4d4b96);align-items:center}.room-work-image{position:relative;align-self:stretch;min-height:190px;border:2px solid #c3d7f1;border-radius:8px;overflow:hidden;background:#314a6f}.room-work-image img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:50% 25%}.room-work-image>span{position:absolute;bottom:0;left:0;right:0;padding:7px 3px;background:#253e68de;text-align:center;color:#e0ffd5;font-size:7px;font-weight:800;letter-spacing:.3px}.room-work-summary .tag{font-size:7px;letter-spacing:1px;color:#e6d6ff}.room-work-summary h2{font-size:21px;line-height:1.2;color:#fff0b7;margin:8px 0}.room-work-summary p{font-size:10px;line-height:1.7;color:#d7e7ff;margin:0 0 13px}.room-work-summary small{font-size:9px;color:#e7d5a9;line-height:1.6}.room-checkpoints{display:flex;gap:6px;margin:9px 0}.room-checkpoints i{display:grid;place-items:center;width:26px;height:27px;flex:1;max-width:33px;border:1px solid #9baad3;border-radius:6px;font-style:normal;font-size:15px;background:#384975}.room-checkpoints .done{background:#83d8ac;border:2px solid #c6f6c9;color:#2c5944;font-size:14px;font-weight:800}.room-cosmetic-note{margin:16px 4px 20px;font-size:10px;color:#c9dbf7;line-height:1.8}.room-task-heading{display:flex;gap:13px;align-items:center}.room-task-heading>span{display:grid;place-items:center;width:50px;height:53px;flex:none;background:linear-gradient(#8ad4e3,#4c90bb);border:2px solid #b7eaf4;border-bottom:4px solid #36638e;border-radius:11px;font-size:29px}.room-task-heading h2{font-size:18px;margin:7px 0 0;line-height:1.25}.room-task-heading .tag{font-size:7px;letter-spacing:1px}.room-task.room-task-done{border-color:#9fe1b2;background:linear-gradient(120deg,#4d8b82,#436b91)}.room-task-done .primary:disabled{background:#709f95;border-color:#b0d7bb;color:#e2f7d8;opacity:1}.room-task .repair-prerequisite{font-size:10px;color:#ffe4ab;padding:9px 11px;border-left:3px solid #e3c06e;background:#d3b15a14}.basement-light-flicker{opacity:.14;animation:basement-light-fade 7s ease-in-out infinite}.water-drop{opacity:0;animation:pipe-drip 3.6s linear infinite}.drop-two{animation-delay:1.8s}.repaired-light-glow{opacity:.45}.room-task .primary{margin-top:7px}@keyframes pipe-drip{0%{opacity:0;transform:translateY(0)}12%{opacity:.85}86%{opacity:.65;transform:translateY(100px)}100%{opacity:0;transform:translateY(115px)}}@keyframes basement-light-fade{0%,25%,70%,100%{opacity:.1}40%,55%{opacity:.45}62%{opacity:.2}}@media(max-width:350px){.room-work-summary{grid-template-columns:90px minmax(0,1fr);gap:11px;padding:10px}.room-work-summary h2{font-size:18px}.room-work-summary p{font-size:9px}.room-task-heading{gap:10px}.room-task-heading h2{font-size:16px}.room-task-heading>span{width:43px;height:47px;font-size:25px}.room-choice button{font-size:10px}}@media(prefers-reduced-motion:reduce){.basement-light-flicker{animation:none;opacity:.15}.water-drop{animation:none;opacity:.6}.drop-two{transform:translateY(30px)}}
/* Only ready deliveries appear in the office; permanent controls stay below. */
.office-parcel{left:auto;right:4%;top:17%;width:17%;height:11%;min-height:51px;max-height:76px;transform:rotate(4deg)}.office-parcel.parcel-waiting{animation:ready-parcel-nudge 4s ease-in-out infinite}.office-parcel b{font-size:8px}.game-nav #upgrade-parcel-badge.queued-parcels{background:#71deff;border-color:#d9faff;color:#244a7c;box-shadow:0 2px #284378}.gear-links button{line-height:1.5}.second-monitor{pointer-events:none}@keyframes ready-parcel-nudge{0%,85%,100%{transform:rotate(4deg)}90%{transform:rotate(-2deg)}95%{transform:rotate(7deg)}}@media(prefers-reduced-motion:reduce){.office-parcel.parcel-waiting{animation:none}}
/* The faulty basement fitting changes the light across the room, not just the tube. */
.room-light-dimmer{position:absolute;inset:0;z-index:6;background:linear-gradient(120deg,#10162d,#061426);opacity:0;pointer-events:none;will-change:opacity}.faulty-office-light .room-light-dimmer{animation:room-light-fault 9s linear infinite}.faulty-office-light .basement-light-flicker{animation:failing-tube 9s linear infinite}@keyframes room-light-fault{0%,12%{opacity:.02}16%,23%{opacity:.42}27%,40%{opacity:.04}44%,53%{opacity:.55}58%,68%{opacity:.06}72%,79%{opacity:.3}84%,100%{opacity:.02}}@keyframes failing-tube{0%,12%{opacity:.08}16%,23%{opacity:.82}27%,40%{opacity:.12}44%,53%{opacity:.95}58%,68%{opacity:.16}72%,79%{opacity:.62}84%,100%{opacity:.08}}@media(prefers-reduced-motion:reduce){.faulty-office-light .room-light-dimmer{animation:none;opacity:.14}.faulty-office-light .basement-light-flicker{animation:none;opacity:.35}}
.card .rules-project-status{padding:11px 12px;background:#293c7055;border-left:3px solid #f0ca74;border-radius:5px;font-size:10px;line-height:1.7;color:#ffedbc;margin:12px 0}

.screen-heading{gap:4px;letter-spacing:.2px}.screen-email-total{margin-left:auto;white-space:nowrap;color:#c5e5d6;font-size:6px}.screen-email-total b{color:#fff3a8;font-size:8px;font-variant-numeric:tabular-nums;letter-spacing:0}@media(max-height:670px){.screen-email-total{font-size:5px}.screen-email-total b{font-size:6px}}

.parts-explainer{font-size:10px;line-height:1.6;color:#e7e7ff;margin:10px 0 0}.equipment-card .parts-explainer{font-size:10px}

.shop-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;position:sticky;top:0;z-index:3;padding:8px 0;background:#483da7}.shop-tabs button{min-height:44px;border:2px solid #afa4f0;border-radius:10px;background:#534c91;color:#fff;font:inherit;font-size:10px;font-weight:800;padding:6px 2px}.shop-tabs button.selected{background:linear-gradient(#fff176,#ffc640);border-color:#fff2a8;color:#493261;box-shadow:0 3px 0 #8d641e}.parts-guide{padding:18px;margin:16px 0;border:2px solid #8ee8ff;border-radius:14px;background:linear-gradient(135deg,#364586,#503d92)}.parts-guide h2{font-size:18px;color:#fff1af}.parts-guide li,.parts-guide p{font-size:12px;line-height:1.7;color:#e5e9ff}.parts-guide ol{padding-left:20px}.parts-guide li{margin:9px 0}.parts-guide b{color:#fff1af}

#panel-back{min-height:48px;min-width:92px;padding:8px 12px;border:2px solid #fff0a5;border-radius:14px;background:linear-gradient(#fff174,#ffbe3d);color:#49306b;font-size:17px;font-weight:900;box-shadow:0 4px 0 #96631e, inset 0 2px 0 #ffffbd}#panel-back span{font-size:12px}.panel-header{gap:8px}.panel-header h1{font-size:clamp(12px,3.6vw,19px)}.shop-art{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;margin-bottom:14px;background:radial-gradient(ellipse at center,#7760dc,#293c7b);border:2px solid #aa9bf2;border-radius:14px;min-height:135px;overflow:hidden}.shop-art>svg{height:100px;max-width:100%;width:240px}.shop-art b{font-size:12px;color:#fff07d;margin-top:8px}.shop-art small{font-size:10px;margin-top:5px;color:#e4ecff}.bundle-shop-art{flex-direction:row;gap:4px}.bundle-shop-art figure{margin:0;flex:1;min-width:0;text-align:center}.bundle-shop-art svg{width:100%;height:95px}.bundle-shop-art figcaption{font-size:9px;color:#fff3bf}.golden-shop-art>svg{filter:sepia(.7) saturate(1.6)}.parcel-shop-art>svg{height:145px}.upgrade-savings{height:14px;border:2px solid #a5e8ff;background:#282b69;border-radius:20px;overflow:hidden}.upgrade-savings span{display:block;height:100%;background:linear-gradient(#c5ff44,#58d735);transition:width .2s}.card .savings-caption{font-size:11px;margin:7px 0 15px;color:#e4eeff}@media(max-width:350px){#panel-back{min-width:77px;padding:8px;font-size:15px}.panel-header>span{font-size:10px}}
.collection-section-switcher{margin:0 0 24px;padding:15px;border:2px solid #b8abff;border-radius:18px;background:linear-gradient(130deg,#221c57,#34236c);box-shadow:0 5px 0 #22174b}.collection-section-switcher>.tag{display:block;color:#c9c2ff;font-size:9px;letter-spacing:1.8px;margin-bottom:12px}.collection-section-switcher .collection-section-tabs{margin:0;gap:6px;padding:5px;border-radius:12px;background:#171c46}.collection-section-switcher .collection-section-tabs button{min-height:50px;padding:10px 5px;border:0;border-radius:9px;background:transparent;box-shadow:none;color:#c3c7f4;font-size:11px}.collection-section-switcher .collection-section-tabs button.selected{background:#82e8ec;color:#24315b;box-shadow:0 2px 0 #3f999e}.room-choice-heading{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#fff0a4;margin:8px 0 10px}.room-choice-heading span{color:#cbd6fb;letter-spacing:0}.room-choice{padding:0 0 18px;border-bottom:1px solid #b4aef055}.room-choice button{border:1px solid #aaa6dc;background:#414b89;box-shadow:none;border-radius:9px;font-size:11px;min-height:52px}.room-choice button.selected{border:2px solid #ffe788;background:#5a528a;color:#fff1ab;box-shadow:inset 0 0 0 1px #ffe78833}.office-signature b{font-weight:inherit}
.opening-scene{position:fixed;inset:0;z-index:1000;background:radial-gradient(ellipse at 50% 15%,#6442b4,#171b3e 75%);display:flex;align-items:center;justify-content:center;padding:calc(14px + env(safe-area-inset-top)) 18px calc(14px + env(safe-area-inset-bottom));overflow:auto}.opening-scene[hidden]{display:none}.opening-content{width:100%;max-width:470px;animation:intro-copy .5s ease-out}.opening-top{display:flex;justify-content:space-between;gap:10px;font-size:8px;letter-spacing:1px;color:#e3d5ff;margin-bottom:14px}.opening-top b{color:#ffe6a7;font-size:8px}.opening-art{display:block;width:100%;height:min(34dvh,290px);border-radius:22px;border:2px solid #b6a1f1;box-shadow:0 8px 0 #211940;overflow:hidden}.opening-copy{padding:23px 3px 0}.opening-copy>.tag{font-size:9px;letter-spacing:1.3px;color:#94eef3}.opening-copy h1{font-size:clamp(23px,6.5vw,34px);line-height:1.12;color:#fff1b1;margin:12px 0}.opening-copy p{font-size:14px;line-height:1.65;color:#e3e4fb;margin:0 0 15px}.opening-copy .primary{width:100%;min-height:52px;margin-top:12px;font-size:14px}.opening-copy label{display:block;color:#fff2bd;font-size:12px;margin:12px 0 8px}.opening-copy input{width:100%;box-sizing:border-box;border:2px solid #98e8ec;border-radius:12px;padding:13px;background:#252e60;color:#fff;font:inherit;font-size:17px}.opening-copy small{display:block;color:#c2cbeb;font-size:10px;line-height:1.5}.opening-copy .company-error{color:#ffbea9;font-size:11px;margin:5px 0}.opening-skip{display:block;margin:12px auto 0;background:transparent;border:0;color:#c4c9e4;font-size:11px;padding:8px;text-decoration:underline}.intro-person{animation:intro-arrive 1.6s ease-out both}.intro-sun{animation:intro-sunrise 5s ease-out both}.intro-sparkles{animation:pulse 3s infinite}.scene-1 .intro-tower{animation:intro-rise 3s ease-out both;transform-origin:210px 275px}.scene-3 .intro-person{animation:intro-arrive 1.2s ease-out both}@keyframes intro-arrive{from{transform:translateX(-100px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes intro-sunrise{from{transform:translateY(50px);opacity:.4}to{transform:translateY(0);opacity:1}}@keyframes intro-rise{from{transform:scaleY(.8)}to{transform:scaleY(1)}}@keyframes intro-copy{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-height:700px){.opening-art{height:26dvh}.opening-copy{padding-top:14px}.opening-copy h1{font-size:24px;margin:8px 0}.opening-copy p{font-size:12px;line-height:1.5;margin-bottom:10px}.opening-copy .primary{min-height:44px}.opening-top{margin-bottom:8px}}@media(prefers-reduced-motion:reduce){.opening-content,.intro-person,.intro-sun,.intro-sparkles,.scene-1 .intro-tower{animation:none}}
.intro-arrival{animation:arrival-walk 2s ease-out both}.intro-door-left{animation:doors-left 2.5s .3s ease-in-out both}.intro-door-right{animation:doors-right 2.5s .3s ease-in-out both}.intro-entering{animation:walk-inside 3.5s .7s ease-in-out both}.intro-sign-rig{transform:translateY(100px)}.intro-sign-rig.sign-raised{animation:raise-company-sign 2.4s ease-in-out both}.sign-sparkles{animation:pulse 2.4s infinite}.intro-keyboard-handoff{animation:keyboard-handoff 3s .5s ease-in-out both}.janet-point{animation:janet-points 4s both;transform-origin:12px 15px}.intro-drip{animation:basement-drip 2s infinite}.intro-room-flicker{animation:intro-room-fault 9s infinite}.intro-faulty-tube{animation:intro-tube-fault 9s infinite}.parts-guide summary{font-size:13px;font-weight:800;color:#fff1af;cursor:pointer;padding:3px 0}.parts-guide:not([open]){padding:12px 16px}.screen-status:empty{display:none}.upgrade-savings{margin-bottom:14px}@keyframes arrival-walk{from{transform:translate(50px,200px)}to{transform:translate(100px,200px)}}@keyframes doors-left{0%,15%{transform:translateX(0)}65%,100%{transform:translateX(-103px)}}@keyframes doors-right{0%,15%{transform:translateX(0)}65%,100%{transform:translateX(103px)}}@keyframes walk-inside{0%,20%{transform:translate(200px,178px) scale(1);opacity:1}85%,100%{transform:translate(200px,146px) scale(.72);opacity:.18}}@keyframes raise-company-sign{from{transform:translateY(100px)}to{transform:translateY(0)}}@keyframes keyboard-handoff{0%,20%{transform:translate(145px,203px) rotate(-5deg)}80%,100%{transform:translate(90px,213px) rotate(0)}}@keyframes janet-points{0%,65%{opacity:0;transform:rotate(35deg)}80%,100%{opacity:1;transform:rotate(0)}}@keyframes basement-drip{0%{transform:translateY(0);opacity:0}15%{opacity:1}90%{transform:translateY(145px);opacity:1}100%{transform:translateY(150px);opacity:0}}@keyframes intro-room-fault{0%,20%,32%,60%,74%,100%{opacity:.02}24%,28%{opacity:.48}64%,70%{opacity:.35}}@keyframes intro-tube-fault{0%,20%,32%,60%,74%,100%{opacity:1}24%,28%{opacity:.08}64%,70%{opacity:.18}}@media(prefers-reduced-motion:reduce){.intro-arrival,.intro-door-left,.intro-door-right,.intro-entering,.intro-sign-rig.sign-raised,.sign-sparkles,.intro-keyboard-handoff,.janet-point,.intro-drip,.intro-room-flicker,.intro-faulty-tube{animation:none}.intro-sign-rig.sign-raised{transform:none}.intro-door-left{transform:translateX(-103px)}.intro-door-right{transform:translateX(103px)}.intro-room-flicker{opacity:.12}.intro-keyboard-handoff{transform:translate(90px,213px)}}
.reveal-card{animation:none}.reveal-card .steam,.reveal-card .plant{animation:none}.revealed-card .reveal-art{transform:none}.opened-parcel:before{animation:none}.second-reward-offer{padding:16px;margin:18px 0;border:2px solid #92eddf;border-radius:15px;background:linear-gradient(135deg,#314e83,#5e419b);text-align:center}.second-reward-offer h3{color:#fff0a2;font-size:20px;margin:9px 0 14px}.second-reward-offer>div{display:grid;grid-template-columns:1fr 1fr;gap:9px}.second-reward-offer button{font-size:12px;min-height:65px;padding:9px 6px}.second-reward-offer small{display:block;font-size:9px;font-weight:500;margin-top:6px}.career-status{padding:20px;border:3px solid #b0edfa;border-radius:17px;background:linear-gradient(125deg,#244e8f,#57339a);box-shadow:0 5px 0 #29275e;margin-bottom:18px}.career-status>div{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.career-status h2{font-size:25px;line-height:1.15;color:#fff3b4;margin:0}.career-status strong{white-space:nowrap;font-size:10px;background:#ffe273;color:#493165;border-radius:7px;padding:9px}.career-status p{margin:14px 0 0;color:#c8f4f3;font-size:12px}.room-work-image img,.office-preview img{animation:none;transition:none}.panel-open .room-light-dimmer,.panel-open .basement-light-flicker{animation-play-state:paused}.reveal-card.reward-chosen{box-shadow:0 5px 0 #284a56,0 0 0 3px #fff092;border-color:#fff092}
.unbox-heading p:empty{display:none}

@keyframes janet-points{0%,60%{opacity:1;transform:rotate(65deg)}85%,100%{opacity:1;transform:rotate(0)}}
.balance>div{min-width:0;flex:1}.balance-meta{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-bottom:3px}.balance-meta>small{font-size:6px;letter-spacing:.7px;white-space:nowrap;margin:0}.parts-wallet{display:flex;align-items:center;gap:3px;border:1px solid #a8daf0;background:#334874;border-radius:6px;padding:3px 5px;color:#d9f4ff;white-space:nowrap}.parts-wallet i{font-style:normal;font-size:10px}.parts-wallet>span{font-size:5px;letter-spacing:.6px}.parts-wallet b{font-size:10px;font-variant-numeric:tabular-nums;color:#fff3a8}.training-locked .parts-wallet{padding:3px 5px}.training-locked .balance-meta{gap:14px}@media(max-width:350px){.balance-meta{gap:3px}.balance-meta>small{font-size:5px}.parts-wallet{padding:2px 3px}.parts-wallet>span{display:none}}
.panel-wallet{text-align:right;flex-shrink:0}.panel-wallet>span{display:block;color:#b8ffd1;font-weight:800;font-size:13px;white-space:nowrap}.panel-wallet small{display:block;color:#d2eafa;font-size:7px;letter-spacing:.5px;margin-top:5px}.panel-wallet small b{color:#fff1a6;font-size:10px}
.office-gallery{margin:16px 0 22px}.office-gallery>.tag{display:block;margin-bottom:10px}.office-gallery-track{display:flex;gap:11px;overflow-x:auto;scroll-snap-type:x mandatory;padding:3px 3px 12px;overscroll-behavior-x:contain}.office-thumb{position:relative;flex:0 0 145px;scroll-snap-align:start;border:2px solid #9dafe8;border-radius:12px;padding:0 0 10px;background:#303769;color:#fff3bf;text-align:left;overflow:hidden;min-height:180px}.office-thumb img{width:100%;height:125px;object-fit:cover;display:block}.office-thumb b,.office-thumb small{display:block;margin:8px 9px 0;font-size:11px}.office-thumb small{font-size:9px;color:#d2dcf6;margin-top:4px}.office-locked img{filter:grayscale(1) brightness(.65)}.office-lock-banner,.office-open-banner{position:absolute;top:48px;left:0;width:100%;text-align:center;padding:9px 0;background:#15192ed9;color:white;font-size:12px;font-weight:900;letter-spacing:2px;pointer-events:none}.office-open-banner{top:100px;padding:5px 0;font-size:7px;background:#254a59df;color:#ccffe2;letter-spacing:1px}.office-tour-image{position:relative;border:2px solid #a2b8ec;border-radius:12px;overflow:hidden;margin-top:15px}.office-tour-image img{display:block;width:100%;height:260px;object-fit:cover}.office-tour-image .office-lock-banner{top:42%;font-size:20px}.office-tour-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px}.intro-cheerer{animation:colleague-jump .65s ease-in-out 5}.cheer-1{animation-delay:.2s}.firework{opacity:0;animation:sign-fireworks 1.4s ease-out 3}.firework-1{animation-delay:.4s}.firework-2{animation-delay:.8s}@keyframes colleague-jump{0%,100%{transform:translateY(0)}50%{transform:translateY(-22px) rotate(-4deg)}}@keyframes sign-fireworks{0%{opacity:0;transform:scale(.1)}20%{opacity:1}85%{opacity:1}100%{opacity:0;transform:scale(1.4)}}@keyframes walk-inside{0%,20%{transform:translate(200px,178px) scale(1);opacity:1}80%{transform:translate(200px,146px) scale(.72);opacity:1}85%,100%{transform:translate(200px,140px) scale(.65);opacity:0;visibility:hidden}}.opening-sound{padding:5px 7px;border:1px solid #b6a5e2;border-radius:7px;background:#353568;color:#fff;font-size:9px;white-space:nowrap}@media(prefers-reduced-motion:reduce){.intro-entering{opacity:0;visibility:hidden}.intro-cheerer,.firework{animation:none}.firework{opacity:1}}
.shop-tabs{display:flex;overflow-x:auto;scrollbar-width:thin}.shop-tabs button{flex:0 0 auto;min-width:78px;padding:8px}.resource-shop-art>span{font-size:54px}.daily-ad-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.daily-ad-actions button{font-size:11px}.daily-ad-card>small{display:block;font-size:10px;color:#d6e5ff;margin-top:12px}.event-strip{flex-shrink:0;max-height:70px;background:#25245d;border-top:2px solid #8277d3;padding:5px 9px;display:flex;gap:5px;align-items:center;overflow:auto}.event-strip[hidden]{display:none}.event-invitation{display:flex;align-items:center;width:100%;gap:10px;border:1px solid #a2f4df;border-radius:10px;padding:8px 11px;background:linear-gradient(100deg,#29766e,#4b3b8b);color:#fff}.event-invitation>span{font-size:20px}.event-invitation b{font-size:12px}.event-invitation small{margin-left:auto;font-size:10px;color:#fff3a6}.event-boost-chip{font-size:9px;color:#e5f8ff;white-space:nowrap;padding:7px;background:#3c537d;border-radius:8px}.event-boost-chip b{color:#ffef8f;margin-left:5px}.break-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.break-heading>b{padding:8px;background:#263669;border:1px solid #a4f0f0;border-radius:9px;color:#fff09e;font-size:20px}.break-game h2{font-size:24px}.break-game>p{font-size:12px;line-height:1.6}.break-game>.primary{width:100%;min-height:52px;margin-top:15px}.break-score{font-size:11px;color:#c1eee1;margin-bottom:12px}.paper-playfield{position:relative;height:190px;border-radius:15px;background:linear-gradient(#3e5288,#8577a2);overflow:hidden}.paper-bin{position:absolute;right:35px;top:27px;width:68px;height:89px;border:4px solid #b7d0db;background:repeating-linear-gradient(90deg,#506e80 0 8px,#7893a1 8px 11px);border-radius:5px 5px 17px 17px;transform:perspective(200px) rotateX(-5deg)}.paper-bin:before{content:'';position:absolute;top:-8px;left:-8px;right:-8px;height:16px;border-radius:50%;background:#243a50;border:4px solid #cadce1}.paper-bin b{position:absolute;bottom:24px;left:0;width:100%;text-align:center;font-size:10px;color:#fff1b8}.paper-ball{position:absolute;left:45px;bottom:24px;width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#f5f0df;box-shadow:inset -5px -4px 0 #c1c3c9;color:#8b95a8;font-size:35px}.ball-thrown{animation:paper-throw .55s ease-out both}.throw-feedback{color:#ffe995;text-align:center;font-size:12px}.paper-playfield>.throw-feedback{position:absolute;left:0;bottom:5px;width:100%;font-size:10px}.event-aim{position:relative;height:25px;margin-top:12px;border:2px solid #c1c4ee;border-radius:20px;background:#313863;overflow:hidden}.aim-green{position:absolute;left:34%;width:32%;height:100%;background:#76eaae}.event-aim>i{position:absolute;left:0;height:100%;width:6px;background:#fff1a7;transform:translateX(-3px);box-shadow:0 0 4px #17194e}.coffee-playfield{height:190px;position:relative;display:grid;place-items:center;border-radius:15px;background:linear-gradient(#51518b,#82719b)}.coffee-spout{position:absolute;left:12px;top:10px;font-size:30px}.coffee-cup{position:relative;width:100px;height:130px;border:5px solid #f8e8c1;border-top-width:3px;border-radius:5px 5px 24px 24px;overflow:hidden;background:#29334d}.coffee-cup:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#ffffff20,transparent 35%)}#coffee-fill{position:absolute;bottom:0;left:0;right:0;height:0;background:linear-gradient(#bf945b,#7c4d37)}.coffee-target{position:absolute;bottom:70%;height:18%;left:0;right:0;border-top:2px dashed #8bffd0;border-bottom:2px dashed #8bffd0;background:#76ffd63b}.coffee-cup>span{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-weight:800;text-shadow:0 2px 2px #17213e}.sorting-mail{background:linear-gradient(135deg,#e9edff,#a7d8eb);color:#253466;border:3px solid #f8e7b6;border-radius:15px;padding:25px 17px;text-align:center;min-height:140px}.sorting-mail>span{font-size:9px;letter-spacing:2px}.sorting-mail h3{font-size:23px;line-height:1.3;margin:22px 0}.sorting-mail small{font-size:11px}.sorting-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.sorting-actions button{min-height:50px}.break-game>.text-button{display:block;margin:12px auto 0}.event-prize{padding:12px;border:1px solid #a8f1cc;border-radius:10px;color:#d6ffe8!important;background:#284b64}.break-result{text-align:center}.break-result-icon{font-size:65px;padding:15px}.practice-break{display:block;width:100%;margin:12px 0}.intro-outside{animation:approach-door 4.6s linear both}.intro-entering{animation:enter-after-door 4.6s linear both}.cheer-2,.cheer-5{animation-delay:.1s}.cheer-3,.cheer-6{animation-delay:.3s}.cheer-4,.cheer-7{animation-delay:.2s}@keyframes approach-door{0%,42%{transform:translate(200px,205px);opacity:1}58%{transform:translate(200px,178px);opacity:1}59%,100%{transform:translate(200px,178px);opacity:0;visibility:hidden}}@keyframes enter-after-door{0%,58%{transform:translate(200px,178px) scale(1);opacity:0;visibility:hidden}59%{transform:translate(200px,178px) scale(1);opacity:1;visibility:visible}90%{transform:translate(200px,146px) scale(.72);opacity:1}96%,100%{transform:translate(200px,140px) scale(.65);opacity:0;visibility:hidden}}@keyframes paper-throw{0%{transform:translate(0,0) scale(1)}50%{transform:translate(80px,-140px) scale(.75)}100%{transform:translate(160px,-70px) scale(.4);opacity:0}}@media(prefers-reduced-motion:reduce){.intro-outside{display:none}.intro-entering{opacity:0;visibility:hidden}.ball-thrown{animation:none;opacity:0}}
.ball-miss{animation-name:paper-miss}@keyframes paper-miss{0%{transform:translate(0,0) scale(1)}50%{transform:translate(100px,-110px) scale(.75)}100%{transform:translate(220px,10px) scale(.5);opacity:0}}@media(prefers-reduced-motion:reduce){.ball-miss{animation:none}}
/* Gesture-driven office breaks */
#touch-game{display:block;width:min(100%,calc(52dvh * 400 / 460));height:auto;max-height:none;object-fit:contain;border:3px solid #98dfff;border-radius:20px;touch-action:none;user-select:none;background:#142b52;box-shadow:0 8px 0 #172543;margin:12px auto}.break-game h2{margin:10px 0}.break-game>p{margin:8px 0;font-size:14px}.break-score{font-weight:800;color:#ffec9f}.break-game .text-button{padding:12px}
.parcel-cut-modal{text-align:center}.parcel-cut-modal h2{color:#ffe99b}.parcel-cut-modal p{font-size:14px;color:#d5edff}#parcel-cutter{width:100%;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab;border-radius:22px;background:radial-gradient(ellipse at center,#6857ac,#27375d);overflow:hidden}#parcel-cutter:active{cursor:grabbing}#parcel-cutter svg{width:100%;display:block}.cutter-lid{transform-origin:200px 140px;transition:transform .6s cubic-bezier(.2,.8,.3,1),opacity .6s}.tape-opened .cutter-lid{transform:translateY(-45px) rotate(-12deg);opacity:.2}.tape-opened #box-cutter{opacity:0}@media(prefers-reduced-motion:reduce){.cutter-lid{transition:none}}
/* Keep the interactive hardware inside the same desktop coordinate system. */
#office .desk-keyboard{left:16.5%;top:70%;width:63%;height:12.3%;min-height:36px;max-height:none;transform:perspective(600px) rotateX(7deg);transform-origin:center center;box-shadow:0 3px 0 #455363,0 5px 5px #15273555;padding-bottom:6px}
#office .desk-keyboard:active,#office .desk-keyboard.typing{transform:perspective(600px) rotateX(7deg) translateY(2px);box-shadow:0 1px 0 #455363,0 3px 4px #15273555}
#office .desk-keyboard[data-gear="quiet_keys"]{box-shadow:0 3px 0 #688e7c,0 5px 5px #162e4244}
#office .desk-keyboard[data-gear="mech_keys"]{box-shadow:0 3px 0 #30425f,0 4px 0 #d4a3ed,0 6px 6px #14233666}
#office .desk-keyboard[data-gear="exec_keys"]{box-shadow:0 3px 0 #38233d,0 5px 0 #bd9457;padding-top:7px}
#office .monitor-screen{left:23.2%;top:36.4%;width:54.6%;height:23.8%;padding:5px 6px}
#office .office-signature{left:31%;top:87%;bottom:auto;width:38%;padding:2px 4px;font-size:6px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:1px solid #e1bd84;border-radius:3px;background:linear-gradient(#6b5948,#473f37);color:#f9dfaa;box-shadow:0 1px 2px #281e2d55;letter-spacing:.6px}
.office-signature span{display:none}
#office .keyboard-caption{top:auto;bottom:1.6%;left:7%;width:86%;min-height:23px;padding:5px 8px;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #bac7ca55;border-radius:9px;background:#1e3247e8;box-shadow:0 2px 5px #17243422}
#office .keyboard-caption b{font-size:clamp(8px,2.1vw,11px);line-height:1.2;text-shadow:none;color:#fff0c7}
#office .keyboard-caption small{margin:0;font-size:clamp(6px,1.65vw,9px);line-height:1.3;color:#d4e7e9;text-shadow:none}
@media(max-height:670px){#office .desk-keyboard{gap:2px;padding:3px 4px 5px}#office .desk-keyboard[data-gear="exec_keys"]{padding-top:5px}#office .keyboard-caption{padding:3px 6px;min-height:19px;gap:6px}#office .office-signature{font-size:5px;padding:1px 3px}#office .monitor-screen{padding:3px 4px}}
.upgrade-section-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:9px 12px 11px;background:#25205c;border-bottom:2px solid #8a76ca;flex-shrink:0}.upgrade-section-nav button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:58px;padding:5px 2px;border:2px solid #7772ae;border-radius:10px;background:#443e80;box-shadow:0 3px 0 #171a40;color:#d8d9ef}.upgrade-section-nav button>span{font-size:21px;line-height:1}.upgrade-section-nav button>b{font-size:10px;line-height:1.2}.upgrade-section-nav button.selected{color:#503612;border-color:#fff3b0;background:linear-gradient(#fff59d,#ffc644);box-shadow:0 3px 0 #b27c27,inset 0 2px #fff8d0}.upgrade-section-nav i{position:absolute;right:-3px;top:-5px;font-size:10px;font-style:normal;font-weight:800;background:#ee4d88;color:#fff;min-width:18px;height:18px;display:grid;place-items:center;border-radius:50%;border:1px solid #ffe9b9}.coffee-gear-summary{display:flex;align-items:center;gap:14px;background:linear-gradient(120deg,#74508c,#384f89);padding:16px;border:2px solid #bea1db;border-radius:14px;margin:14px 0}.coffee-gear-summary>span{font-size:40px}.coffee-gear-summary h2{font-size:19px;color:#fff0b8;margin:5px 0}.gear-tree-details{padding:12px 0;margin:0 0 12px}.gear-tree-details>summary{cursor:pointer;padding:12px;background:#3a397c;border:1px solid #9396c9;border-radius:9px;color:#e5e9ff;font-size:12px;font-weight:700}.gear-tree-details .gear-tree{margin-top:12px}.coffee-equipment-grid{grid-template-columns:1fr}
@media(max-width:350px){.upgrade-section-nav{padding:7px 8px 9px;gap:4px}.upgrade-section-nav button>b{font-size:8px}.upgrade-section-nav button{min-height:53px}}
/* Readable mission cards, with the current action kept outside the popup. */
.tutorial-panel{padding:16px 17px;max-height:42%;border:3px solid #e1c5ff;border-bottom:6px solid #332164;background:linear-gradient(135deg,#8050b6,#39347e);box-shadow:0 0 0 4px #241b4855,0 9px 30px #101a3b99}.tutorial-top{font-size:10px;letter-spacing:.4px;margin-bottom:10px;gap:8px;font-weight:800}.tutorial-top>span:last-child{white-space:nowrap}.tutorial-body{gap:12px;align-items:flex-start}.tutorial-icon{width:43px;height:43px;min-width:43px;border-radius:13px;display:grid;place-items:center;font-size:25px;background:linear-gradient(#ffe99a,#e7ac46);color:#533375;border:2px solid #fff3ba;box-shadow:0 4px #523171}.tutorial-body h2{font-size:19px;line-height:1.25;margin:0 0 8px}.tutorial-body p{font-size:14px;line-height:1.5;color:#fff4e1}.mission-progress{height:9px;border-radius:8px;overflow:hidden;background:#211e50;border:1px solid #aaa3e1;margin-bottom:14px}.mission-progress>span{display:block;height:100%;background:linear-gradient(90deg,#85e642,#caff79);border-radius:6px;transition:width .25s}.training-wait{font-size:11px;color:#ffe8a0;font-weight:800}.training-footer{margin-top:13px}.training-dots{display:none}.training-safe{font-size:10px;line-height:1.3;margin-top:8px;color:#d7d3ee}.training-return{font-size:12px}.opening-copy h1{overflow-wrap:anywhere;word-break:normal}.intro-cheerer{animation-duration:.85s;animation-iteration-count:4}.cheer-1{animation-delay:.14s}.cheer-2{animation-delay:.26s}.cheer-3{animation-delay:.08s}.cheer-4{animation-delay:.36s}.cheer-5{animation-delay:.18s}.cheer-6{animation-delay:.3s}.cheer-7{animation-delay:.22s}
.parcel-bonus{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin:10px auto;padding:10px 13px;max-width:380px;background:#204f57;border:2px solid #9ef2c9;border-radius:12px;color:#e6ffd3}.parcel-bonus>span{font-size:8px;letter-spacing:1px}.parcel-bonus>b{font-size:15px}.parcel-bonus i{font-style:normal;color:#9bddc5;margin:0 5px}.parcel-extra-preview{color:#fff3b5;font-size:12px;margin:0 0 16px}
.delivery-arrival{position:fixed;inset:0;z-index:120;background:#15203dbb;backdrop-filter:blur(5px);display:grid;place-items:center;padding:20px}.arrival-card{position:relative;width:min(100%,440px);padding:24px 14px 14px;border:3px solid #e8ce8d;border-bottom:7px solid #3b285f;border-radius:22px;background:linear-gradient(135deg,#7954b5,#344683);box-shadow:0 16px 70px #111b3d99;text-align:center;overflow:hidden}.arrival-card h2{font-size:25px;color:#fff1b0;margin:12px 0 16px}.arrival-card svg{width:100%;border:2px solid #b5dbe7;border-radius:14px;display:block}.arrival-skip{border:0;background:#2b285a;color:#ece3ff;border-radius:7px;padding:6px 9px;font-size:11px;margin:0 0 12px auto;display:block}.arrival-caption{font-size:14px;color:#e2efff}.arrival-street{animation:arrival-street 3.8s both}.delivery-lorry{animation:lorry-drive 1.1s both;transform-origin:100px 235px}.delivery-courier{animation:courier-walk 1.9s both}.arrival-desk{animation:arrival-desk 3.8s both}.desk-delivered-box{animation:parcel-land 3.8s both;transform-origin:300px 200px}.arrival-stars{animation:parcel-stars 3.8s both}.training-locked #delivery-arrival button{pointer-events:auto}@keyframes lorry-drive{0%{transform:translateX(-240px)}70%{transform:translateX(0)}83%{transform:translateY(-3px)}100%{transform:translateY(0)}}@keyframes courier-walk{0%,45%{opacity:0;transform:translateX(-40px)}55%{opacity:1}90%{opacity:1;transform:translateX(58px)}100%{opacity:0;transform:translateX(75px)}}@keyframes arrival-street{0%,46%{opacity:1}56%,100%{opacity:0}}@keyframes arrival-desk{0%,46%{opacity:0}56%,100%{opacity:1}}@keyframes parcel-land{0%,54%{opacity:0;transform:translateY(-120px) rotate(-12deg)}64%{opacity:1;transform:translateY(0) rotate(0)}69%{transform:translateY(-7px) rotate(3deg)}75%,100%{opacity:1;transform:none}}@keyframes parcel-stars{0%,65%{opacity:0}75%,100%{opacity:1}}
.coach-tip{position:absolute;z-index:8;top:11%;left:5%;width:90%;padding:13px;border:2px solid #ffe8a0;border-radius:15px;background:linear-gradient(130deg,#65509cf5,#263e72f5);box-shadow:0 6px 0 #24265a66}.coach-tip>div{display:flex;align-items:flex-start;gap:10px}.coach-icon{font-size:30px}.coach-tip h3{font-size:17px;color:#fff1ad;line-height:1.25;margin:5px 0}.coach-tip p{font-size:13px;line-height:1.4;color:#eef4ff;margin:6px 0}.coach-tip .tag{font-size:9px}.coach-tip footer{display:flex;gap:8px;align-items:center;margin-top:10px}.coach-tip .primary{font-size:12px;padding:9px 12px;margin:0;min-height:36px}.coach-tip .text-button{font-size:12px;padding:8px;margin:0}
@media(max-height:650px){.tutorial-panel{padding:12px 13px}.tutorial-body h2{font-size:17px}.tutorial-body p{font-size:13px}.tutorial-top{font-size:9px}.tutorial-icon{width:36px;height:36px;min-width:36px;font-size:22px}.mission-progress{margin-bottom:9px}.training-safe{display:none}.arrival-card h2{font-size:21px}.coach-tip{top:8%;padding:10px}}
@media(prefers-reduced-motion:reduce){.arrival-street{display:none}.arrival-desk,.desk-delivered-box,.arrival-stars{animation:none;opacity:1}.delivery-lorry,.delivery-courier{animation:none}.mission-progress>span{transition:none}}
.office-announcement{position:absolute;z-index:12;left:4%;top:1.4%;width:92%;height:33%;max-height:205px;display:grid;grid-template-columns:76px minmax(0,1fr);gap:10px;padding:10px 12px 10px 5px;overflow:hidden;border:3px solid #ffe7a1;border-bottom:5px solid #3b286a;border-radius:17px;background:linear-gradient(120deg,#7556b8f7,#314a86fa);box-shadow:0 6px 12px #15203955}.visit-art{display:flex;align-items:flex-end;justify-content:center;min-height:0;overflow:hidden}.colleague-portrait{width:100%;max-height:140px}.visit-copy{display:flex;flex-direction:column;justify-content:center;min-width:0;min-height:0}.visit-tag{font-size:9px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:#bdebf5}.visit-copy h2{font-size:17px;line-height:1.15;color:#fff1b6;margin:5px 0}.visit-copy p{font-size:13px;line-height:1.3;color:#f4edff;margin:3px 0 7px}.visit-actions{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:3px}.visit-actions .primary{width:auto;min-height:30px;padding:7px 10px;margin:0;font-size:11px;border-radius:9px}.visit-dismiss{border:0;background:transparent;color:#e9e2ff;text-decoration:underline;padding:7px 4px;font-size:11px}.visit-reward{font-size:11px;color:#b8ffaf}.visit-progress{width:100%;height:8px;overflow:hidden;border-radius:5px;background:#24244f}.visit-progress>span{display:block;height:100%;background:#a6fa58;transition:width .15s}#colleague-timer{font-size:11px;color:#ffe89b}#office.has-office-event .room-title,#office.has-office-event .office-parcel{opacity:0;pointer-events:none}#office.has-office-event .payday-alert{top:61.5%;padding:6px 9px;font-size:10px}.break-visit{position:relative;align-items:center;flex-direction:column}.break-visit>span{font-size:48px;filter:drop-shadow(0 4px 0 #33295a)}.break-visit>i{font-size:22px;color:#fff199;position:absolute;top:10%;right:0}.colleague-enter{animation:colleague-approach .65s cubic-bezier(.2,.8,.3,1) both}.colleague-prop{transform-origin:8px 25px;animation:colleague-prop 1.8s ease-in-out 3}.colleague-laptop{animation:colleague-screen 1s ease-in-out 3}.colleague-biscuit{transform-origin:-24px 24px;animation:colleague-prop 1.8s ease-in-out 3}.colleague-portrait.biscuit.result .colleague-biscuit{animation:biscuit-pass .8s ease-out both}@keyframes colleague-approach{from{transform:translateX(-85px);opacity:0}to{transform:none;opacity:1}}@keyframes colleague-prop{50%{transform:rotate(-9deg)}}@keyframes colleague-screen{50%{opacity:.5}}@keyframes biscuit-pass{to{transform:translate(30px,25px) scale(.65);opacity:0}}
@media(max-height:700px){.office-announcement{grid-template-columns:60px minmax(0,1fr);gap:7px;padding:7px 9px 7px 3px}.visit-copy h2{font-size:15px;margin:3px 0}.visit-copy p{font-size:12px;margin:2px 0 4px}.visit-tag{font-size:8px}.visit-actions .primary,.visit-dismiss{font-size:10px;padding:5px 7px;min-height:26px}.break-visit>span{font-size:36px}}
@media(prefers-reduced-motion:reduce){.colleague-enter,.colleague-prop,.colleague-laptop,.colleague-biscuit{animation:none}.visit-progress>span{transition:none}}
#office{container-type:size;container-name:office-room}@container office-room (max-height:340px){.office-announcement{grid-template-columns:50px minmax(0,1fr);padding:5px 7px 5px 2px;gap:6px}.visit-copy h2{font-size:14px;margin:2px 0}.visit-copy p{font-size:11px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:2px 0 3px}.visit-tag{font-size:8px}.visit-actions{gap:4px;margin-top:2px}.visit-actions .primary,.visit-dismiss{font-size:9px;padding:4px 6px;min-height:23px}.visit-reward,#colleague-timer{font-size:10px}.break-visit>span{font-size:32px}}
/* Timed colleague races: both lanes remain mounted throughout the sprint. */
.race-label{display:flex;justify-content:space-between;width:100%;font-size:10px;line-height:1.2;color:#f8eece}.race-working .visit-actions{display:grid;grid-template-columns:1fr;gap:3px;width:100%}.race-working h2{font-size:15px;margin:3px 0}.race-target{font-size:11px;color:#fff19e}.race-working .visit-reward{font-size:10px;margin-bottom:3px}.opponent-progress>span{background:linear-gradient(90deg,#ffad69,#f477bd);transition:none}.race-offered p{margin-bottom:3px}.race-offered .visit-reward{font-size:10px;line-height:1.2;margin-top:3px}.social-boost{font-size:10px}.event-strip{flex-wrap:wrap}
@container office-room (max-height:340px){.race-working h2{display:none}.race-working .visit-actions{gap:2px}.race-label{font-size:9px}.race-working .visit-reward,.race-offered .visit-reward{font-size:9px;line-height:1.15}.race-target{font-size:10px}.race-offered p{display:none}.race-working .visit-progress{height:6px}}
.race-offered p{display:none}.race-offered h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px;margin:3px 0}.race-working h2{display:none}.race-working .visit-reward{line-height:1.15}.colleague-cover .key-row span:nth-child(3n){animation:cover-key .5s ease-in-out infinite alternate}.colleague-cover{filter:drop-shadow(0 0 6px #a6ffc9)}@keyframes cover-key{to{opacity:.65}}@media(prefers-reduced-motion:reduce){.colleague-cover .key-row span:nth-child(3n){animation:none}}
.playtest-welcome h2,.playtest-feedback h2{font-size:26px;color:#ffe99c;margin:10px 0}.playtest-small{font-size:13px!important;line-height:1.5!important;color:#d9d7eb}.playtest-welcome .primary,.playtest-welcome .secondary{font-size:14px;padding:15px;min-height:48px}.playtest-welcome details{font-size:12px;color:#d9d7eb;margin-top:14px}.playtest-welcome summary{cursor:pointer;padding:10px 0}.playtest-feedback label{display:block;font-size:14px;font-weight:700;margin-top:12px}.playtest-feedback label small{font-weight:400;color:#bfc5da}.playtest-feedback textarea,.playtest-feedback select{display:block;box-sizing:border-box;width:100%;font:16px system-ui;color:#f4f1ff;background:#222b51;border:2px solid #a4a0ce;border-radius:10px;padding:10px;margin-top:6px;resize:vertical}.playtest-feedback textarea:focus,.playtest-feedback select:focus{outline:3px solid #ffe389;outline-offset:2px}#pt-status,#pt-privacy-status{font-size:14px;color:#ffeaa3}
.game-settings h2{color:#fff0ac;margin-top:0}.settings-toggle{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:14px 0;font-size:17px;font-weight:700}.setting-switch{min-width:75px;min-height:44px;border:2px solid #b8b6e4;border-radius:24px;background:#37395b;color:#eee;font:700 15px system-ui}.setting-switch.on{background:#78efbc;color:#193743;border-color:#c0ffe2}.settings-slider{display:flex;justify-content:space-between;font-size:14px;color:#ebe8ff;margin-top:15px}.game-settings input[type=range]{width:100%;height:38px;accent-color:#a1f677;margin-bottom:15px}.game-settings .secondary{min-height:46px}.reset-setting{color:#ffd0cf!important;min-height:44px}
/* Active effects stay readable at a glance without covering the desk controls. */
.event-strip{max-height:136px;padding:7px 10px;gap:7px;background:#201b47}.event-boost-chip{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px 12px;flex:1 1 220px;white-space:normal;border:2px solid #adf688;border-radius:12px;padding:8px 12px;background:linear-gradient(110deg,#2b675c,#3e3e80);box-shadow:0 3px 0 #10182f}.event-boost-chip strong{display:block;font-size:14px;line-height:1.2;color:#fff8ce}.boost-tag{display:block;font-size:8px;letter-spacing:1px;font-weight:900;color:#b9ffcc;margin-bottom:3px}.event-boost-chip b.boost-countdown{font-size:28px;font-weight:900;line-height:1;letter-spacing:.6px;color:#fff09d;font-variant-numeric:tabular-nums;margin:0}.boost-time-track{grid-column:1/-1;height:5px;background:#15243e;border-radius:8px;overflow:hidden}.boost-time-track i{display:block;height:100%;background:#b8fc71;transition:width .8s linear}.boost-penalty{border-color:#f5be91;background:linear-gradient(110deg,#7b4b56,#514076)}.boost-penalty .boost-tag{color:#ffe1bf}.boost-penalty .boost-time-track i{background:#ffb987}@media(max-height:700px){.event-boost-chip{padding:6px 10px}.event-boost-chip strong{font-size:12px}.event-boost-chip b.boost-countdown{font-size:24px}}@media(prefers-reduced-motion:reduce){.boost-time-track i{transition:none}}

/* Tutorial delivery focuses on the real, full-height parcel and its open action. */
body[data-training-step="parcel"] .parcel-bay{display:none}body[data-training-step="parcel"] .delivery-card{height:auto;min-height:300px;contain:none}body[data-training-step="parcel"] .delivery-card .primary{min-height:48px}body[data-training-step="parcel"] .delivery-card:before,body[data-training-step="parcel"] .delivery-card:after{pointer-events:none}

/* Menu missions occupy their own row, above the content they describe. */
#game-panel>.tutorial-panel.inline-coach{position:relative;inset:auto;left:auto;bottom:auto;transform:none;width:auto;max-width:none;max-height:34%;flex:0 0 auto;margin:12px 14px;padding:12px 14px;box-shadow:0 4px 0 #241b4855;backdrop-filter:none}
.inline-coach .tutorial-body h2{font-size:17px}.inline-coach .tutorial-body p{font-size:13px;line-height:1.45}.inline-coach .mission-progress{margin-bottom:10px}.inline-coach .training-footer{margin-top:9px}
/* Keep long titles and horizontal office galleries inside the phone viewport. */
.game-panel,.panel-scroll,.panel-scroll>section{min-width:0;width:100%;max-width:100%}
.panel-scroll{overflow-x:hidden}
.panel-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;min-width:0}
.panel-header h1{min-width:0;overflow-wrap:anywhere;line-height:1.2}
.panel-wallet{min-width:0;white-space:nowrap}
#decor-panel>*{min-width:0;max-width:100%}
.office-gallery,.office-gallery-track{min-width:0;max-width:100%}
.office-gallery-track{width:100%;touch-action:pan-x pan-y}
.room-choice button,.room-work-summary>div,.room-task-heading>div{min-width:0;overflow-wrap:break-word}
.room-checkpoints{flex-wrap:wrap}
.game-nav i{min-width:20px;width:auto;height:20px;padding:0 5px;right:4%;top:-7px;font-size:11px;z-index:2;pointer-events:none}
@media(max-width:380px){.panel-header{gap:6px;padding-left:10px;padding-right:10px}.panel-header h1{font-size:13px}.panel-wallet{font-size:12px}.room-work-summary{grid-template-columns:80px minmax(0,1fr);gap:10px;padding:10px}.room-work-summary h2{font-size:18px}.room-checkpoints{gap:4px}.room-choice-heading{font-size:9px;letter-spacing:.5px}}

.upgrade-section-nav i{padding:0 5px;min-width:20px;height:20px;right:2px;top:-6px;font-size:11px;pointer-events:none;box-shadow:0 2px #7f285f;z-index:2}

/* Ready parcels sit just above the monitor's right corner, clear of salary. */
#office .office-parcel{top:27%;right:3%;width:15%;height:10%;min-height:45px;max-height:65px;z-index:7;transform:rotate(3deg)}
#office.has-office-event .office-parcel{opacity:1;pointer-events:auto}