:root{--cream:#fbf3e4;--paper:#fffaf1;--ink:#3b3230;--ink-soft:#857770;--line:#e6d9c3;--sea:#86bcd6;--sea-deep:#2f6f9f;--sea-light:#cfe6f1;--simit:#d99a4e;--terracotta:#c7653f;--tea:#b23a2e;--green:#5e9f6c;--mustard:#e3b04b;--radius:16px;--radius-s:10px;--shadow:0 4px 14px #3b323029;--shadow-s:0 2px 6px #3b323024;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--t:.2s cubic-bezier(.3, .7, .4, 1);--st:env(safe-area-inset-top,0px);--sr:env(safe-area-inset-right,0px);--sb:env(safe-area-inset-bottom,0px);--sl:env(safe-area-inset-left,0px)}.ui-root{z-index:10;pointer-events:none;font-family:var(--font);color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-size:15px;line-height:1.3;position:fixed;inset:0}.ui-root *,.mg *{box-sizing:border-box}.ic{flex:none;width:1.25em;height:1.25em;display:inline-flex}.ic svg{width:100%;height:100%}.hidden{display:none!important}.card{background:var(--paper);border-radius:var(--radius);box-shadow:var(--shadow);pointer-events:auto}.btn{background:var(--paper);min-width:44px;min-height:44px;color:var(--ink);font:inherit;box-shadow:var(--shadow-s);cursor:pointer;pointer-events:auto;touch-action:manipulation;transition:transform .15s ease, background var(--t), color var(--t), opacity var(--t);border:none;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-weight:650;display:inline-flex}.btn:active:not(:disabled){transform:scale(.95)}.btn:disabled{opacity:.45;cursor:default}.btn:focus-visible{outline:3px solid var(--sea);outline-offset:2px}.btn.primary{background:var(--terracotta);color:#fff}.btn.sea{background:var(--sea-deep);color:#fff}.btn.ghost{box-shadow:none;background:0 0}.btn.round{border-radius:50%;width:48px;height:48px;padding:0}.btn.big{border-radius:16px;min-height:54px;padding:0 26px;font-size:17px}.btn.wide{width:100%}.btn.on{background:var(--sea-deep);color:#fff}.chip{background:var(--cream);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:13px;font-weight:600;display:inline-flex}.chip.delta.up{color:#3f7a4e;background:#e3f0e3}.chip.delta.down{color:#a2462a;background:#f6e0d6}.line-chip{color:#fff;white-space:nowrap;border-radius:7px;align-items:center;gap:3px;padding:2px 8px;font-size:13px;font-weight:750;display:inline-flex}.line-chip .ic{width:1em;height:1em}.crowd{color:var(--ink-soft);align-items:center;gap:2px;display:inline-flex}.crowd i{background:var(--line);border-radius:2px;width:5px;height:12px}.crowd.c1 i.on{background:var(--green)}.crowd.c2 i.on{background:var(--mustard)}.crowd.c3 i.on{background:var(--terracotta)}.muted{color:var(--ink-soft);font-size:13px}.toggle{background:var(--line);width:46px;height:28px;transition:background var(--t);border-radius:14px;flex:none;position:relative}.toggle:after{content:"";width:22px;height:22px;box-shadow:var(--shadow-s);transition:transform var(--t);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.on>.toggle,.toggle.on{background:var(--green)}.on>.toggle:after,.toggle.on:after{transform:translate(18px)}.hud{padding:calc(var(--st) + 10px) calc(var(--sr) + 10px) calc(var(--sb) + 10px) calc(var(--sl) + 10px);position:absolute;inset:0}.hud-top{align-items:flex-start;gap:8px;display:flex}.hud-clock{grid-template-columns:auto auto;align-items:center;column-gap:8px;padding:7px 12px;display:grid}.hud-clock .time{font-variant-numeric:tabular-nums;letter-spacing:.5px;font-size:22px;font-weight:800}.hud-clock .day{color:var(--ink-soft);grid-column:1/span 2;font-size:12px;font-weight:600}.hud-clock .ic{width:24px;height:24px;color:var(--simit)}.hud-mission{border-left:6px solid var(--green);max-width:360px;transition:border-color var(--t);flex:1;min-width:0;margin:0 auto;padding:8px 12px}.hud-mission .m-title{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:750;overflow:hidden}.hud-mission .m-dest{color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;font-size:12.5px;display:flex;overflow:hidden}.hud-mission .m-row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;font-size:13px;display:flex}.hud-mission .m-count{font-variant-numeric:tabular-nums;font-weight:750}.state-chip{color:#fff;background:var(--green);text-transform:uppercase;border-radius:999px;padding:1px 8px;font-size:11.5px;font-weight:750}.hud-mission.erken{border-color:var(--mustard)}.hud-mission.erken .state-chip{background:var(--mustard);color:var(--ink)}.hud-mission.gec{border-color:var(--tea)}.hud-mission.gec .state-chip{background:var(--tea)}.hud-buttons{gap:8px;display:flex}.badge-wrap{position:relative}.badge{background:var(--tea);color:#fff;pointer-events:none;border-radius:10px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:12px;font-weight:800;display:grid;position:absolute;top:-3px;right:-3px}.hud-stats{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.stat{background:var(--paper);box-shadow:var(--shadow-s);font-variant-numeric:tabular-nums;transition:transform var(--t), background var(--t);border-radius:12px;align-items:center;gap:6px;padding:5px 9px;font-size:13px;font-weight:700;display:flex}.stat .bar{background:var(--line);border-radius:4px;width:52px;height:7px;overflow:hidden}.stat .bar i{height:100%;transition:width .25s ease, background var(--t);border-radius:4px;display:block}.stat.mental .ic{color:var(--tea)}.stat.mental .bar i{background:var(--tea)}.stat.energy .ic{color:var(--mustard)}.stat.energy .bar i{background:var(--mustard)}.stat.prestige .ic{color:var(--sea-deep)}.stat.prestige .bar i{background:var(--sea-deep)}.stat.money .ic,.stat.card .ic{color:var(--green)}.stat.low .bar i{background:var(--terracotta)}.stat.bump{transform:scale(1.08)}.stat.bump.down{background:#f6e0d6}.stat.bump.up{background:#e3f0e3}.hud-bottom{left:50%;bottom:calc(var(--sb) + 14px);flex-direction:column;align-items:center;gap:8px;max-width:calc(100% - 260px);display:flex;position:absolute;transform:translate(-50%)}.compass{background:var(--paper);width:52px;height:52px;box-shadow:var(--shadow);color:var(--terracotta);transition:opacity var(--t);border-radius:50%;place-items:center;display:grid}.compass .ic{width:30px;height:30px;transition:transform .15s linear}.street{box-shadow:var(--shadow-s);white-space:nowrap;text-overflow:ellipsis;background:#fffaf1eb;border-radius:999px;max-width:100%;padding:6px 14px;font-size:13.5px;font-weight:700;overflow:hidden}.hud-actions{right:calc(var(--sr) + 14px);bottom:calc(var(--sb) + 14px);align-items:flex-end;gap:12px;display:flex;position:absolute}.action-btn{background:var(--terracotta);color:#fff;letter-spacing:.3px;width:86px;height:86px;box-shadow:var(--shadow);border-radius:50%;flex-direction:column;gap:2px;padding:0;font-size:12.5px;font-weight:800}.action-btn .ic{width:30px;height:30px}.action-btn:disabled{background:var(--ink-soft)}.run-btn{width:58px;height:58px}@media (hover:hover) and (pointer:fine){.run-btn{display:none}}.action-btn .key-hint{font:inherit;opacity:.85;border:1px solid;border-radius:4px;padding:0 5px;font-size:10px}.grip-btn{touch-action:none;-webkit-user-select:none;user-select:none;border-radius:999px;gap:6px;min-height:58px;padding:0 18px;font-weight:800}.grip-btn.on{background:var(--terracotta);color:#fff}@media (hover:none),(pointer:coarse){.action-btn .key-hint,.grip-btn .key{display:none}}.toasts{top:calc(var(--hud-bottom,130px) + 10px);z-index:3;flex-direction:column;align-items:center;gap:6px;width:max-content;max-width:calc(100% - 20px);display:flex;position:absolute;left:50%;transform:translate(-50%)}.toast{background:var(--paper);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:14px;font-weight:700;transition:opacity .25s,transform .25s;animation:.22s both toast-in;display:flex}.toast.up .ic{color:var(--green)}.toast.down .ic{color:var(--terracotta)}.toast.out{opacity:0;transform:translateY(-8px)}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)scale(.96)}}.side-panel{left:calc(var(--sl) + 10px);top:calc(var(--hud-bottom,130px) + 10px);width:330px;max-height:calc(100% - var(--hud-bottom,130px) - var(--sb) - 130px);min-height:160px;transition:opacity var(--t), transform var(--t);flex-direction:column;display:flex;position:absolute;overflow:hidden}.side-panel.closed{opacity:0;pointer-events:none;transform:translate(-16px)}.panel-head{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:12px 14px 8px;display:flex}.panel-head .title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:16px;font-weight:800;overflow:hidden}.mode-icons{color:var(--sea-deep);gap:4px;display:flex}.panel-body{overscroll-behavior:contain;flex:1;overflow-y:auto}.panel-foot{border-top:1px solid var(--line);gap:8px;padding:8px 10px;display:flex}.panel-foot .btn{flex:1}.arrival{border-bottom:1px solid var(--line);align-items:center;gap:8px;min-height:56px;padding:8px 12px;display:flex}.arrival:last-child{border-bottom:none}.arrival .info{flex:1;min-width:0}.arrival .head{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.arrival .eta{font-variant-numeric:tabular-nums;font-size:13.5px;font-weight:750}.arrival .eta.soon{color:var(--terracotta)}.arrival .eta.door{color:var(--green)}.arrival .btn{min-width:64px;padding:0 12px}.empty{text-align:center;color:var(--ink-soft);padding:18px;font-size:14px}.stop-list{margin:0;padding:6px 0;list-style:none}.stop-list li{align-items:center;gap:10px;padding:6px 14px;font-size:14px;display:flex;position:relative}.stop-list li .dot{border:3px solid var(--line-color,var(--sea-deep));background:var(--paper);border-radius:50%;flex:none;width:12px;height:12px}.stop-list li .name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.stop-list li .tm{font-variant-numeric:tabular-nums;color:var(--ink-soft);font-size:13px}.stop-list li.next{background:var(--cream);font-weight:800}.stop-list li.next .dot{background:var(--line-color,var(--sea-deep))}.ride-meta{color:var(--ink-soft);border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:6px 14px;font-size:13px;display:flex}.phone-wrap{padding:calc(var(--st) + 72px) calc(var(--sr) + 12px) calc(var(--sb) + 12px) 16px;pointer-events:none;z-index:5;justify-content:flex-end;align-items:center;display:flex;position:absolute;inset:0}.phone{border:8px solid var(--ink);background:var(--paper);width:390px;height:min(760px,100%);box-shadow:var(--shadow);opacity:0;visibility:hidden;transition:opacity var(--t), transform var(--t), visibility var(--t);pointer-events:none;border-radius:34px;flex-direction:column;display:flex;overflow:hidden;transform:translateY(24px)}.phone.open{opacity:1;visibility:visible;pointer-events:auto;transform:none}.phone-status{font-variant-numeric:tabular-nums;align-items:center;gap:8px;padding:8px 12px 4px 18px;font-size:13px;font-weight:750;display:flex}.phone-status .grow{flex:1}.phone-title{padding:0 18px 8px;font-size:22px;font-weight:850}.phone-body{overscroll-behavior:contain;flex:1;min-height:0;position:relative;overflow-y:auto}.phone-tabs{border-top:1px solid var(--line);background:var(--cream);padding-bottom:2px;display:flex}.phone-tabs .btn{min-height:54px;box-shadow:none;color:var(--ink-soft);background:0 0;border-radius:0;flex-direction:column;flex:1;gap:1px;padding:0 2px;font-size:11px;font-weight:650}.phone-tabs .btn.active{color:var(--terracotta)}.phone-tabs .btn .ic{width:22px;height:22px}@media (max-width:600px),(max-height:520px){.phone-wrap{padding:0}.phone{width:100%;height:100%;padding:var(--st) var(--sr) var(--sb) var(--sl);border:none;border-radius:0}}.map-view{touch-action:none;background:#86bcd6;position:absolute;inset:0;overflow:hidden}.map-view canvas{cursor:grab;width:100%;height:100%;display:block}.map-tools{flex-direction:column;gap:8px;display:flex;position:absolute;bottom:10px;right:10px}.route-card{border-radius:var(--radius);background:var(--cream);cursor:pointer;transition:border-color var(--t), background var(--t);pointer-events:auto;border:2px solid #0000;margin:10px 12px;padding:12px}.route-card.selected{border-color:var(--terracotta);background:#fdeee2}.route-card .r-top{align-items:baseline;gap:8px;display:flex}.route-card .r-label{flex:1;font-weight:800}.route-card .r-min{font-variant-numeric:tabular-nums;font-size:22px;font-weight:850}.route-card .r-meta{color:var(--ink-soft);flex-wrap:wrap;gap:4px 12px;margin:4px 0 8px;font-size:12.5px;display:flex}.legs{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.legs .sep{color:var(--ink-soft);font-size:12px}.leg-walk{color:var(--ink-soft);align-items:center;gap:2px;font-size:12.5px;font-weight:650;display:inline-flex}.thread{border:none;border-bottom:1px solid var(--line);width:100%;min-height:60px;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;align-items:center;gap:12px;padding:10px 16px;display:flex}.avatar{color:#fff;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-weight:800;display:grid}.thread .t-main{flex:1;min-width:0}.thread .t-name{font-weight:750}.thread .t-last{color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.thread.unread .t-name:after{content:"";background:var(--tea);vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-left:6px;display:inline-block}.bubbles{flex-direction:column;gap:6px;padding:12px;display:flex}.bubble{background:var(--cream);border-radius:16px 16px 16px 4px;align-self:flex-start;max-width:78%;padding:8px 12px;font-size:14.5px}.bubble.me{background:var(--sea-deep);color:#fff;border-bottom-right-radius:4px;border-bottom-left-radius:16px;align-self:flex-end}.bubble .bt{opacity:.7;text-align:right;margin-top:2px;font-size:11px;display:block}.replies{flex-direction:column;gap:6px;padding:6px 12px 14px;display:flex}.replies .btn{text-align:left;background:var(--sea-light);justify-content:flex-start}.thread-head{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:4px 10px;font-weight:750;display:flex}.section{padding:10px 16px}.section h4{text-transform:uppercase;letter-spacing:.6px;color:var(--ink-soft);margin:6px 0 8px;font-size:13px}.stat-row{align-items:center;gap:10px;padding:6px 0;display:flex}.stat-row .name{align-items:center;gap:5px;width:92px;font-weight:700;display:flex}.hbar{background:var(--line);border-radius:6px;flex:1;height:12px;overflow:hidden}.hbar i{background:var(--sea-deep);border-radius:6px;height:100%;display:block}.stat-row.mental .hbar i{background:var(--tea)}.stat-row.energy .hbar i{background:var(--mustard)}.stat-row .val{text-align:right;font-variant-numeric:tabular-nums;width:76px;font-weight:750}.ledger{margin:0;padding:0;list-style:none}.ledger li{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:6px 0;font-size:14px;display:flex}.ledger li .tm{color:var(--ink-soft);font-variant-numeric:tabular-nums;width:42px;font-size:12.5px}.ledger li .why{flex:1}.setting{border-bottom:1px solid var(--line);align-items:center;gap:10px;min-height:52px;display:flex}.setting>.lbl{flex:1;font-weight:650}.setting input[type=range]{width:140px;accent-color:var(--terracotta);height:28px}.seg{background:var(--cream);border-radius:12px;gap:2px;padding:3px;display:flex}.seg .btn{min-width:44px;min-height:38px;box-shadow:none;background:0 0;padding:0 10px;font-size:13px}.seg .btn.active{background:var(--paper);box-shadow:var(--shadow-s);color:var(--terracotta)}.switch-btn,.switch-btn.on{box-shadow:none;background:0 0;padding:0}.modal-wrap{padding:calc(var(--st) + 16px) calc(var(--sr) + 16px) calc(var(--sb) + 16px) calc(var(--sl) + 16px);pointer-events:auto;z-index:6;background:#3b323052;place-items:center;animation:.2s both fade-in;display:grid;position:absolute;inset:0}@keyframes fade-in{0%{opacity:0}}.modal{width:min(420px,100%);max-height:100%;padding:20px;animation:.22s cubic-bezier(.3,.7,.4,1.2) both pop-in;overflow-y:auto}@keyframes pop-in{0%{opacity:0;transform:translateY(14px)scale(.97)}}.modal .m-icon{background:var(--cream);width:52px;height:52px;color:var(--terracotta);border-radius:16px;place-items:center;margin-bottom:10px;display:grid}.modal .m-icon .ic{width:30px;height:30px}.modal h2{margin:0 0 8px;font-size:21px}.modal p{margin:0 0 16px;font-size:15.5px;line-height:1.45}.choices{flex-direction:column;gap:8px;display:flex}.choices .btn{text-align:left;background:var(--cream);box-shadow:none;flex-direction:column;align-items:flex-start;gap:0;padding:10px 14px}.choices .btn small{color:var(--ink-soft);font-size:12.5px;font-weight:500}.deltas{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.screen{z-index:8;background:var(--cream);pointer-events:auto;padding:calc(var(--st) + 24px) calc(var(--sr) + 18px) calc(var(--sb) + 24px) calc(var(--sl) + 18px);-webkit-user-select:text;user-select:text;flex-direction:column;align-items:center;animation:.22s both fade-in;display:flex;position:absolute;inset:0;overflow-y:auto}.screen>.inner{flex-direction:column;gap:14px;width:min(460px,100%);margin:auto 0;display:flex}.screen h1{letter-spacing:-.5px;text-align:center;margin:0;font-size:34px;font-weight:900}.screen h2{margin:0;font-size:24px;font-weight:850}.screen .sub{text-align:center;color:var(--ink-soft);margin:-6px 0 6px}.attribution{color:var(--ink-soft);text-align:center;font-size:11.5px;line-height:1.45}.progress{background:var(--line);border-radius:6px;height:12px;overflow:hidden}.progress i{background:var(--terracotta);border-radius:6px;width:0;height:100%;transition:width .2s;display:block}.skyline{width:100%;height:auto;display:block}.panel{background:var(--paper);border-radius:var(--radius);box-shadow:var(--shadow-s);padding:14px}.field label{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:13px;font-weight:750;display:block}.text-input{border:2px solid var(--line);background:var(--paper);width:100%;min-height:46px;font:inherit;color:var(--ink);transition:border-color var(--t);border-radius:12px;outline:none;padding:0 14px;font-size:16px}.text-input:focus{border-color:var(--sea)}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatch{border:3px solid var(--paper);width:44px;height:44px;box-shadow:0 0 0 2px var(--line);cursor:pointer;transition:box-shadow var(--t), transform .15s ease;border-radius:50%;padding:0}.swatch.active{box-shadow:0 0 0 3px var(--terracotta);transform:scale(1.06)}.creator{grid-template-columns:1fr;gap:12px;display:grid}.preview-slot{border-radius:var(--radius);background:var(--sea-light);height:220px;position:relative;overflow:hidden}@media (min-width:860px){.screen>.inner.s-creator{width:min(820px,100%)}.creator{grid-template-columns:300px 1fr;column-gap:20px}.preview-slot{grid-row:1/span 6;height:100%;min-height:360px}}.districts{flex-wrap:wrap;gap:6px;display:flex}.districts .btn{min-height:40px;box-shadow:none;background:var(--cream);border:2px solid var(--line);padding:0 12px;font-size:14px}.districts .btn.active{border-color:var(--terracotta);background:#fdeee2}.notif{background:var(--paper);box-shadow:var(--shadow);border-radius:20px;gap:12px;padding:12px 14px;animation:.3s .25s both pop-in;display:flex}.notif .app-ic{background:var(--terracotta);color:#fff;border-radius:11px;flex:none;place-items:center;width:40px;height:40px;display:grid}.notif .n-top{color:var(--ink-soft);gap:6px;font-size:12px;font-weight:650;display:flex}.notif .n-top .grow{flex:1}.notif .n-title{margin:2px 0;font-weight:800}.notif .n-body{font-size:14px}.morning-head{text-align:center}.lock-time{letter-spacing:-1px;font-variant-numeric:tabular-nums;color:var(--sea-deep);font-size:64px;font-weight:900}.morning-head .big{font-size:30px;font-weight:900}.weather-line{color:var(--ink-soft);align-items:center;gap:6px;margin-top:4px;font-weight:650;display:inline-flex}.weather-line .ic{color:var(--simit);width:26px;height:26px}.grade{letter-spacing:1px;color:#fff;border-radius:16px;align-self:center;padding:10px 26px;font-size:30px;font-weight:900;animation:.3s cubic-bezier(.3,.7,.4,1.4) both pop-in}.grade.mukemmel{background:var(--green)}.grade.iyi{background:var(--sea-deep)}.grade.gec{background:var(--mustard);color:var(--ink)}.grade.cok_gec{background:var(--terracotta)}.grade.basarisiz{background:var(--tea)}.center{text-align:center}.funny{text-align:center;margin:0;font-size:16px;line-height:1.45}.breakdown{flex-direction:column;gap:8px;display:flex}.breakdown .b-row{grid-template-columns:minmax(90px,40%) 1fr auto;align-items:center;gap:8px;font-size:14px;display:grid}.breakdown .b-row .why{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.breakdown .hbar i{background:var(--tea)}.facts{grid-template-columns:1fr 1fr;gap:8px;display:grid}.fact{background:var(--paper);box-shadow:var(--shadow-s);border-radius:14px;padding:10px 12px}.fact .v{font-variant-numeric:tabular-nums;font-size:20px;font-weight:850}.fact .k{color:var(--ink-soft);font-size:12px;font-weight:650}.mission-line{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding:6px 0;display:flex}.mission-line .grade{letter-spacing:.4px;border-radius:8px;padding:3px 9px;font-size:11.5px;animation:none}.menu{flex-direction:column;gap:10px;display:flex}.screen.dim{background:#3b323073}.screen.dim>.inner{background:var(--paper);box-shadow:var(--shadow);border-radius:24px;width:min(360px,100%);padding:22px}@media (max-width:600px){.hud-top{flex-wrap:wrap}.hud-mission{flex-basis:100%;order:3;max-width:none}.hud-buttons{margin-left:auto}.hud-clock .time{font-size:19px}.hud-stats{flex-wrap:nowrap;gap:4px}.stat{grid-template-columns:auto auto;gap:3px 4px;padding:4px 7px;font-size:12px;display:grid}.stat .bar{grid-area:2/1/auto/span 2;width:100%;height:4px}.side-panel{left:calc(var(--sl) + 8px);right:calc(var(--sr) + 8px);width:auto;max-height:40vh}.hud-bottom{max-width:calc(100% - 210px);bottom:calc(var(--sb) + 110px)}.action-btn{width:76px;height:76px}}@media (max-height:520px) and (orientation:landscape){.side-panel{max-height:calc(100% - var(--hud-bottom,100px) - var(--sb) - 20px);width:300px}}.mg{z-index:50;background:var(--cream);font-family:var(--font);color:var(--ink);-webkit-user-select:none;user-select:none;touch-action:none;animation:.2s both fade-in;position:fixed;inset:0}.mg canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.mg-top{top:calc(var(--st) + 10px);left:calc(var(--sl) + 12px);right:calc(var(--sr) + 12px);pointer-events:none;z-index:2;align-items:center;gap:12px;display:flex;position:absolute}.mg-title{background:var(--paper);box-shadow:var(--shadow-s);white-space:nowrap;border-radius:999px;padding:6px 12px;font-size:16px;font-weight:850}.mg-timer{height:10px;box-shadow:var(--shadow-s);background:#fffaf1d9;border-radius:5px;flex:1;overflow:hidden}.mg-timer i{background:var(--terracotta);border-radius:5px;width:100%;height:100%;display:block}.mg-layer{pointer-events:none;z-index:1;position:absolute;inset:0}.mg-layer .btn,.mg-layer .card{pointer-events:auto}.mg-overlay{z-index:3;background:#3b32304d;place-items:center;padding:20px;animation:.2s both fade-in;display:grid;position:absolute;inset:0}.mg-card{text-align:center;background:var(--paper);width:min(380px,100%);box-shadow:var(--shadow);border-radius:22px;padding:22px;animation:.22s cubic-bezier(.3,.7,.4,1.2) both pop-in}.mg-card h3{margin:0 0 6px;font-size:22px}.mg-card p{margin:0;font-size:16px;line-height:1.4}.mg-count{color:var(--terracotta);font-variant-numeric:tabular-nums;min-height:78px;margin-top:8px;font-size:64px;font-weight:900}.mg-card.win h3{color:var(--green)}.mg-card.lose h3{color:var(--tea)}.mg-card .stars{justify-content:center;gap:6px;margin:2px 0 10px;font-size:34px;line-height:1;display:flex}.mg-card .stars i{color:var(--line);font-style:normal;animation:.26s cubic-bezier(.3,.7,.4,1.6) both pop-in}.mg-card .stars i.on{color:var(--mustard)}.mg-card .stars i:nth-child(2){animation-delay:.12s}.mg-card .stars i:nth-child(3){animation-delay:.24s}.mg-card .score .record{color:var(--terracotta)}.mg-card .score{color:var(--ink-soft);margin-top:10px;font-weight:800}.mg-say{left:50%;top:calc(var(--st) + 54px);background:var(--ink);color:var(--paper);white-space:nowrap;z-index:2;pointer-events:none;border-radius:999px;padding:8px 16px;font-size:15px;font-weight:750;transition:opacity .2s;position:absolute;transform:translate(-50%)}.mg-choice{left:50%;bottom:calc(var(--sb) + 24px);text-align:center;flex-direction:column;gap:10px;width:min(380px,100% - 24px);padding:16px;font-weight:650;display:flex;position:absolute;transform:translate(-50%)}.mg-choice .row{gap:10px;display:flex}.mg-choice .row .btn{flex:1}.akbil{left:50%;top:calc(var(--st) + 64px);background:var(--sea-deep);width:min(340px,100% - 24px);box-shadow:var(--shadow);border-radius:22px;padding:14px;position:absolute;transform:translate(-50%)}.akbil .screen-box{color:var(--paper);text-align:center;background:#1f4c6e;border-radius:12px;margin-bottom:12px;padding:12px}.akbil .screen-box .bal{opacity:.8;font-size:12px}.akbil .screen-box .prompt{margin-top:2px;font-size:19px;font-weight:850}.akbil .keys{grid-template-columns:1fr 1fr;gap:8px;display:grid}.akbil .keys .btn{background:var(--paper);min-height:54px;padding:0 8px;font-size:14.5px}.akbil .keys.pay{grid-template-columns:repeat(3,1fr)}.akbil .keys .btn.bill{color:var(--paper);border-radius:8px;font-size:15px;box-shadow:inset 0 0 0 3px #fffaf173}.akbil .keys .btn.bill b{margin-right:2px;font-size:20px}.akbil .keys .btn.bill:disabled{opacity:.25}.akbil .keys .btn.wrong{background:#f6e0d6;animation:.3s shake}.akbil .steps{justify-content:center;gap:5px;margin-top:10px;display:flex}.akbil .steps i{background:#fffaf14d;border-radius:3px;width:26px;height:6px}.akbil .steps i.done{background:var(--mustard)}@keyframes shake{25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media (prefers-reduced-motion:reduce){.ui-root *,.mg *{transition-duration:1ms!important;animation-duration:1ms!important}}.s-result .deltas{justify-content:center;margin-bottom:0}.panel h4{margin:0 0 12px;font-size:16px}@media (orientation:landscape) and (max-height:520px){.akbil{left:auto;right:calc(var(--sr) + 16px);top:calc(var(--st) + 52px);transform:none}}.line-chip.rail{letter-spacing:.3px;border-radius:4px;padding:2px 6px;box-shadow:inset 0 0 0 2px #ffffff8c}.mode-icons .line-chip{font-size:12px}.home-pick{flex-direction:column;gap:8px;display:flex}.home-map{border-radius:var(--radius);height:280px;box-shadow:var(--shadow-s);position:relative;overflow:hidden}.home-row{align-items:center;gap:10px;display:flex}.home-info{flex:1;min-width:0;font-size:14px}.home-row .btn{background:var(--cream);border:2px solid var(--line);min-height:40px;box-shadow:none;padding:0 12px}.home-row .btn.active{border-color:var(--terracotta);background:#fdeee2}.panel h4{margin:0 0 8px}.agenda-row{align-items:center;gap:10px;padding:6px 0;display:flex}.agenda-row .a-time{font-variant-numeric:tabular-nums;color:var(--terracotta);font-size:20px;font-weight:850}.agenda-row .a-main{min-width:0}.muted.small{font-size:12.5px}.leave{flex-direction:column;gap:8px;display:flex}.leave-stepper{justify-content:center;align-items:center;gap:16px;display:flex}.leave-time{font-variant-numeric:tabular-nums;color:var(--sea-deep);text-align:center;min-width:130px;font-size:40px;font-weight:900}.leave-range{width:100%;accent-color:var(--terracotta)}.leave-est{border-radius:var(--radius-s);background:var(--cream);flex-direction:column;gap:6px;min-height:76px;padding:10px 12px;display:flex}.leave-verdict{font-weight:800}.leave-verdict.ok{color:var(--green)}.leave-verdict.early{color:#9a7420}.leave-verdict.late{color:var(--tea)}.leave-meta{flex-wrap:wrap;gap:4px 10px;font-size:13.5px;font-weight:700;display:flex}.hud-nav{pointer-events:auto;border-left:6px solid var(--sea-deep);width:min(420px,100%);padding:8px 10px 10px 12px}.hud-nav.warn{border-left-color:var(--tea)}.nav-head{align-items:center;gap:8px;display:flex}.nav-head .btn.round{width:30px;min-width:30px;height:30px;min-height:30px}.nav-ic{background:var(--sea-light);width:30px;height:30px;color:var(--sea-deep);border-radius:8px;flex:none;place-items:center;display:inline-grid}.nav-title{flex:1;min-width:0;font-size:15px;font-weight:800}.nav-step{color:var(--ink-soft);white-space:nowrap;font-size:12px;font-weight:700}.nav-detail{margin-top:3px;font-size:13.5px}.nav-alts{flex-wrap:wrap;align-items:center;gap:4px;margin-top:6px;font-size:12.5px;display:flex}.route-hint{color:var(--ink-soft);margin:10px 14px 0;font-size:13px}@media (max-width:600px){.hud-nav{width:calc(100vw - 24px)}.hud-bottom:has(.hud-nav:not(.hidden)){max-width:none}.home-map{height:240px}}