@font-face{font-family:Breaked;src:url(/bodalife/fonts/breaked.ttf) format("truetype");font-display:swap}:root{--orange: #f7941d;--orange-deep: #df6826;--maroon: #6b1e2a;--maroon-deep: #4a121c;--cream: #fff5e1;--cream-2: #f6e7c8;--ink: #3a1d14;--danger: #c9302c;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--maroon-deep);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}#app{position:relative;height:100%;width:min(100vw,60dvh);margin:0 auto;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;background:var(--cream)}#stage,#stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block}#hud{position:absolute;inset:0;pointer-events:none}#hud[hidden],.screen[hidden],.fps[hidden],.sign[hidden],.convoy[hidden],.uturn-btn[hidden]{display:none}.topbar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:8px;padding:calc(10px + var(--safe-top)) 10px 10px;background:linear-gradient(#4a121cd9,#4a121c00);color:var(--cream)}.hearts{display:flex;gap:2px}.heart svg{width:21px;height:21px;fill:#e8433a;stroke:var(--cream);stroke-width:1.5;display:block}.heart.helmet svg{fill:var(--orange)}.heart.lost svg{fill:#fff5e126}.stat{display:flex;align-items:baseline;gap:3px}.stat b{font-family:Breaked,system-ui,sans-serif;font-size:24px;font-weight:400;color:var(--orange);font-variant-numeric:tabular-nums}.stat small{font-size:12px;opacity:.85}.spacer{flex:1}.icon-btn{pointer-events:auto;flex:none;width:40px;height:40px;border-radius:50%;border:2px solid var(--cream);background:#4a121c8c;color:var(--cream);display:grid;place-items:center;padding:0;cursor:pointer}.icon-btn svg{width:22px;height:22px;fill:currentColor}.banner{position:absolute;top:calc(66px + var(--safe-top));left:50%;z-index:4;transform:translate(-50%,-10px) scale(.95);width:max-content;max-width:92%;padding:6px 14px 7px;border-radius:12px;background:#fff5e1e6;border:2px solid var(--orange);color:var(--maroon);text-align:center;opacity:0;transition:opacity .2s,transform .2s;box-shadow:0 6px 18px #00000040}.banner.show{opacity:1;transform:translate(-50%) scale(1)}.banner strong{display:block;font-family:Breaked,system-ui,sans-serif;font-weight:400;font-size:22px;color:var(--orange-deep)}.banner span{display:block;font-size:13px;margin-top:1px}.hint{position:absolute;bottom:calc(86px + var(--safe-bottom));left:50%;transform:translate(-50%);max-width:90%;padding:8px 14px;border-radius:999px;background:#4a121cd1;color:var(--cream);font-size:14px;text-align:center;opacity:0;transition:opacity .2s}.hint.show{opacity:1}.fps{position:absolute;right:8px;bottom:calc(6px + var(--safe-bottom));font:11px/1 ui-monospace,monospace;color:#fff;background:#00000080;padding:3px 5px;border-radius:4px}#flash{position:absolute;inset:0;pointer-events:none;background:var(--danger);opacity:0}#flash.go{animation:flash .6s ease-out}@keyframes flash{0%{opacity:.55}to{opacity:0}}.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:calc(24px + var(--safe-top)) 16px calc(24px + var(--safe-bottom));background:#fff5e1e0;text-align:center;overflow-y:auto}#screen-loading,#screen-error{background:var(--cream)}.logo{margin:0;font-family:Breaked,system-ui,sans-serif;font-weight:400;font-size:clamp(52px,17vw,84px);line-height:.9;color:var(--orange);text-shadow:3px 3px 0 var(--maroon)}.logo span{display:block;font-size:.55em;color:var(--maroon);text-shadow:none}.slogan{margin:0;font-size:18px;font-weight:700;letter-spacing:.04em;color:var(--maroon)}.screen-title{margin:0;font-family:Breaked,system-ui,sans-serif;font-weight:400;font-size:40px;color:var(--maroon)}.card{width:100%;max-width:340px;background:var(--cream);border:2px solid var(--orange);border-radius:14px;padding:12px 16px;text-align:left}.card h2{margin:0 0 6px;font-size:16px;color:var(--maroon)}.card ul{margin:0;padding-left:18px;font-size:15px;line-height:1.5}.small{font-size:13px;margin:6px 0 0;color:var(--maroon)}.screen>.small{margin:0}.build-tag{margin:0;font-size:11px;opacity:.6}.results div{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--cream-2);font-size:16px}.results div:last-child{border-bottom:0}.results b{color:var(--maroon)}.big-btn{min-width:220px;min-height:54px;padding:12px 28px;border:0;border-radius:999px;background:var(--orange);color:var(--maroon-deep);font-family:Breaked,system-ui,sans-serif;font-size:26px;box-shadow:0 4px 0 var(--maroon);cursor:pointer}.big-btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--maroon)}.link-btn{background:none;border:0;color:var(--maroon);font-size:16px;text-decoration:underline;padding:10px;cursor:pointer}@media(hover:none){.keys{display:none}}.speed.speeding b{color:#ff5a4a}.gears{display:inline-flex;gap:2px;margin-left:4px;align-self:center}.gears i{width:6px;height:10px;border-radius:2px;background:#fff5e140}.gears i.on{background:var(--orange)}.speed.speeding .gears i.on{background:#ff5a4a}.where{position:absolute;top:calc(64px + var(--safe-top));left:12px;max-width:55%;font-size:12px;font-weight:700;color:var(--cream);text-shadow:0 1px 2px rgba(0,0,0,.7)}.minimap{position:absolute;top:calc(62px + var(--safe-top));right:10px;width:104px;height:126px;border-radius:10px;border:2px solid var(--maroon);background:#fff5e1e0;pointer-events:auto;cursor:pointer}.minimap.big{top:calc(64px + var(--safe-top));left:12px;right:12px;width:auto;height:min(70%,560px);background:#fff5e1f5;z-index:5}.sign{position:absolute;top:calc(192px + var(--safe-top));left:50%;transform:translate(-50%);display:flex;gap:6px;padding:6px;border-radius:10px;background:#1f5a3a;border:2px solid #f4f4ef;box-shadow:0 4px 12px #00000059}.sign .exit{width:84px;padding:2px 3px 4px;border-radius:6px;color:#f4f4ef;text-align:center;font-size:11px;font-weight:700;line-height:1.1;border:2px solid transparent}.sign .exit svg{display:block;width:20px;height:20px;margin:0 auto 1px;fill:currentColor}.sign .exit.chosen{background:var(--orange);color:var(--maroon-deep);border-color:#fff}.sign{flex-direction:column;align-items:center;width:max-content;max-width:calc(100% - 16px);padding:4px 5px 3px;gap:2px}.sign .exits{display:flex;gap:4px}.sign .dist{text-align:center;font-size:10px;font-weight:700;color:#cfe8d6}.boarding{position:absolute;bottom:calc(140px + var(--safe-bottom));left:50%;transform:translate(-50%);padding:6px 14px;border-radius:6px;background:#1a1a1a;border:2px solid #333;color:#ffb000;font:700 15px/1.2 ui-monospace,Courier New,monospace;letter-spacing:.12em;text-shadow:0 0 6px #ff9000;animation:boarding-blink .7s steps(1) infinite}.boarding[hidden]{display:none}@keyframes boarding-blink{50%{color:#4a3000;text-shadow:none}}.convoy{position:absolute;inset:0;border:10px solid #ff2020;animation:convoy-flash .28s steps(1) infinite}.convoy-box{position:absolute;top:56%;left:50%;transform:translate(-50%,-50%);padding:10px 18px;border-radius:12px;background:#140000d1;color:#fff;text-align:center}.convoy-box strong{display:block;font-family:Breaked,system-ui,sans-serif;font-weight:400;font-size:40px;color:#ff4040;letter-spacing:.04em}.convoy-box span{display:block;font-size:17px;font-weight:700}.convoy-box em{display:block;font-style:normal;font-size:14px;opacity:.85;margin-top:2px}@keyframes convoy-flash{0%{border-color:#ff2020}50%{border-color:#2050ff}}.trip{position:absolute;top:calc(84px + var(--safe-top));left:10px;width:min(58%,230px);padding:7px 10px 8px;border-radius:10px;background:#fff5e1f0;border:2px solid var(--orange);color:var(--maroon);box-shadow:0 3px 10px #0003}.trip[hidden]{display:none}.trip-top{display:flex;align-items:baseline;gap:5px;font-size:15px;line-height:1.15}.trip-top span{font-size:12px;opacity:.8}.trip-sub{display:flex;justify-content:space-between;margin:3px 0 5px;font-size:13px}.trip-sub b{color:var(--orange-deep)}.progress{height:7px;border-radius:4px;background:#6b1e2a26;overflow:hidden}.progress i{display:block;height:100%;width:0;border-radius:4px;background:var(--orange)}.mood{font-size:11px;font-weight:700;padding:0 6px;border-radius:999px;color:#fff;background:#3aa357}.mood.impatient{background:#e0a21c}.mood.angry{background:#d23b2f}.km{font-size:10px;font-weight:700;opacity:.85}.sign .exit.route:after{content:"ROUTE";display:block;margin-top:3px;font-size:9px;letter-spacing:.08em;color:#fff;background:#2b8a3e;border-radius:3px;padding:1px 0}.money{display:flex;flex-direction:column;line-height:1}.debt{white-space:nowrap;font-size:11px;font-weight:700;color:#ff8a7a}.debt[hidden],.dash[hidden]{display:none}.items{display:flex;gap:3px;align-items:center}.item{position:relative;display:grid;place-items:center;width:22px;height:22px;border-radius:6px;background:#fff5e11f;color:#fff5e14d}.item svg{width:16px;height:16px;fill:currentColor}.item.on{background:var(--orange);color:var(--maroon-deep)}.item.cement b{position:absolute;right:-4px;bottom:-5px;font-size:10px;font-style:normal;color:var(--cream);text-shadow:0 1px 2px #000}.day{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:12px;font-weight:700}.daybar{display:block;width:40px;height:4px;border-radius:2px;background:#fff5e140;overflow:hidden}.daybar i{display:block;height:100%;width:0;background:var(--orange)}.dash{position:absolute;left:10px;bottom:calc(12px + var(--safe-bottom));padding:6px 10px;border-radius:10px;background:#4a121cc7;color:var(--cream)}.fuel{display:flex;align-items:center;gap:5px;margin-top:3px}.fuel svg{display:block;width:15px;height:15px;fill:currentColor}.fuelbar{display:block;width:70px;height:7px;border-radius:4px;background:#fff5e133;overflow:hidden}.fuelbar i{display:block;height:100%;width:100%;background:#3aa357}.fuel.low{color:#ff8a7a;animation:boarding-blink .8s steps(1) infinite}.fuel.low .fuelbar i{background:#d23b2f}.levels{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}.levels button{min-height:36px;padding:6px 12px;border-radius:999px;border:2px solid var(--maroon);background:var(--cream);color:var(--maroon);font-weight:700;font-size:14px;cursor:pointer}.levels button.on{background:var(--maroon);color:var(--cream)}.level-blurb{min-height:2.4em;max-width:320px}.shop-items .row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--cream-2)}.shop-items .row:last-child{border-bottom:0}.row .what{flex:1;font-size:14px;color:var(--ink)}.row .what b{display:block;font-size:16px;color:var(--maroon)}.row button{min-width:84px;min-height:42px;border:0;border-radius:999px;background:var(--orange);color:var(--maroon-deep);font-weight:800;font-size:15px;cursor:pointer}.row button:disabled{background:var(--cream-2);color:#6b1e2a80;cursor:default}.uturn-btn{position:absolute;right:14px;bottom:calc(80px + var(--safe-bottom));pointer-events:auto;min-width:96px;min-height:48px;border:0;border-radius:999px;background:var(--cream);color:var(--maroon);font-family:Breaked,system-ui,sans-serif;font-size:22px;box-shadow:0 3px 0 var(--maroon);cursor:pointer}.goals{display:flex;gap:4px;margin-top:5px}.goal{display:flex;align-items:center;gap:1px;height:20px;padding:0 4px 0 3px;border-radius:6px;background:#fff5e11f;color:#fff5e173;font-style:normal}.goals{pointer-events:auto;cursor:pointer}.goals-card .goal-row{display:flex;justify-content:space-between;gap:10px;padding:4px 0;border-bottom:1px solid var(--cream-2);font-size:14px}.goals-card .goal-row.sub{padding-left:14px;font-size:13px}.goals-card .goal-row b{color:var(--maroon);text-align:right}.goals-card .goal-row.done b{color:#2b8a3e}.goal svg{width:14px;height:14px;fill:currentColor}.goal b{font-size:11px}.goal.done{background:var(--orange);color:var(--maroon-deep)}.police{position:absolute;inset:0;border:10px solid #2050ff;animation:police-flash .4s steps(1) infinite}.police[hidden]{display:none}.police-box{position:absolute;top:58%;left:50%;transform:translate(-50%,-50%);padding:8px 16px;border-radius:12px;background:#000828d6;color:#fff;text-align:center;white-space:nowrap}.police-box strong{display:block;font-family:Breaked,system-ui,sans-serif;font-weight:400;font-size:34px;letter-spacing:.04em;animation:police-text .4s steps(1) infinite}.police-box span{display:block;font-size:15px;font-weight:700}.police-box em{display:block;font-style:normal;font-size:13px;opacity:.85;margin-top:2px}@keyframes police-flash{0%{border-color:#2050ff}50%{border-color:#ff2020}}@keyframes police-text{0%{color:#6f8dff}50%{color:#ff4040}}.event-pill{position:absolute;right:10px;bottom:calc(14px + var(--safe-bottom));max-width:46%;padding:6px 12px;border-radius:999px;background:var(--cream);border:2px solid var(--orange);color:var(--maroon);font-size:12px;font-weight:700;pointer-events:auto;cursor:pointer}.event-pill[hidden]{display:none}.scores-table{width:100%;border-collapse:collapse;font-size:13px}.scores-table th{text-align:left;font-size:11px;color:var(--maroon);opacity:.75;padding:2px 4px}.scores-table td{padding:5px 4px;border-top:1px solid var(--cream-2)}.scores-table tr.won td:nth-child(2){color:#2b8a3e;font-weight:700}.fade{position:absolute;inset:0;background:#120407;opacity:0;transition:opacity .6s}.fade.on{opacity:1}svg.ic{width:1.15em;height:1.15em;fill:currentColor;vertical-align:-.2em;flex:none}.results span svg.ic{margin-right:6px;color:var(--orange-deep)}.shop-title{display:flex;align-items:center;gap:8px}.shop-title svg.ic{color:var(--orange-deep)}.shop-items .row>svg.ic{width:26px;height:26px;color:var(--orange-deep)}.goals-card .goal-row{align-items:center}.goals-card .goal-row span{display:flex;align-items:center;gap:8px}.goals-card .goal-row svg.ic{width:20px;height:20px;color:var(--orange-deep)}.goals-card .goal-row.done svg.ic{color:#2b8a3e}.chips{display:flex;flex-wrap:wrap;gap:4px;padding:4px 0 6px 28px;border-bottom:1px solid var(--cream-2)}.chip{padding:2px 8px;border-radius:999px;font-size:12px;font-weight:700;background:var(--cream-2);color:#6b1e2a99}.chip.done{background:#2b8a3e;color:#fff}.logo-img{display:block;width:min(70%,280px);height:auto}.title-links{display:flex;gap:18px;justify-content:center}.tutor[hidden]{display:none}.tutor-gesture{position:absolute;left:50%;top:52%;width:150px;height:150px;margin:-75px 0 0 -75px;pointer-events:none}.tutor-hand{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;display:grid;place-items:center;background:#fff5e1eb;border:3px solid var(--orange);color:var(--maroon);box-shadow:0 4px 14px #0000004d}.tutor-hand svg.ic{width:34px;height:34px}.tutor-gesture.left .tutor-hand{animation:swipe-left 1.3s ease-in-out infinite}.tutor-gesture.right .tutor-hand{animation:swipe-right 1.3s ease-in-out infinite}.tutor-gesture.up .tutor-hand{animation:swipe-up 1.3s ease-in-out infinite}.tutor-gesture.down .tutor-hand{animation:swipe-down 1.3s ease-in-out infinite}.tutor-gesture.hold .tutor-hand{animation:hold-press 1.2s ease-in-out infinite}.tutor-gesture.none{display:none}@keyframes swipe-left{0%{transform:translate(45px);opacity:0}20%{opacity:1}70%{transform:translate(-45px);opacity:1}to{transform:translate(-45px);opacity:0}}@keyframes swipe-right{0%{transform:translate(-45px);opacity:0}20%{opacity:1}70%{transform:translate(45px);opacity:1}to{transform:translate(45px);opacity:0}}@keyframes swipe-up{0%{transform:translateY(45px);opacity:0}20%{opacity:1}70%{transform:translateY(-45px);opacity:1}to{transform:translateY(-45px);opacity:0}}@keyframes swipe-down{0%{transform:translateY(-45px);opacity:0}20%{opacity:1}70%{transform:translateY(45px);opacity:1}to{transform:translateY(45px);opacity:0}}@keyframes hold-press{0%,to{transform:scale(1);box-shadow:0 0 #f7941db3}50%{transform:scale(.85);box-shadow:0 0 0 22px #f7941d00}}.tutor-card{position:absolute;left:50%;top:calc(66px + var(--safe-top));transform:translate(-50%);width:min(88%,340px);padding:10px 14px;border-radius:12px;background:#fff5e1f0;border:3px solid var(--orange);color:var(--maroon);text-align:center;box-shadow:0 4px 14px #00000040}.tutor-card b{display:block;font-family:Breaked,system-ui,sans-serif;font-weight:400;font-size:24px;color:var(--orange-deep)}.tutor-card span{display:block;font-size:14px;line-height:1.35;margin-top:2px}.tutor-card small{display:block;margin-top:4px;font-size:11px;opacity:.7}.tutor-skip{position:absolute;right:12px;bottom:calc(150px + var(--safe-bottom));pointer-events:auto;padding:6px 12px;border:0;border-radius:999px;background:#4a121cbf;color:var(--cream);font-size:13px;font-weight:700;cursor:pointer}