:root{--cream: #fff4d9;--cream-2: #f4dfa8;--peach: #ffd8a1;--bar-top: #fff2d4;--bar-bottom: #f7d69a;--ink: #3a2418;--ink-soft: #7a5030;--brown: #8a5424;--brown-dark: #6a4520;--brown-line: #b98548;--logo-red: #d13a3a;--logo-red-dark: #8f1e1e;--go-green: #5fbf3d;--go-green-dark: #3a8a20;--stop-red: #d95a5a;--stop-red-dark: #963434;--cone-orange: #ff8a3d;--hazard-yellow: #ffd23a;--shadow-hard: 0 4px 0 rgba(0, 0, 0, .22);--shadow-soft: 0 6px 0 rgba(0, 0, 0, .18), 0 10px 20px rgba(0, 0, 0, .15);--background: #ffb583;--foreground: var(--ink);--card: var(--cream);--muted: #fbe8c2;--muted-foreground: var(--ink-soft);--border: rgba(138, 84, 36, .35);--accent: hsl(69 100% 47%);--accent-foreground: hsl(0 0% 5%);--destructive: var(--stop-red-dark);--radius: .75rem;--pci-good: #00b050;--pci-satisfactory: #91cf51;--pci-fair: #ffe500;--pci-poor: #ff831e;--pci-very-poor: #f50000;--pci-serious: #8f011d;--pci-failed: #666666;--font-body: "Fredoka", "Nunito", "Segoe UI", system-ui, sans-serif;--font-display: "Titan One", "Fredoka", system-ui, sans-serif;font-family:var(--font-body)}*{box-sizing:border-box}body{margin:0;color:var(--foreground);overflow:hidden;background:radial-gradient(ellipse at top,#ffe4b8,#ffb583 60%,#ff9668)}#root{height:100vh;display:flex;flex-direction:column}button{font:inherit;font-weight:700;border:3px solid var(--brown-line);border-radius:var(--radius);background:linear-gradient(180deg,#fffaf0,var(--cream-2));color:var(--ink);padding:7px 14px;cursor:pointer;box-shadow:var(--shadow-hard);transition:transform .05s ease,box-shadow .05s ease,filter .1s ease}button:hover{filter:brightness(1.04)}button:active{transform:translateY(4px);box-shadow:0 0 #00000038}button.primary{font-family:var(--font-display);letter-spacing:.5px;background:linear-gradient(180deg,#7ad65a,var(--go-green));color:#fff;text-shadow:1.5px 1.5px 0 rgba(0,0,0,.25);border-color:var(--go-green-dark)}.topbar{display:flex;align-items:center;gap:18px;padding:12px 22px;background:linear-gradient(180deg,var(--bar-top) 0%,var(--bar-bottom) 100%);border-bottom:4px solid var(--brown-line)}.topbar h1{font-family:var(--font-display);font-size:27px;line-height:1;margin:0;color:var(--logo-red);letter-spacing:.5px;transform:rotate(-2deg);-webkit-text-stroke:1px #fff;text-shadow:-2px 0 0 var(--logo-red-dark),2px 0 0 var(--logo-red-dark),0 -2px 0 var(--logo-red-dark),0 2px 0 var(--logo-red-dark),3px 4px 0 rgba(0,0,0,.15),4px 6px 8px rgba(0,0,0,.2);white-space:nowrap}.topbar button{font-size:15px;padding:9px 16px}.stat{display:flex;flex-direction:column;line-height:1.1;background:#fff;border:3px solid var(--logo-red);border-radius:14px;padding:5px 14px;box-shadow:0 4px 0 var(--logo-red-dark)}.stat .label{font-size:10px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em;font-weight:700}.stat .value{font-family:var(--font-display);font-size:19px;color:var(--logo-red);display:flex;align-items:center;gap:6px}.season-underway{font-family:var(--font-display);color:var(--go-green-dark);font-size:16px;letter-spacing:.5px}.layout{flex:1;display:flex;min-height:0}.map-pane{flex:1;background:#f6ecd6;position:relative}.side-panel{width:340px;border-left:4px solid var(--brown-line);background:linear-gradient(180deg,#fff8e8,var(--cream-2));padding:16px;overflow-y:auto}.side-panel h2{font-family:var(--font-display);font-size:16px;color:var(--logo-red);margin:0 0 4px;letter-spacing:.5px}.side-panel .sub{color:var(--ink-soft);font-size:12px;font-weight:600;margin-bottom:8px}.treatment{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 13px;background:#fff;border:3px dashed var(--brown-line);border-radius:var(--radius);margin-bottom:7px;box-shadow:var(--shadow-hard)}.treatment:last-child{margin-bottom:0}.treatment .name{font-weight:700;font-size:13px;color:var(--ink)}.treatment .meta{font-size:11px;color:var(--ink-soft)}.month-row{display:flex;gap:5px;margin-top:8px}.month-btn{font-size:11px;padding:4px 8px;white-space:nowrap;border-radius:999px;border-width:2px}.month-btn.active{background:linear-gradient(180deg,#7ad65a,var(--go-green));color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.25);border-color:var(--go-green-dark)}.pci-badge{display:inline-block;padding:2px 11px;border-radius:999px;font-family:var(--font-display);color:#111;font-size:15px;border:2px solid rgba(0,0,0,.35);box-shadow:0 2px #00000040}.road-card{background:#fff;border:3px solid var(--logo-red);border-radius:var(--radius);padding:12px;margin-bottom:14px;box-shadow:var(--shadow-hard)}.road-card .tt-title,.road-tooltip .tt-title{font-family:var(--font-display);font-size:15px;color:var(--ink);display:flex;align-items:center;gap:8px}.road-card .tt-sub,.road-tooltip .tt-sub{font-size:12px;color:var(--ink-soft);font-weight:600;margin:3px 0 7px;text-transform:capitalize}.road-card .tt-distress,.road-tooltip .tt-distress{display:flex;align-items:flex-start;gap:6px;font-size:12px;line-height:1.35}.road-card .sev-dot,.road-tooltip .sev-dot{margin-top:3px}.sev-dot{width:11px;height:11px;border-radius:999px;flex-shrink:0;box-shadow:inset 0 -2px 3px #00000040}.road-tooltip{position:absolute;max-width:320px;background:linear-gradient(180deg,#fff8e8,var(--cream-2));color:var(--ink);border:3px solid var(--brown);border-radius:var(--radius);padding:10px 12px;pointer-events:none;box-shadow:var(--shadow-soft);z-index:10}.crew-outer{animation:crew-drive 1.2s ease-out forwards;pointer-events:none}.crew-arrive{animation:crew-glide .9s cubic-bezier(.22,1,.36,1) both}@keyframes crew-glide{0%{transform:translate(var(--fromx, -70px),var(--fromy, -120px));opacity:0}55%{opacity:1}to{transform:translate(0);opacity:1}}.map-crew{transform-box:fill-box;transform-origin:center bottom;animation:crew-bob .42s infinite alternate ease-in-out}@keyframes crew-bob{0%{transform:translateY(0) rotate(-4deg)}to{transform:translateY(-4px) rotate(4deg)}}.crew-zone{fill:#daff0047;stroke:#daff00;stroke-width:2;transform-box:fill-box;transform-origin:center;animation:crew-zone-pulse 1s infinite ease-in-out}@keyframes crew-zone-pulse{0%,to{transform:scale(.7);opacity:.9}50%{transform:scale(1.15);opacity:.4}}.cut-banner{position:absolute;top:14px;left:50%;transform:translate(-50%);background:linear-gradient(180deg,#fff8e8,var(--cream-2));border:3px solid var(--brown);border-radius:999px;padding:8px 20px;font-family:var(--font-display);font-size:15px;color:var(--logo-red);box-shadow:0 8px 24px #00000047;z-index:15;animation:cut-banner-in .25s ease-out}@keyframes cut-banner-in{0%{transform:translate(-50%,-14px);opacity:0}to{transform:translate(-50%);opacity:1}}.center-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#3a241859;z-index:20}.center-card{background:linear-gradient(180deg,#fff8e8,var(--cream-2));border:4px solid var(--brown);border-radius:calc(var(--radius) * 1.4);padding:28px 40px;max-width:680px;text-align:center;box-shadow:0 16px 50px #0006,inset 0 0 0 3px #ffffff80}.center-title{font-family:var(--font-display);font-size:24px;color:var(--logo-red);letter-spacing:.5px;margin-bottom:8px}.center-sub{color:var(--ink-soft);font-size:14px;font-weight:600;margin-bottom:18px}.center-scan-btn{font-size:18px;padding:13px 24px;margin-top:14px}.review-line{white-space:nowrap;font-size:15px;line-height:1.5;text-align:left;padding:8px 0;font-weight:600}.review-line+.review-line{border-top:2px dashed var(--border)}.review-line .cmp{display:inline-block;margin-left:8px;font-size:12px;padding:2px 9px;border-radius:999px;background:#fff;border:2px solid var(--border);color:var(--ink-soft)}.review-line .cmp.good{color:var(--go-green-dark);border-color:var(--go-green)}.review-line .cmp.bad{color:var(--pci-poor);border-color:var(--pci-poor)}.toast{position:absolute;bottom:14px;right:14px;max-width:380px;background:linear-gradient(180deg,#fff8e8,var(--cream-2));border:3px solid var(--cone-orange);border-radius:var(--radius);padding:11px 15px;font-size:13.5px;font-weight:600;line-height:1.4;box-shadow:var(--shadow-soft);z-index:10;cursor:pointer}.log-corner{position:absolute;bottom:14px;left:14px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;z-index:5}.log-corner>button{font-size:12px}.log-panel{background:linear-gradient(180deg,#fff8e8,var(--cream-2));border:3px solid var(--brown-line);border-radius:var(--radius);padding:12px 14px;width:400px;max-height:40vh;overflow-y:auto;box-shadow:var(--shadow-soft)}.log-entry{font-size:13.5px;line-height:1.45;color:var(--ink);font-weight:600;padding:6px 0}.log-entry+.log-entry{border-top:2px dotted var(--border)}.plan-row-corner{display:flex;align-items:center;gap:8px}.plan-row-corner .plan-info{flex:1}.plan-row-corner .plan-cost{color:var(--ink-soft)}.plan-remove{padding:1px 9px;font-size:11px;border-color:var(--stop-red-dark);background:linear-gradient(180deg,#eb7a7a,var(--stop-red));color:#fff}.plan-total{display:flex;justify-content:space-between;font-family:var(--font-display);font-size:13px;padding:8px 4px 2px;border-top:2px dashed var(--border);margin-top:6px}.plan-total .over{color:var(--destructive)}.planned-note{font-size:12px;font-weight:700;color:var(--ink-soft);margin-left:6px}.scan-car{position:absolute;top:0;bottom:0;display:flex;align-items:center;pointer-events:none;transform:translate(-50%)}.scan-car-emoji{font-size:44px;transform:scaleX(-1);animation:car-bounce .4s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(218,255,0,.7))}.scan-car-beam{font-size:20px;margin-left:-10px;margin-top:-34px;animation:beam-pulse .6s ease-in-out infinite}@keyframes car-bounce{0%,to{transform:scaleX(-1) translateY(0)}50%{transform:scaleX(-1) translateY(-4px)}}@keyframes beam-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.25)}}.center-card.event-ticket{background:#fffdf6;border:3px solid var(--ink);border-radius:12px;padding:0;max-width:560px;text-align:left;box-shadow:0 16px 50px #00000073}.event-ticket .ticket-head{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:repeating-linear-gradient(45deg,#d13a3a 0,#d13a3a 13px,#b8302f 13px,#b8302f 26px);color:#fff;font-family:var(--font-display);letter-spacing:1px;border-radius:9px 9px 0 0}.event-ticket .ticket-stamp{font-size:15px;text-shadow:1.5px 1.5px 0 rgba(0,0,0,.3)}.event-ticket .ticket-no{font-family:Courier New,monospace;font-weight:700;font-size:13px;background:#fff;color:var(--ink);padding:2px 8px;border-radius:4px}.event-ticket .ticket-meta{font-family:Courier New,monospace;font-size:11px;letter-spacing:.4px;text-transform:uppercase;color:var(--ink-soft);padding:10px 16px 0}.event-ticket .center-title{padding:2px 16px 0;font-size:22px;line-height:1.2}.event-ticket .center-sub{padding:0 16px;margin-bottom:0;color:var(--ink)}.ticket-perf{position:relative;border-top:2px dashed #c9b48c;margin:12px 16px}.ticket-perf:before,.ticket-perf:after{content:"";position:absolute;top:-7px;width:12px;height:12px;border-radius:50%;background:#fffdf6;box-shadow:inset 0 0 0 2px #c9b48c}.ticket-perf:before{left:-8px}.ticket-perf:after{right:-8px}.ticket-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;padding:2px 16px 18px}.ticket-actions .center-scan-btn{margin-top:8px}.season-fx{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:4}.season-fx .flake{position:absolute;top:-8%;opacity:.85;will-change:transform;filter:drop-shadow(0 1px 1px rgba(0,0,0,.15));animation-name:sf-fall;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes sf-fall{0%{transform:translateY(-10vh) rotate(0)}25%{transform:translate(20px,20vh) rotate(90deg)}50%{transform:translate(-14px,50vh) rotate(180deg)}75%{transform:translate(16px,78vh) rotate(265deg)}to{transform:translateY(108vh) rotate(360deg)}}.season-fx.winter .flake{opacity:.92}.sun-glow{position:absolute;top:-130px;right:-130px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(255,214,90,.55) 0%,rgba(255,214,90,.22) 42%,transparent 70%);animation:sun-pulse 6s ease-in-out infinite}@keyframes sun-pulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.12);opacity:1}}.map-pane.rolling{cursor:crosshair}.roller-hud{position:absolute;top:12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:14px;background:#fff;border:3px solid var(--brown-line);border-radius:var(--radius);padding:10px 14px;font-size:14px;font-weight:700;color:var(--ink);box-shadow:var(--shadow-soft);z-index:12;white-space:nowrap}.roller-hud .roller-stats{font-family:var(--font-display);color:var(--logo-red);font-variant-numeric:tabular-nums}.roller-hud button{padding:2px 8px;font-size:12px}.season-brief{background:var(--muted);border:2px dashed var(--brown-line);border-radius:var(--radius);padding:10px 14px;font-size:13.5px;font-weight:600;color:var(--ink);margin:4px 0 6px;text-align:left}.map-pane.rolling{cursor:none}.roller-cursor{position:absolute;transform:translate(-50%,-60%) rotate(-12deg);font-size:24px;pointer-events:none;z-index:13;filter:drop-shadow(0 3px 3px rgba(0,0,0,.35));animation:roller-wiggle .5s ease-in-out infinite alternate}@keyframes roller-wiggle{0%{transform:translate(-50%,-60%) rotate(-15deg)}to{transform:translate(-50%,-60%) rotate(-6deg)}}.work-batch{border:2px solid var(--brown-line);border-radius:var(--radius);background:#fff;padding:6px;margin-bottom:8px}.batch-head{display:flex;align-items:center;gap:6px;padding:2px 4px 6px;border-bottom:1px dashed var(--brown-line);margin-bottom:4px}.batch-title{flex:1;display:flex;align-items:center;gap:5px;font-weight:700;font-size:12px;color:var(--ink);text-align:left;background:transparent;border:none;box-shadow:none;padding:2px 0;cursor:pointer}.batch-title:hover{color:var(--logo-red)}.batch-caret{font-size:10px;color:var(--ink-soft)}.batch-undo{padding:2px 8px;font-size:11px;border-width:2px}.batch-job{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;text-align:left;font-size:12px;padding:4px 6px;border:none;border-radius:6px;background:transparent;box-shadow:none;color:var(--ink);cursor:pointer}.batch-job:hover{background:var(--muted);border-color:transparent}.road-flash{animation:road-flash 1.8s ease-out forwards;pointer-events:none;filter:drop-shadow(0 0 6px rgba(0,0,0,.5))}@keyframes road-flash{0%{stroke-width:6;opacity:.4}15%{stroke-width:32;opacity:1}35%{stroke-width:12;opacity:.85}55%{stroke-width:30;opacity:1}to{stroke-width:8;opacity:0}}.mission-card{position:absolute;top:14px;left:14px;z-index:8;background:#fff;border:3px solid var(--logo-red);border-radius:var(--radius);padding:8px 30px 8px 14px;box-shadow:var(--shadow-hard);animation:mission-bob 1.6s ease-in-out infinite}.mission-card.done{border-color:var(--go-green-dark);background:linear-gradient(180deg,#eafbe2,#d6f2c6);animation:none}.mission-card.done .mission-title{color:var(--go-green-dark)}.mission-body{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;background:transparent;border:none;box-shadow:none;padding:0;cursor:pointer}.mission-body:hover{filter:brightness(1.03)}.mission-x{position:absolute;top:-8px;right:-8px;width:22px;height:22px;padding:0;font-size:11px;border-radius:999px;border-width:2px;background:#fff;color:var(--ink-soft)}.mission-x:hover{border-color:var(--logo-red);color:var(--logo-red)}.mission-title{font-family:var(--font-display);font-size:14px;color:var(--logo-red)}.mission-sub{font-size:11px;font-weight:600;color:var(--ink-soft)}@keyframes mission-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.scan-car-svg{transform-box:fill-box;transform-origin:center;animation:scan-car-bob .4s ease-in-out infinite alternate}@keyframes scan-car-bob{0%{transform:scaleX(-1) translateY(0)}to{transform:scaleX(-1) translateY(-3px)}}.treat-swatch{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:middle;border:1px solid rgba(0,0,0,.3)}.treat-btn{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:96px;padding:6px 12px}.treat-btn .treat-icon{font-size:20px;line-height:1}.treat-btn .treat-price{font-family:var(--font-display);font-size:14px;color:var(--ink);white-space:nowrap}.intro-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at top,#ffe4b8,#ffb583 55%,#ff9668);padding:24px}.intro-card{background:var(--cream);border:4px solid var(--brown-line);border-radius:calc(var(--radius) * 2);box-shadow:var(--shadow-soft);padding:40px 44px;max-width:560px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px}.intro-logo{font-family:var(--font-display);font-size:40px;line-height:1.05;color:var(--logo-red);-webkit-text-stroke:1.5px #fff;text-shadow:-2px 0 0 var(--logo-red-dark),2px 0 0 var(--logo-red-dark),0 -2px 0 var(--logo-red-dark),0 2px 0 var(--logo-red-dark),4px 6px 0 rgba(0,0,0,.15),5px 8px 10px rgba(0,0,0,.2);transform:rotate(-2deg)}.intro-tagline{font-size:16px;font-weight:600;color:var(--ink-soft);line-height:1.45;max-width:420px}.intro-btn{font-size:22px;padding:14px 30px}.intro-input{font-family:var(--font-body);font-size:20px;font-weight:700;text-align:center;padding:12px 16px;width:320px;max-width:100%;border:3px solid var(--brown-line);border-radius:var(--radius);background:#fff;color:var(--ink);box-shadow:inset 0 2px 4px #0000001a}.intro-input:focus{outline:none;border-color:var(--logo-red)}.intro-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0}.intro-screen .intro-card{position:relative;z-index:1}.complaint-pin{transform-box:fill-box;transform-origin:center;animation:complaint-bob .7s ease-in-out infinite alternate}@keyframes complaint-bob{0%{transform:translateY(0)}to{transform:translateY(-3px)}}.comic-panel{position:relative;z-index:1;width:min(880px,94vw);background:var(--cream);border:5px solid var(--brown-line);border-radius:calc(var(--radius) * 2);box-shadow:var(--shadow-soft);padding:26px;display:flex;flex-direction:column;align-items:center;gap:20px;cursor:pointer;animation:comic-in .4s ease-out}@keyframes comic-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}.comic-art{width:100%;height:340px;border-radius:var(--radius);border:3px solid var(--brown-line);overflow:hidden;position:relative}.comic-scene{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:14px}.comic-scene .cs-big{font-size:104px;animation:comic-pop .5s ease-out}.comic-scene .cs-mid{font-size:56px}.comic-scene .cs-road{font-size:130px;transform:rotate(-8deg)}.comic-scene .cs-fx{position:absolute;font-size:46px}.comic-scene .cs-a{top:18px;left:24%}.comic-scene .cs-b{bottom:26px;left:40%}.comic-scene .cs-c{top:24px;right:22%}@keyframes comic-pop{0%{transform:scale(.3);opacity:0}70%{transform:scale(1.12)}to{transform:scale(1);opacity:1}}.comic-caption{font-family:var(--font-body);font-weight:700;font-size:22px;line-height:1.45;color:var(--ink);text-align:center;min-height:66px}.comic-dots{display:flex;gap:8px}.comic-dot{width:10px;height:10px;border-radius:999px;background:#8a54244d}.comic-dot.on{background:var(--logo-red)}.comic-skip{position:absolute;bottom:22px;right:22px;z-index:2;font-size:14px}.comic-next{font-size:18px;padding:12px 26px}