*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#101c2d;color:#eef5fa;font-family:system-ui,Segoe UI,Arial;overscroll-behavior:none;touch-action:pan-x pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}button,input,select,a{font:inherit}button,a{touch-action:manipulation}button{border:1px solid #526174;border-radius:12px;background:#23364d;color:#fff;padding:10px 14px;cursor:pointer;min-height:44px;font-weight:700}button:hover{filter:brightness(1.15)}button:focus-visible,a:focus-visible{outline:3px solid #ffd052;outline-offset:3px}input,select{width:100%;min-height:44px;background:#102033;color:#fff;border:1px solid #526174;border-radius:10px;padding:8px;font-size:16px;user-select:text;-webkit-user-select:text;touch-action:manipulation}p{line-height:1.5}canvas{display:block;width:100%;height:100%;touch-action:none}#tools{position:fixed;right:max(12px,env(safe-area-inset-right));top:max(10px,env(safe-area-inset-top));display:flex;align-items:center;gap:6px;z-index:30}#tools button{padding:6px 10px;font-size:12px}#tools a{color:#bdd7eb;font-size:11px;padding:8px}#hud{position:fixed;top:max(10px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));z-index:3;display:none;align-items:center;gap:12px;padding:8px 12px;border:1px solid #3a5266;border-radius:14px;background:#101c2de8;font-size:13px}#hud button{font-size:12px;padding:5px 9px}#hud strong{color:#ffd052}#toast{position:fixed;left:50%;top:85px;transform:translateX(-50%);background:#ffd052;color:#172235;font-weight:800;padding:12px 20px;border-radius:12px;z-index:25;max-width:90vw;text-align:center;opacity:0;pointer-events:none;transition:opacity .2s}#toast.show{opacity:1}#splash{position:fixed;inset:0;background:radial-gradient(ellipse at 50% 25%,#274963,#101c2d 65%);display:flex;align-items:center;justify-content:center;overflow:auto;z-index:10;padding:75px 16px 24px;touch-action:pan-y}#city{position:fixed;inset:0;overflow:hidden;pointer-events:none}.band{position:absolute;left:-50vw;width:200vw;white-space:nowrap;opacity:.15;animation:pan 48s linear infinite}.band span{font-size:90px;letter-spacing:20px}.b1{top:5%}.b2{top:30%;animation-direction:reverse;animation-duration:38s}.b3{top:56%;animation-duration:29s}.b4{top:80%;animation-direction:reverse;animation-duration:20s}@keyframes pan{to{transform:translateX(-50vw)}}.walker{position:fixed;font-size:52px;pointer-events:none;z-index:0}.bubble{position:fixed;background:#ffd052;color:#172235;border-radius:12px;padding:7px 12px;font-size:12px;pointer-events:none;z-index:0;white-space:nowrap;transform:translate(-50%,-100%)}#splash .wrap{position:relative;z-index:1;width:min(720px,100%);padding:24px 32px;background:#101c2de8;border:1px solid #527187;border-radius:24px;text-align:center;box-shadow:0 24px 100px #0007}#splash h1{font-size:clamp(30px,5vw,60px);letter-spacing:-2px;margin:0;color:#ffd052;display:flex;justify-content:center;align-items:center;gap:8px}.duck{display:inline-block;animation:wobble 2s ease-in-out infinite}@keyframes wobble{50%{transform:rotate(-14deg) translateY(-7px)}}.sub{font-weight:800;color:#ffd052;letter-spacing:3px;text-transform:uppercase}.cta{font-size:14px;color:#c5d6e2;margin-top:14px}.howto{border-top:1px solid #41546a;border-bottom:1px solid #41546a;margin:18px 0;padding:12px;font-size:14px}.howto p{margin:7px 0}.howto small{color:#b7c6d5}.settings{display:grid;grid-template-columns:1fr 1fr;gap:14px;text-align:left}.settings label{font-size:12px;color:#bacbdb}.settings select{margin-top:6px}#startBtnSplash,#startBtn,.primary{background:#ffd052;color:#142336;border:0;padding:13px 22px;font-weight:850;margin-top:14px}.muted{font-size:12px;color:#9fb7c9}.overlay,#picker{position:fixed;inset:0;z-index:20;background:#07111dee;display:flex;align-items:center;justify-content:center;padding:70px 16px 20px;overflow:auto;touch-action:pan-y}.overlay[hidden]{display:none}.panel{background:#17283c;border:1px solid #526b80;border-radius:22px;padding:24px;width:min(700px,100%);max-height:100%;overflow:auto;touch-action:pan-y}.panel h1,.panel h2{margin:0 0 8px}.panel .sub{font-size:12px;letter-spacing:0;text-transform:none;color:#b5cbdc}.bases{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0 12px}.cardBase{background:#213a50;border:2px solid transparent;border-radius:12px;text-align:center;padding:12px;cursor:pointer}.cardBase.selected,.toneBtn.selected{border-color:#ffd052;background:#3c483d}.emoji{font-size:52px}.label{font-size:12px}.toneStrip{display:flex;justify-content:center;gap:8px}.toneBtn{font-size:27px;padding:6px;min-width:46px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.fieldX label{display:block;font-size:12px;color:#b5cbdc;margin-bottom:5px}.preview{display:flex;align-items:center;justify-content:center;font-size:13px;background:#0c1c2c;border-radius:12px}#previewEmoji{font-size:50px}.actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:14px}.actions .btn{margin:0}.actions .secondary{background:#283f55}.panel li{margin:9px 0;line-height:1.5}.badge{padding:14px;background:#102033;border-left:4px solid #ffd052;border-radius:8px}.stats{display:flex;gap:16px;flex-wrap:wrap;color:#ffd052;font-weight:700}#desktopHint{display:none;position:fixed;bottom:12px;left:50%;transform:translateX(-50%);background:#101c2ddd;border:1px solid #384e61;border-radius:10px;padding:9px 14px;font-size:12px;white-space:nowrap;pointer-events:none}#touchControls{display:none;position:fixed;bottom:max(12px,env(safe-area-inset-bottom));left:max(15px,env(safe-area-inset-left));right:max(15px,env(safe-area-inset-right));justify-content:space-between;align-items:end;z-index:4;pointer-events:none}#movePad,#throwPad{position:relative;width:132px;height:132px;border-radius:50%;border:2px solid #9fb4c077;background:#102033b5;display:grid;place-items:center;touch-action:none;pointer-events:auto}#movePad span{font-size:9px;position:absolute;bottom:12px;color:#c3d1dc}#moveKnob{width:48px;height:48px;background:#81d9cf55;border:2px solid #91e1d2;border-radius:50%;pointer-events:none}#throwPad{border-color:#ffd05299;background:#66552ac2}#throwPad span{font-size:38px;text-align:center;pointer-events:none}#throwPad small{display:block;font-size:8px;color:#fff}#touchActions{display:flex;flex-direction:column;gap:6px;pointer-events:auto}#touchActions button{font-size:12px;background:#12273de8}body.playing #hud{display:flex}body.playing[data-platform=pc] #desktopHint{display:block}body.playing[data-platform=mobile] #touchControls{display:flex}body.menu #touchControls{display:none!important}@media(max-width:900px){#hud{top:max(63px,calc(env(safe-area-inset-top) + 53px));font-size:11px;padding:5px 9px;gap:8px}#tools{top:max(6px,env(safe-area-inset-top))}#tools button{min-height:40px}#toast{top:120px}#splash .wrap{padding:18px}#splash{align-items:flex-start}#desktopHint{font-size:10px}}@media(max-height:520px){#splash,#picker,.overlay{align-items:flex-start;padding-top:58px}.panel{max-height:none}#splash h1{font-size:35px}.howto{margin:10px 0;padding:8px}.howto p{margin:3px}.settings{gap:10px}#movePad,#throwPad{width:106px;height:106px}#hud{top:7px;max-width:calc(100% - 300px);flex-wrap:wrap;gap:5px}#toast{top:65px}.emoji{font-size:38px}.bases{margin:8px 0}.grid2{margin-top:8px}#touchActions{flex-direction:row}}@media(prefers-reduced-motion:reduce){.band,.duck{animation:none!important}}
@media(max-width:450px){#touchActions button{padding:8px;font-size:11px}#movePad,#throwPad{width:116px;height:116px}#touchActions{max-width:108px}#hud{font-size:10px;gap:6px}#hud button{font-size:11px}#toast{top:205px;font-size:13px}.toneStrip{gap:4px}.toneBtn{min-width:40px;font-size:23px}.panel{padding:18px}.grid2{gap:10px}}
#mapToggle{display:none;position:fixed;right:max(12px,env(safe-area-inset-right));top:65px;z-index:4;min-height:44px;padding:7px 12px;background:#102033ed;font-size:12px}body.playing #mapToggle{display:block}body.menu #mapToggle{display:none}body[data-platform=mobile] #mapToggle{top:117px}@media(orientation:landscape){body[data-platform=mobile] #mapToggle{top:63px}}

#splash{background:radial-gradient(ellipse at 50% 25%,#268b91,#123e56 72%)}#splash .wrap{border-color:#69b7b8;box-shadow:0 24px 100px #03242c66}.band{opacity:.23}
#clock{font-variant-numeric:tabular-nums;font-weight:850;color:#ffe187;white-space:nowrap}#clock.urgent{color:#ff746c;background:#671e294d;padding:5px 8px;border-radius:8px}
body.cinematic #hud,body.cinematic #desktopHint,body.cinematic #touchControls,body.cinematic #mapToggle{display:none!important}
#cinema{position:fixed;inset:0;z-index:22;overflow:auto;touch-action:pan-y;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:65px 20px 20px;text-align:center;background:linear-gradient(#143a5c,#299ca1 65%,#e4bc78);isolation:isolate}#cinema[hidden]{display:none}#cinema.overtime-scene{background:linear-gradient(#0a1020,#243653 70%,#374052)}.scene-copy{z-index:2}.scene-kicker{font-size:12px;font-weight:850;letter-spacing:3px;color:#ffe187;margin:0 0 8px}.scene-copy h1{font-size:clamp(30px,5vw,58px);margin:0;color:#fff}.scene-copy p:last-child{color:#e4eff6;font-size:15px;margin:10px 0}.scene-stage{position:relative;width:min(780px,100%);height:clamp(220px,39vh,360px);min-height:220px;overflow:hidden;border-radius:20px;border:1px solid #ffffff30;background:#ffffff0a;margin:12px 0}.scene-caption{font-size:15px;margin:7px 0 12px;max-width:580px;color:#fff}#skipScene{background:#ffd052;color:#172235;min-width:150px;z-index:2}.scene-sun{position:absolute;right:9%;top:6%;font-size:60px;animation:sunGlow 3s ease-in-out infinite}.office-building{position:absolute;left:7%;top:10%;bottom:15%;width:43%;background:#1b586d;border:7px solid #307b8a;border-radius:8px 8px 0 0;box-shadow:9px 9px 0 #0d344e55}.building-label{background:#e2eee5;color:#194456;font-size:12px;font-weight:900;letter-spacing:2px;padding:8px}.office-windows{font-size:46px;line-height:1.1;color:#88dae2;letter-spacing:8px}.escape-door{position:absolute;right:12%;bottom:0;font-size:38px;line-height:1.2;color:#93ffb7;background:#0a273b;width:65px;padding:9px 0 0;border:3px solid #51c39c;border-bottom:0}.escape-door::first-line{font:900 12px system-ui}.scene-ground{position:absolute;bottom:0;left:0;right:0;height:15%;background:#e2c698;border-top:5px solid #f4dba9}.scene-employee{position:absolute;left:32%;bottom:12%;font-size:80px;z-index:2;animation:escapeWalk 3.2s ease-out forwards,celebrate .65s 3.2s ease-in-out infinite}.scene-duck{position:absolute;bottom:12%;left:28%;font-size:35px;animation:duckWalk 3.5s ease-out forwards}.freedom{position:absolute;right:15%;top:14%;font-size:36px;opacity:0;animation:sceneReveal .4s 2.8s forwards}.freedom small{font-size:13px;font-weight:900;color:#ffeb96}.confetti{position:absolute;top:9%;left:37%;right:2%;font-size:28px;opacity:0;animation:confettiFall 2.2s 2.5s infinite}.night-window{position:absolute;left:8%;top:9%;width:28%;height:42%;background:#0a152d;border:6px solid #566078;font-size:36px;line-height:1.1}.overtime-clock{position:absolute;right:9%;top:7%;font-size:44px;animation:clockShake .6s 2s 3}.overtime-clock small{display:block;font:900 10px system-ui;letter-spacing:2px;color:#ffb1a3}.trapped-employee{position:absolute;left:43%;bottom:22%;font-size:80px;animation:slump 2s ease forwards}.overtime-desk{position:absolute;left:25%;bottom:5%;width:46%;height:25%;border-top:12px solid #cf9b66;background:#68503c;font-size:42px;z-index:2}.overtime-desk span{font-size:26px}.paper-stack{position:absolute;right:15%;bottom:25%;font-size:37px;z-index:3;animation:paperDrop 1.2s ease both}.meeting-invite{position:absolute;left:27%;top:9%;font-size:13px;background:#fff0c8;color:#22324a;border-radius:12px;padding:10px;opacity:0;z-index:4;animation:sceneReveal .4s 1.4s forwards}.locked-door{position:absolute;right:2%;bottom:5%;font-size:38px;letter-spacing:-17px;animation:sceneReveal .6s both}
@keyframes escapeWalk{0%{left:32%;transform:translateY(0)}30%{transform:translateY(-8px)}60%{transform:translateY(0)}100%{left:65%;transform:translateY(0)}}@keyframes duckWalk{to{left:56%}}@keyframes celebrate{50%{transform:translateY(-15px) rotate(7deg)}}@keyframes sceneReveal{to{opacity:1}}@keyframes confettiFall{0%{opacity:0;transform:translateY(-15px)}20%{opacity:1}100%{opacity:0;transform:translateY(150px)}}@keyframes slump{to{transform:translateY(15px) rotate(-9deg)}}@keyframes paperDrop{from{transform:translateY(-180px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes clockShake{50%{transform:rotate(12deg)}}@keyframes sunGlow{50%{transform:scale(1.08)}}
@media(max-height:540px){#cinema{justify-content:flex-start;padding-top:55px}.scene-copy h1{font-size:29px}.scene-kicker{font-size:10px;margin-bottom:3px}.scene-copy p:last-child{margin:4px;font-size:12px}.scene-stage{height:190px;min-height:190px;margin:6px 0;max-width:650px}.scene-caption{font-size:12px;margin:4px 0 8px}.scene-employee,.trapped-employee{font-size:62px}.office-windows{font-size:30px}.scene-sun{font-size:42px}.overtime-desk{font-size:31px}.scene-stage .meeting-invite{top:4%}}
@media(max-width:450px){#cinema{padding-left:12px;padding-right:12px}.scene-stage{height:280px}.office-building{width:49%;left:3%}.office-windows{font-size:31px;letter-spacing:2px}.scene-employee,.trapped-employee{font-size:65px}.scene-sun{font-size:43px}.freedom{right:8%;font-size:28px}.confetti{font-size:20px}.meeting-invite{left:8%;top:11%;font-size:11px}.scene-caption{font-size:13px}.paper-stack{font-size:28px;right:9%}}
@media(prefers-reduced-motion:reduce){#cinema *{animation:none!important}.scene-employee{left:65%}.scene-duck{left:56%}.freedom,.meeting-invite{opacity:1}.confetti{display:none}}