:root{--ink:#0d2e26;--green:#0f5a46;--green2:#14725a;--mint:#dfeee6;--cream:#f7f2e8;--cream2:#fffaf1;--gold:#d7a839;--red:#a8473f;--line:rgba(13,46,38,.14);--shadow:0 22px 70px rgba(11,48,38,.16);--r:28px;--ease:cubic-bezier(.2,.8,.2,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}button,input{font:inherit}button,a{touch-action:manipulation}.skip{position:fixed;left:12px;top:-80px;background:#fff;padding:10px 14px;z-index:999;border-radius:10px;color:var(--ink)}.skip:focus{top:12px}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px clamp(16px,4vw,56px);background:rgba(247,242,232,.9);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);min-width:0}.brand img{width:128px;height:44px;object-fit:contain;object-position:left center}.brand-fallback{font-weight:900;letter-spacing:.12em}.brand small{font-size:11px;font-weight:900;letter-spacing:.13em;white-space:nowrap;color:var(--green)}.top-actions{display:flex;align-items:center;gap:8px}.icon-btn,.passport-link,.ghost,.back-link,.text-btn,.resume-btn{border:1px solid var(--line);background:rgba(255,255,255,.58);color:var(--ink);border-radius:999px;padding:10px 14px;font-weight:800;cursor:pointer;text-decoration:none}.passport-link{background:var(--ink);color:#fff}.screen{display:none;min-height:calc(100vh - 132px);padding:clamp(28px,5vw,70px) clamp(16px,5vw,72px);animation:fade .45s var(--ease)}.screen.active{display:block}.screen-start.active{display:grid}.kicker{font-size:12px;font-weight:950;letter-spacing:.18em;color:var(--green);margin:0 0 12px}.primary{border:0;border-radius:999px;padding:14px 20px;background:var(--ink);color:#fff;text-decoration:none;font-weight:950;letter-spacing:.015em;cursor:pointer;box-shadow:0 10px 24px rgba(13,46,38,.18);transition:transform .2s var(--ease),background .2s}.primary:hover{transform:translateY(-2px);background:var(--green)}.primary.huge{padding:18px 26px;font-size:15px}.primary.wide{width:100%}.primary.small{padding:12px 16px;font-size:13px}.micro{font-size:12px;color:rgba(13,46,38,.65);max-width:560px;line-height:1.5}.screen-start{grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);align-items:center;gap:clamp(28px,7vw,100px);max-width:1500px;width:100%;margin:auto}.start-copy h1{font-size:clamp(44px,7vw,94px);line-height:.93;letter-spacing:-.055em;margin:0 0 24px;max-width:900px}.start-copy h1 em,.finish-card h2 em{font-family:Georgia,serif;font-weight:400;color:var(--green)}.lead{font-size:clamp(18px,2vw,25px);line-height:1.45;max-width:760px;color:rgba(13,46,38,.78)}.start-points{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.start-points span{padding:9px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:12px;font-weight:850}.resume-btn{margin-left:8px}.hero-city{height:min(650px,68vh);min-height:470px;border-radius:42px;background:linear-gradient(#cfe6df 0 52%,#9fc5aa 52% 72%,#718a70 72%);position:relative;overflow:hidden;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.7)}.sun{position:absolute;width:100px;height:100px;border-radius:50%;background:#f4d77b;right:11%;top:10%;box-shadow:0 0 0 22px rgba(244,215,123,.18)}.cloud{position:absolute;width:110px;height:28px;border-radius:999px;background:rgba(255,255,255,.75)}.cloud:before,.cloud:after{content:"";position:absolute;border-radius:50%;background:inherit}.cloud:before{width:42px;height:42px;left:18px;bottom:0}.cloud:after{width:55px;height:55px;right:20px;bottom:0}.c1{left:9%;top:14%}.c2{right:34%;top:26%;transform:scale(.72)}.tower{position:absolute;bottom:28%;background:#f0eadb;border-radius:10px 10px 0 0;box-shadow:inset 0 -12px rgba(0,0,0,.04)}.tower i{display:inline-block;width:12px;height:18px;background:#b8d3c9;margin:18px 7px}.t1{width:92px;height:190px;left:20%}.t2{width:116px;height:245px;right:14%}.hero-road{position:absolute;left:-10%;right:-10%;height:100px;bottom:8%;background:#4f6155;transform:rotate(-6deg);box-shadow:0 0 0 18px #d9cda7}.hero-place{position:absolute;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:38px;background:rgba(255,255,255,.88);border:1px solid rgba(13,46,38,.12);padding:13px 16px;border-radius:18px;box-shadow:0 12px 24px rgba(13,46,38,.14)}.hero-place b{font-size:10px;letter-spacing:.13em}.hero-place.cafe{left:10%;bottom:19%}.hero-place.school{left:44%;bottom:30%}.hero-place.office{right:8%;bottom:15%}.hero-worker{position:absolute;left:43%;bottom:11%;font-size:62px;animation:bob 2.1s ease-in-out infinite}.hero-worker span{position:absolute;width:45px;height:12px;background:rgba(0,0,0,.18);border-radius:50%;left:10px;bottom:-5px;filter:blur(2px)}.hero-signal{position:absolute;left:28px;top:30px;background:var(--ink);color:#fff;padding:12px 15px;border-radius:14px;display:flex;flex-direction:column}.hero-signal b{font-size:12px;letter-spacing:.12em}.hero-signal small{opacity:.75;margin-top:3px}.panel{max-width:900px;margin:0 auto;background:var(--cream2);border:1px solid var(--line);border-radius:var(--r);padding:clamp(24px,5vw,52px);box-shadow:var(--shadow)}.panel.narrow{max-width:760px}.panel h2,.city-head h2,.briefing-card h2{font-size:clamp(34px,5vw,60px);line-height:1;letter-spacing:-.04em;margin:0 0 26px}.field{display:grid;gap:8px;margin:22px 0}.field span,fieldset legend{font-size:12px;font-weight:900;letter-spacing:.08em}.field input{width:100%;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--ink);outline:none;font-size:18px}.field input:focus{border-color:var(--green);box-shadow:0 0 0 4px rgba(15,90,70,.1)}fieldset{border:0;padding:0;margin:24px 0}.mode-picker,.avatar-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mode-picker legend,.avatar-picker legend{grid-column:1/-1;margin-bottom:4px}.mode,.avatar{min-height:110px;border:1px solid var(--line);background:#fff;border-radius:20px;cursor:pointer;color:var(--ink);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:18px;gap:4px}.mode span{font-size:28px}.mode b{font-size:16px}.mode small{color:rgba(13,46,38,.65)}.mode.active,.avatar.active{border-color:var(--green);box-shadow:0 0 0 3px rgba(15,90,70,.09);background:var(--mint)}.avatar-picker{grid-template-columns:repeat(5,1fr)}.avatar{min-height:78px;align-items:center;font-size:32px;padding:10px}.hud{display:grid;grid-template-columns:minmax(220px,1.4fr) repeat(3,minmax(100px,.55fr));gap:10px;max-width:1280px;margin:0 auto 18px}.player-chip,.hud-stat{background:#fff;border:1px solid var(--line);border-radius:20px;padding:12px 14px;display:flex;align-items:center;gap:11px}.player-chip>span{font-size:34px}.player-chip div,.hud-stat{display:flex;flex-direction:column}.player-chip small,.hud-stat small,.passport-summary small,.final-grid small{font-size:10px;letter-spacing:.12em;color:rgba(13,46,38,.58);font-weight:900}.hud-stat b{font-size:21px}.city-head{max-width:1280px;margin:0 auto 16px;display:flex;justify-content:space-between;align-items:end;gap:30px}.city-head h2{margin-bottom:8px}.city-head p:last-child{margin:0;color:rgba(13,46,38,.7)}.city-progress{max-width:1280px;margin:0 auto 14px;background:rgba(255,255,255,.65);padding:11px 14px;border:1px solid var(--line);border-radius:16px}.city-progress>div{display:flex;justify-content:space-between;font-size:10px;font-weight:900;letter-spacing:.1em;margin-bottom:7px}.city-progress>i,.mission-progress i{display:block;height:8px;background:rgba(13,46,38,.1);border-radius:999px;overflow:hidden}.city-progress>i>b,.mission-progress i>b{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--green),#58a77f);border-radius:inherit;transition:width .45s var(--ease)}.city-map{position:relative;max-width:1280px;height:min(660px,63vw);min-height:520px;margin:0 auto;background:linear-gradient(#d8ebe4 0 45%,#b3d0b5 45% 75%,#94aa84 75%);border:1px solid rgba(13,46,38,.12);border-radius:34px;overflow:hidden;box-shadow:var(--shadow)}.city-sky span{position:absolute;background:rgba(255,255,255,.75);width:100px;height:22px;border-radius:999px}.city-sky span:nth-child(1){left:8%;top:10%}.city-sky span:nth-child(2){left:46%;top:8%;transform:scale(.75)}.city-sky span:nth-child(3){right:10%;top:20%;transform:scale(.6)}.roads{position:absolute;inset:0;width:100%;height:100%}.roads path{fill:none;stroke:#e9dec0;stroke-width:34;stroke-linecap:round;filter:drop-shadow(0 4px 0 rgba(80,70,45,.13))}.place{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:155px;min-height:120px;border:1px solid rgba(13,46,38,.14);border-radius:22px;background:#fff;color:var(--ink);padding:14px 10px;box-shadow:0 14px 28px rgba(13,46,38,.14);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;z-index:5;transition:.25s var(--ease)}.place:hover:not(:disabled){transform:translate(-50%,-54%) scale(1.02)}.place-icon{font-size:36px}.place b{font-size:13px}.place small{font-size:10px;color:rgba(13,46,38,.62)}.place i{position:absolute;left:-8px;top:-8px;width:30px;height:30px;border-radius:50%;background:var(--ink);color:#fff;font-style:normal;display:grid;place-items:center;font-size:11px;font-weight:900}.place em{font-style:normal;font-size:12px;letter-spacing:2px;color:var(--gold);min-height:14px}.place.locked{filter:grayscale(1);opacity:.5}.place.complete{background:#f2fbf6;border-color:rgba(15,90,70,.35)}.map-avatar{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);z-index:7;transition:left .7s var(--ease),top .7s var(--ease)}.map-avatar span{font-size:52px;filter:drop-shadow(0 7px 4px rgba(0,0,0,.18))}.map-avatar i{position:absolute;width:42px;height:10px;border-radius:50%;background:rgba(0,0,0,.17);left:6px;bottom:-3px;filter:blur(2px);z-index:-1}.map-legend{position:absolute;left:16px;bottom:14px;display:flex;gap:10px;flex-wrap:wrap;background:rgba(255,255,255,.88);padding:8px 10px;border-radius:999px;font-size:10px;font-weight:850;z-index:8}.city-brief{max-width:1280px;margin:16px auto 0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;background:var(--ink);color:#fff;border-radius:22px;padding:16px 18px}.brief-icon{font-size:30px}.city-brief small{font-size:10px;letter-spacing:.13em;opacity:.65;font-weight:900}.city-brief b{display:block;margin:3px 0}.city-brief p{margin:0;opacity:.76;font-size:13px}.city-brief .primary{background:#fff;color:var(--ink);box-shadow:none}.briefing-card{max-width:820px;margin:auto;background:var(--cream2);border:1px solid var(--line);border-radius:32px;padding:clamp(24px,6vw,58px);text-align:center;box-shadow:var(--shadow)}.briefing-card .back-link{float:left}.briefing-visual{font-size:82px;padding-top:50px}.briefing-card h2{margin:12px auto 18px;max-width:720px}.briefing-card>p:not(.kicker){font-size:19px;line-height:1.5;color:rgba(13,46,38,.72)}.mission-objectives{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:25px 0}.mission-objectives span{padding:12px;border:1px solid var(--line);border-radius:14px;background:#fff;font-size:12px;font-weight:850}.mentor-line,.respect-lens{display:flex;align-items:center;gap:12px;text-align:left;background:var(--mint);border-radius:18px;padding:14px 16px;margin:22px 0}.mentor-line span{font-size:28px}.mentor-line p,.respect-lens p{margin:0;line-height:1.45}.mission-top{max-width:1280px;margin:0 auto 16px;display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center}.mission-progress{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;font-size:11px;font-weight:900;letter-spacing:.08em}.mission-layout{max-width:1280px;margin:auto;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px}.scene-card,.task-card{border-radius:28px;border:1px solid var(--line);overflow:hidden;background:#fff;box-shadow:var(--shadow)}.scene-card{position:relative}.scene-badge{position:absolute;z-index:5;left:16px;top:16px;padding:8px 10px;border-radius:999px;background:var(--ink);color:#fff;font-size:10px;font-weight:900;letter-spacing:.12em}.scene-art{height:360px;position:relative;overflow:hidden;background:#dcebe5}.scene-art:before,.scene-art:after{content:"";position:absolute}.art-cafe{background:linear-gradient(#d7ebe5 0 47%,#e7ddc4 47%)}.art-cafe:before{width:70%;height:115px;background:#8a6043;left:15%;top:28%;border-radius:12px 12px 4px 4px;box-shadow:0 110px 0 -35px #5d735f}.art-cafe:after{content:"☕  🪑  🧑‍🍳";font-size:55px;left:20%;top:40%}.art-school{background:linear-gradient(#cfe5f0 0 52%,#d2c59f 52%)}.art-school:after{content:"🏫   🎒   🧒   💧";font-size:58px;left:11%;top:40%}.art-home{background:linear-gradient(#e7dfd2 0 58%,#b98f67 58%)}.art-home:after{content:"🛋️   🪵   🪴";font-size:62px;left:14%;top:43%}.art-lab{background:linear-gradient(#dce7e1 0 55%,#bac6bd 55%)}.art-lab:after{content:"🥽   🧤   🧴   🧹";font-size:58px;left:12%;top:40%}.art-office{background:linear-gradient(#dbe5ea 0 55%,#c3b598 55%)}.art-office:after{content:"🖥️   👩‍💼   🧑‍🔧";font-size:57px;left:13%;top:41%}.art-eco{background:linear-gradient(#cde8d1 0 50%,#78a76f 50%)}.art-eco:after{content:"🌳   ♻️   🗑️   🤝";font-size:56px;left:10%;top:38%}.scene-copy{padding:22px}.scene-copy h2{font-size:clamp(25px,3vw,38px);line-height:1.05;margin:0 0 12px;letter-spacing:-.03em}.scene-copy p:last-child{color:rgba(13,46,38,.68);line-height:1.5}.task-card{padding:clamp(20px,4vw,38px)}.task-meta{display:flex;justify-content:space-between;color:var(--green);font-size:10px;font-weight:950;letter-spacing:.11em}.task-card h3{font-size:clamp(28px,4vw,44px);line-height:1.04;margin:28px 0 10px}.task-card>p{color:rgba(13,46,38,.7);line-height:1.5}.interaction{margin:24px 0;min-height:215px}.feedback{background:var(--mint);border:1px solid rgba(15,90,70,.2);padding:13px 15px;border-radius:14px;font-weight:800;line-height:1.45}.feedback.bad{background:#f6e6e2;border-color:rgba(168,71,63,.2);color:#79352f}.task-next{margin-top:14px}.choice-grid{display:grid;gap:9px}.choice{width:100%;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;text-align:left;gap:2px 12px;padding:14px;border:1px solid var(--line);background:#fff;border-radius:16px;color:var(--ink);cursor:pointer}.choice span{grid-row:1/3;font-size:28px;align-self:center}.choice b{font-size:14px}.choice small{color:rgba(13,46,38,.6)}.choice.selected{border-color:var(--green);background:var(--mint)}.choice.wrong,.ppe.wrong{animation:shake .32s;background:#f8e8e5}.hazard-scene{height:230px;border-radius:20px;background:linear-gradient(#e6e0d0 0 66%,#b9a580 66%);position:relative;overflow:hidden;border:1px solid var(--line)}.hazard-scene:before{content:"☕  🪑  🚶";position:absolute;font-size:45px;left:18%;top:22%}.spill{position:absolute;width:84px;height:42px;border:0;border-radius:50%;background:#78503f;left:47%;bottom:17%;cursor:pointer}.spill.glow{box-shadow:0 0 0 10px rgba(215,168,57,.28),0 0 0 22px rgba(215,168,57,.12);animation:pulse 1s infinite}.floor-sign{position:absolute;left:11%;bottom:12%;font-size:44px;background:#fff;border:1px solid var(--line);border-radius:14px;cursor:grab}.drop-zone{position:absolute;right:13%;bottom:10%;width:170px;height:78px;border:2px dashed var(--green);border-radius:18px;background:rgba(255,255,255,.65);font-size:10px;font-weight:900;color:var(--green)}.hazard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.hazard-item,.ppe,.sequence button,.waste,.bin{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:16px;min-height:95px;cursor:pointer;padding:12px}.hazard-item span,.ppe span{display:block;font-size:30px}.hazard-item.good,.ppe.on{background:var(--mint);border-color:var(--green)}.sequence{display:grid;gap:8px}.sequence button{display:flex;align-items:center;gap:12px;min-height:62px;text-align:left}.sequence button span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--ink);color:#fff;font-weight:900}.sequence button.done{background:var(--mint);border-color:var(--green)}.ppe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.dialogue{display:flex;gap:12px;background:#eef3f1;padding:16px;border-radius:18px;margin-bottom:12px}.dialogue span{font-size:32px}.dialogue p{margin:0;line-height:1.45}.waste-items,.bins{display:flex;gap:9px;justify-content:center;flex-wrap:wrap}.waste{font-size:34px;min-width:90px}.waste.selected{outline:3px solid var(--gold)}.bins{margin-top:16px}.bin{min-width:145px}.bin span{display:block;font-size:30px}.reward-card,.finish-card{max-width:760px;margin:auto;background:var(--cream2);border:1px solid var(--line);border-radius:34px;padding:clamp(26px,6vw,64px);text-align:center;box-shadow:var(--shadow);position:relative;overflow:hidden}.reward-rays{position:absolute;width:480px;height:480px;left:50%;top:-280px;transform:translateX(-50%);background:repeating-conic-gradient(from 0deg,rgba(215,168,57,.15) 0 8deg,transparent 8deg 18deg);border-radius:50%}.badge-medal,.finish-avatar{font-size:78px;position:relative}.reward-card h2,.finish-card h2{font-size:clamp(38px,6vw,66px);line-height:1;margin:10px 0 12px;letter-spacing:-.045em}.star-result{font-size:28px;letter-spacing:5px;color:var(--gold);margin:8px 0}.reward-xp{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:20px 0}.reward-xp b,.reward-xp span{padding:9px 12px;border-radius:999px;background:var(--mint);font-size:12px}.performance-note{font-size:12px;font-weight:850;color:rgba(13,46,38,.68)}.respect-lens{display:block;text-align:center;background:#edf5ef}.respect-lens small{display:block;font-size:10px;letter-spacing:.14em;font-weight:950;color:var(--green);margin-bottom:5px}.passport-wrap{max-width:900px;margin:auto}.passport-card{background:#fff9ed;border:1px solid rgba(13,46,38,.18);border-radius:32px;overflow:hidden;box-shadow:var(--shadow);margin-top:16px}.passport-head{background:var(--ink);color:#fff;padding:24px 28px;display:flex;justify-content:space-between;align-items:center}.passport-head p{margin:0;font-size:10px;letter-spacing:.18em;font-weight:900}.passport-head h2{margin:3px 0 2px;font-size:30px;letter-spacing:-.03em}.passport-head small{opacity:.6}.passport-avatar{font-size:54px}.passport-person{padding:22px 28px 10px;display:grid}.passport-person small{font-size:9px;letter-spacing:.13em;font-weight:900;color:rgba(13,46,38,.55)}.passport-person b{font-size:27px}.passport-person span{color:rgba(13,46,38,.64)}.passport-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 28px}.passport-summary div,.final-grid div{padding:14px;background:var(--mint);border-radius:16px}.passport-summary b,.final-grid b{display:block;font-size:22px}.skill-bars{padding:16px 28px}.skill-row{display:grid;grid-template-columns:130px 1fr 48px;align-items:center;gap:10px;margin:11px 0}.skill-row span{font-size:10px;font-weight:900;letter-spacing:.08em}.skill-row i{height:9px;background:rgba(13,46,38,.1);border-radius:999px;overflow:hidden}.skill-row i b{display:block;height:100%;background:linear-gradient(90deg,var(--green),#5da382);border-radius:inherit}.skill-row strong{font-size:11px;text-align:right}.passport-score{display:flex;align-items:baseline;justify-content:center;gap:5px;padding:14px 28px}.passport-score span{font-size:10px;font-weight:900;letter-spacing:.11em;margin-right:10px}.passport-score b{font-size:54px}.passport-badges{padding:10px 28px;display:flex;flex-wrap:wrap;gap:7px}.passport-badges span{padding:8px 10px;background:#fff;border:1px solid var(--line);border-radius:999px;font-size:11px;font-weight:850}.recommendation{margin:16px 28px;padding:18px;border-radius:18px;background:var(--mint)}.recommendation small{font-size:9px;letter-spacing:.13em;font-weight:900;color:var(--green)}.recommendation b{display:block;font-size:18px;margin:4px 0}.recommendation p{margin:0;color:rgba(13,46,38,.68);line-height:1.45}.passport-actions{display:flex;gap:8px;flex-wrap:wrap;padding:8px 28px 20px}.passport-note{margin:0;padding:14px 28px 24px;font-size:10px;color:rgba(13,46,38,.55);line-height:1.5}.finish-card>p:not(.kicker){font-size:18px;color:rgba(13,46,38,.7)}.final-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:25px 0}.finish-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.text-btn{border:0;background:transparent}.game-footer{margin-top:auto;padding:20px clamp(16px,5vw,72px);display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);font-size:10px;font-weight:900;letter-spacing:.08em}.game-footer a{color:var(--green)}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,30px);opacity:0;background:var(--ink);color:#fff;border-radius:999px;padding:11px 16px;font-size:12px;font-weight:850;z-index:100;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}.confetti{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:99}.confetti i{position:absolute;top:-20px;width:10px;height:16px;background:var(--gold);animation:fall 2.6s linear forwards}.confetti i:nth-child(3n){background:var(--green)}.confetti i:nth-child(4n){background:#e98568}@keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes bob{50%{transform:translateY(-8px)}}@keyframes pulse{50%{box-shadow:0 0 0 16px rgba(215,168,57,.2),0 0 0 28px rgba(215,168,57,.08)}}@keyframes shake{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@keyframes fall{to{transform:translateY(105vh) rotate(500deg);opacity:0}}.reduce-motion *{animation:none!important;transition:none!important;scroll-behavior:auto!important}@media(max-width:980px){.screen-start{grid-template-columns:1fr}.hero-city{height:470px}.mission-layout{grid-template-columns:1fr}.scene-art{height:280px}.hud{grid-template-columns:1.3fr repeat(3,.7fr)}.city-map{height:700px}.place{width:135px}.final-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.topbar{padding:10px 12px}.brand img{width:104px}.brand small{display:none}.icon-btn span{display:none}.icon-btn,.passport-link{padding:9px 10px}.screen{padding:24px 12px;min-height:calc(100vh - 115px)}.screen-start{gap:22px}.start-copy h1{font-size:47px}.lead{font-size:18px}.hero-city{min-height:390px;height:420px;border-radius:28px}.mode-picker{grid-template-columns:1fr}.mode{min-height:82px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center}.mode span{grid-row:1/3;margin-right:8px}.avatar-picker{grid-template-columns:repeat(5,1fr)}.avatar{font-size:26px}.hud{grid-template-columns:repeat(3,1fr)}.player-chip{grid-column:1/-1}.city-head{align-items:flex-start}.city-head h2{font-size:42px}.city-head-actions{display:none}.city-map{height:760px;min-height:760px;border-radius:24px}.place{width:122px;min-height:108px;padding:10px}.place-icon{font-size:30px}.place.p1{--x:24%!important;--y:78%!important}.place.p2{--x:67%!important;--y:66%!important}.place.p3{--x:28%!important;--y:52%!important}.place.p4{--x:70%!important;--y:39%!important}.place.p5{--x:30%!important;--y:23%!important}.place.p6{--x:70%!important;--y:12%!important}.roads{opacity:.55}.map-legend{font-size:9px}.city-brief{grid-template-columns:auto 1fr}.city-brief .primary{grid-column:1/-1;width:100%}.briefing-card{padding:22px 16px}.mission-objectives{grid-template-columns:1fr}.mission-top{grid-template-columns:1fr}.mission-progress{grid-template-columns:auto 1fr auto}.scene-art{height:230px}.task-card h3{font-size:32px}.hazard-grid,.ppe-grid{grid-template-columns:repeat(2,1fr)}.skill-row{grid-template-columns:100px 1fr 38px}.passport-summary{grid-template-columns:repeat(3,1fr);padding:10px 14px}.passport-person,.skill-bars,.passport-badges,.passport-actions,.passport-note{padding-left:16px;padding-right:16px}.recommendation{margin-left:16px;margin-right:16px}.passport-head{padding:18px}.passport-actions .primary,.passport-actions .ghost{width:100%;text-align:center}.game-footer{flex-direction:column}.resume-btn{margin:8px 0 0;display:block}.resume-btn[hidden]{display:none}.drop-zone{right:6%;width:140px}}@media(max-width:440px){.start-copy h1{font-size:41px}.hero-city{height:360px;min-height:360px}.start-points span{font-size:10px}.city-map{height:710px;min-height:710px}.place{width:112px}.scene-copy{padding:17px}.task-card{padding:18px}.skill-row{grid-template-columns:92px 1fr 34px}.final-grid{grid-template-columns:repeat(2,1fr)}}

/* V11 reliability: every city location is directly playable; avatar travels instead of colliding with furniture. */
.place.unlocked{cursor:pointer}.place.locked{filter:none;opacity:1;pointer-events:auto}.map-avatar{transition:left .7s cubic-bezier(.2,.8,.2,1),top .7s cubic-bezier(.2,.8,.2,1),transform .35s}.lang-game{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.place:focus-visible,.mode:focus-visible,.avatar:focus-visible,.choice:focus-visible,.ppe:focus-visible,.bin:focus-visible,.waste:focus-visible,.sequence button:focus-visible{outline:3px solid currentColor;outline-offset:3px}
@media(max-width:700px){.lang-game{font-size:.72rem;width:auto!important;padding:0 10px!important}.top-actions{gap:5px}.city-map{min-height:650px;height:650px}}