:root{--bg: #e7eef4;--bg-2: #cfdae6;--road: #5b6573;--road-2: #4a525e;--road-line: #d8dfe6;--ink: #1d2330;--ink-2: #5a6473;--panel: #ffffff;--shadow: 0 6px 0 rgba(0, 25, 60, .12);--shadow-soft: 0 10px 30px rgba(20, 40, 80, .18)}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100vh;background:radial-gradient(120% 80% at 50% 0%,#b8c6d6,#8d9bad 60%,#6f7d91);font-family:Nunito,system-ui,-apple-system,sans-serif;color:var(--ink);overflow:hidden}#root{width:100vw;height:100vh;position:relative}.stage-wrap{position:fixed;top:50%;left:50%;width:540px;height:960px;transform-origin:center center}.stage{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:36px;overflow:hidden;background:radial-gradient(140% 60% at 50% -10%,#aab9cc,#e7eef4 35%,#e7eef4 65%,#cfdae6);box-shadow:var(--shadow-soft);user-select:none;-webkit-user-select:none;touch-action:manipulation}.skyline{position:absolute;top:0;left:0;right:0;height:88px;background:linear-gradient(180deg,#6f7d91,#8794a8);border-bottom:3px solid rgba(0,0,0,.08)}.skyline:after{content:"";position:absolute;top:14px;right:24px;bottom:14px;left:24px;background:repeating-linear-gradient(90deg,transparent 0 18px,rgba(255,255,255,.08) 18px 22px),repeating-linear-gradient(90deg,rgba(0,0,0,.12) 0 4px,transparent 4px 60px);border-radius:6px;opacity:.55}.hud{position:absolute;top:14px;left:0;right:0;height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;z-index:30}.hud-left,.hud-right{display:flex;align-items:center;gap:10px}.icon-btn{width:46px;height:46px;border-radius:14px;background:#fff;border:none;box-shadow:0 4px #14285029;display:grid;place-items:center;cursor:pointer;transition:transform 80ms ease;color:#4a525e}.icon-btn:active{transform:translateY(2px);box-shadow:0 2px #14285029}.icon-btn svg{width:24px;height:24px}.level-pill{background:#ffffffeb;border-radius:999px;padding:8px 22px;font-weight:900;letter-spacing:.06em;color:#1d2330;font-size:18px;box-shadow:0 4px #14285029}.coin-pill{display:flex;align-items:center;background:#fff;border-radius:999px;padding:6px 14px 6px 6px;font-weight:900;font-size:18px;color:#1d2330;box-shadow:0 4px #14285029;gap:8px}.coin{width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe179,#f3b41c 60%,#b67d05);box-shadow:inset 0 -3px #00000026;position:relative}.coin:after{content:"$";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#8a5a04;font-weight:900;font-size:14px}.queue-row{position:absolute;top:110px;left:0;right:0;height:130px;display:flex;align-items:center;padding:0 12px;z-index:20}.queue-counter{width:78px;height:96px;position:relative;display:flex;flex-direction:column;align-items:center}.queue-counter .screen{width:78px;height:56px;background:#1c2632;border-radius:12px;border:3px solid #4a6a8a;display:grid;place-items:center;color:#ff3a3a;font-family:VT323,monospace;font-size:30px;letter-spacing:2px;text-shadow:0 0 8px rgba(255,58,58,.6);box-shadow:inset 0 0 14px #0009}.queue-counter .label{margin-top:4px;background:#4a6a8a;color:#fff;font-size:11px;font-weight:900;letter-spacing:.18em;border-radius:6px;padding:2px 8px}.queue-counter:after{content:"";position:absolute;bottom:-10px;width:10px;height:14px;background:#6b7280;border-radius:2px}.queue-line{flex:1;height:100%;position:relative;overflow:hidden;margin-left:8px}.queue-track{position:absolute;bottom:16px;left:0;height:40px;display:flex;align-items:center;gap:2px;transition:transform .38s cubic-bezier(.5,.05,.3,1)}.queue-track .more{margin-left:6px;font-weight:900;color:#00000073;font-size:12px}.passenger{width:26px;height:26px;border-radius:50%/60% 60% 40% 40%;position:relative;flex-shrink:0;box-shadow:inset 0 -4px #0000002e,0 2px #0000001f}.passenger:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:14px;height:14px;border-radius:50%;background:#f5d3a8;box-shadow:inset 0 -2px #00000026,0 2px #0000001f}.passenger.boarding{animation:board .38s cubic-bezier(.5,.05,.3,1) forwards}@keyframes board{0%{transform:translateY(0) scale(1);opacity:1}60%{transform:translateY(-28px) scale(.7);opacity:1}to{transform:translateY(-60px) scale(.3);opacity:0}}.mood{position:absolute;top:-34px;left:50%;width:36px;height:36px;transform:translate(-50%);border-radius:50%;background:#ffd93d;display:grid;place-items:center;font-size:20px;box-shadow:0 3px #0000002e;animation:bob 1.6s ease-in-out infinite}@keyframes bob{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-4px)}}.road{position:absolute;top:250px;left:0;right:0;height:188px;z-index:4;background:linear-gradient(180deg,#6c7787,#5a6573,#6c7787);border-top:3px solid rgba(0,0,0,.18);border-bottom:3px solid rgba(0,0,0,.18)}.road .road-curb{position:absolute;left:0;right:0;height:6px;background:repeating-linear-gradient(90deg,#f3f7fb 0 24px,transparent 24px 40px);opacity:.45}.road .road-curb.top{top:18px}.road .road-curb.bottom{bottom:18px}.slot{z-index:5;border-radius:14px;background:#0000002e;border:2px dashed rgba(255,255,255,.22);display:grid;place-items:center;color:#ffffffa6;transition:background .2s ease}.slot.occupied{background:#00000014;border-style:solid;border-color:#ffffff2e}.slot.locked{background:#00000052;color:#ffffff80;border-style:solid;border-color:#ffffff26}.slot.locked svg{width:24px;height:24px}.slot-num{font-family:Fredoka,sans-serif;font-weight:700;font-size:28px;color:#ffffff47;letter-spacing:-.04em}.bus-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:7}.bus-pos{will-change:transform;pointer-events:auto}.bus-pos.grid{cursor:pointer}.bus-pos.driving,.bus-pos.leaving{pointer-events:none}.bus-pos.grid:active .bus-rot{transform:rotate(var(--rot)) scale(.94)!important;transition:transform 80ms ease}.bus-rot{transform-origin:50% 50%;position:relative}.nudge-mid{width:100%;height:100%}.nudge-mid.running{animation:nudge-run var(--nudge-ms, .9s) linear both}@keyframes nudge-run{0%{transform:translate(0);animation-timing-function:cubic-bezier(.78,0,.96,.38)}44%{transform:translate(var(--ndx),var(--ndy));animation-timing-function:cubic-bezier(0,0,.18,1)}57%{transform:translate(calc(var(--ndx) * 1.06),calc(var(--ndy) * 1.06));animation-timing-function:cubic-bezier(.22,0,.12,1)}to{transform:translate(0)}}.bus-rot.nudge-shake{animation:nudge-shake .48s ease-in-out}@keyframes nudge-shake{0%{transform:rotate(var(--rot))}20%{transform:rotate(calc(var(--rot) + 10deg))}42%{transform:rotate(calc(var(--rot) - 8deg))}62%{transform:rotate(calc(var(--rot) + 5deg))}80%{transform:rotate(calc(var(--rot) - 2deg))}to{transform:rotate(var(--rot))}}.smoke{position:absolute;pointer-events:none;width:18px;height:18px;border-radius:50%;background:#ffffffd9;animation:puff .7s ease-out forwards;filter:blur(1px)}@keyframes puff{0%{transform:scale(.4);opacity:.9}to{transform:scale(1.6) translateY(-10px);opacity:0}}.grid-wrap{position:absolute;top:458px;left:0;right:0;bottom:0;padding:8px 14px 14px;z-index:3}.grid-bg{width:100%;height:100%;border-radius:22px;background:radial-gradient(120% 80% at 50% 0%,#dde6f0,#c8d3e0 80%,#b9c5d4);position:relative;box-shadow:inset 0 4px #ffffff8c,inset 0 -6px #00000014,0 4px #00000014;overflow:hidden}.grid-cells{position:absolute;right:0;bottom:0;width:480px;height:468px;left:10px;top:6px}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#141e328c;z-index:100;display:grid;place-items:center;animation:fadein .24s ease}@keyframes fadein{0%{opacity:0}to{opacity:1}}.overlay .card{width:84%;background:#fff;border-radius:24px;padding:28px 22px;text-align:center;box-shadow:0 12px #0000002e}.overlay h2{margin:6px 0 2px;font-family:Fredoka,Nunito,sans-serif;font-weight:700;font-size:32px;color:#1d2330}.overlay p{margin:0 0 18px;color:var(--ink-2);font-weight:700}.overlay .stars{font-size:38px;margin-bottom:6px;letter-spacing:6px}.overlay button{background:linear-gradient(180deg,#4ad36b,#2da34a);border:none;color:#fff;font-weight:900;font-size:18px;padding:14px 28px;border-radius:16px;cursor:pointer;box-shadow:0 4px #1a7a36;letter-spacing:.04em}.overlay button:active{transform:translateY(2px);box-shadow:0 2px #1a7a36}.overlay.lose button{background:linear-gradient(180deg,#f06b6b,#c54242);box-shadow:0 4px #8a2a2a}.overlay.lose button:active{box-shadow:0 2px #8a2a2a}.hint{position:absolute;bottom:6px;left:0;right:0;text-align:center;font-size:11px;color:#0006;letter-spacing:.06em}.screen{position:absolute;top:0;right:0;bottom:0;left:0;animation:screen-in .28s ease both}@keyframes screen-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.bus-rot.hinted{animation:hint-pulse .7s ease-in-out infinite}@keyframes hint-pulse{0%,to{filter:drop-shadow(0 0 0 rgba(255,220,80,0));transform:rotate(var(--rot)) scale(1)}50%{filter:drop-shadow(0 0 14px rgba(255,220,80,.95));transform:rotate(var(--rot)) scale(1.08)}}.icon-btn.powerup{position:relative}.icon-btn[disabled]{opacity:.45;cursor:not-allowed}.icon-btn .pu-count{position:absolute;bottom:-4px;right:-4px;background:#1d2330;color:#fff;font-size:11px;font-weight:900;border-radius:999px;padding:1px 6px;border:2px solid #fff;min-width:18px;text-align:center}.overlay .ghost-btn{background:#e7eef4;color:#1d2330;box-shadow:0 4px #0000002e;border:none;font-weight:900;font-size:16px;padding:12px 22px;border-radius:14px;cursor:pointer}.overlay .ghost-btn:active{transform:translateY(2px);box-shadow:0 2px #0000002e}.overlay .danger-btn{background:linear-gradient(180deg,#f06b6b,#c54242);border:none;color:#fff;font-weight:900;font-size:16px;padding:12px 22px;border-radius:14px;cursor:pointer;box-shadow:0 4px #8a2a2a}.screen-header{position:absolute;top:16px;left:0;right:0;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;z-index:30}.screen-title{font-family:Fredoka,Nunito,sans-serif;font-weight:700;font-size:24px;color:#1d2330;letter-spacing:.04em}.screen-right{display:flex;align-items:center;gap:10px}.screen.menu .menu-top{position:absolute;top:14px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:0 16px;z-index:30}.menu-top-left{display:flex;align-items:center;gap:6px}.menu-logo{position:absolute;top:110px;left:0;right:0;text-align:center;z-index:5}.logo-row{display:flex;align-items:center;justify-content:center;gap:12px}.logo-bus{transform:rotate(-12deg)}.logo-text{display:flex;flex-direction:column;align-items:flex-start;line-height:.85}.logo-line-1{font-family:Fredoka,sans-serif;font-weight:700;font-size:64px;color:#fff;-webkit-text-stroke:4px #1d2330;text-shadow:0 6px 0 #1d2330;letter-spacing:-.03em}.logo-line-2{font-family:Fredoka,sans-serif;font-weight:700;font-size:80px;color:#ffd93d;-webkit-text-stroke:4px #1d2330;text-shadow:0 6px 0 #1d2330;letter-spacing:-.03em;margin-top:4px}.logo-sub{font-weight:900;letter-spacing:.2em;font-size:12px;color:#00000080;margin-top:14px}.menu-buses{position:absolute;top:340px;left:0;right:0;height:80px;display:flex;justify-content:center;align-items:flex-end;gap:16px;z-index:4}.menu-bus{animation:bob-bus 2.4s ease-in-out infinite}.menu-bus.pose-1{transform:rotate(-8deg);animation-delay:0s}.menu-bus.pose-2{transform:rotate(6deg);animation-delay:.3s}.menu-bus.pose-3{transform:rotate(-4deg);animation-delay:.6s}.menu-bus.pose-4{transform:rotate(10deg);animation-delay:.9s}@keyframes bob-bus{0%,to{translate:0 0}50%{translate:0 -8px}}.menu-cta{position:absolute;top:460px;left:0;right:0;display:flex;justify-content:center;z-index:6}.big-btn{border:none;cursor:pointer;padding:18px 56px;border-radius:22px;display:flex;flex-direction:column;align-items:center;gap:2px;font-family:Fredoka,Nunito,sans-serif;font-weight:700;letter-spacing:.04em;transition:transform 80ms ease}.big-btn.play{background:linear-gradient(180deg,#4ad36b,#2da34a);color:#fff;box-shadow:0 6px #1a7a36,0 12px 24px #1450284d}.big-btn:active{transform:translateY(3px)}.big-btn-label{font-size:36px;line-height:1}.big-btn-sub{font-size:14px;font-weight:700;opacity:.92;letter-spacing:.1em}.menu-buttons{position:absolute;top:580px;left:0;right:0;display:flex;justify-content:center;gap:10px;z-index:6}.square-btn{background:#fff;border:none;width:96px;height:96px;border-radius:22px;box-shadow:0 6px #14285029;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;color:#1d2330;position:relative;transition:transform 80ms ease}.square-btn:active{transform:translateY(2px);box-shadow:0 4px #14285029}.square-btn svg{width:38px;height:38px}.sq-label{font-family:Fredoka,sans-serif;font-weight:700;font-size:13px;letter-spacing:.06em}.square-btn.glow{animation:glow-pulse 1.6s ease-in-out infinite}@keyframes glow-pulse{0%,to{box-shadow:0 6px #14285029,0 0 #ffb41e66}50%{box-shadow:0 6px #14285029,0 0 0 12px #ffb41e00}}.square-btn.claimed{opacity:.45;pointer-events:none;box-shadow:0 2px #14285014;color:#9aa3ae}.square-btn .badge{position:absolute;top:-6px;right:-6px;background:#ef4444;color:#fff;font-weight:900;font-size:14px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;border:3px solid #fff}.bus-marquee{position:absolute;bottom:28px;left:0;right:0;height:80px;pointer-events:none;z-index:2;overflow:hidden}.marquee-bus{position:absolute;bottom:0;left:-80px;width:56px;animation:bus-roll 9s linear infinite}@keyframes bus-roll{0%{left:-80px;transform:rotate(var(--angle, 90deg)) translateY(0)}to{left:100%;transform:rotate(var(--angle, 90deg)) translateY(-4px)}}.toast{position:absolute;top:30%;left:0;right:0;display:grid;place-items:center;z-index:100;animation:toast-in .22s ease both}@keyframes toast-in{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.toast-card{background:#fff;border-radius:20px;padding:18px 24px;display:flex;align-items:center;gap:14px;box-shadow:0 10px #00000029,0 18px 40px #0003}.toast-icon .coin.big{width:48px;height:48px}.toast-icon .coin.big:after{font-size:22px}.toast-title{font-family:Fredoka,sans-serif;font-weight:700;font-size:20px}.toast-sub{color:#5a6473;font-weight:700}.screen.shop,.screen.settings{background:#00000005}.screen.shop .tab-bar{position:absolute;top:84px;left:16px;right:16px;height:44px;background:#00000014;border-radius:14px;display:flex;padding:4px;z-index:20}.tab{flex:1;border:none;background:transparent;font-family:Fredoka,sans-serif;font-weight:600;font-size:14px;color:#5a6473;border-radius:10px;cursor:pointer;transition:background .16s ease,color .16s ease}.tab.active{background:#fff;color:#1d2330;box-shadow:0 2px 6px #0000001a}.shop-grid{position:absolute;top:144px;left:16px;right:16px;bottom:16px;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:4px;overflow-y:auto;z-index:5}.shop-card{background:#fff;border-radius:18px;padding:14px 12px 12px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 4px #0000001a,0 8px 18px #0000000f;position:relative}.shop-card.owned{background:#eaf6ee}.shop-card.locked{opacity:.55}.shop-card.theme.active{outline:3px solid #2da34a}.card-icon{width:56px;height:56px;border-radius:14px;background:#f3f5f9;display:grid;place-items:center;color:#1d2330;margin-bottom:8px;position:relative}.card-icon svg{width:32px;height:32px}.owned-count{position:absolute;bottom:-6px;right:-8px;background:#1d2330;color:#fff;font-weight:900;font-size:11px;padding:2px 7px;border-radius:999px;border:2px solid #fff}.card-name{font-family:Fredoka,sans-serif;font-weight:600;font-size:15px;color:#1d2330;margin-bottom:2px}.card-sub{font-size:11px;color:#5a6473;margin-bottom:8px;min-height:28px;line-height:1.3}.buy-btn{background:linear-gradient(180deg,#ffd14a,#f0a90a);color:#4a2e00;border:none;font-weight:900;font-size:14px;padding:8px 14px;border-radius:12px;cursor:pointer;box-shadow:0 3px #b07a00;display:flex;align-items:center;gap:6px;margin-top:auto}.buy-btn:active{transform:translateY(2px);box-shadow:0 1px #b07a00}.buy-btn.disabled{opacity:.5;cursor:not-allowed;box-shadow:0 3px #b07a00}.buy-btn.owned{background:#2da34a;color:#fff;box-shadow:0 3px #1a7a36;cursor:default}.buy-btn.locked{background:#b9c0cc;color:#fff;box-shadow:0 3px #7c8593}.buy-btn.equip{background:#3b82f6;color:#fff;box-shadow:0 3px #1e4cb3}.coin.small{width:18px;height:18px}.coin.small:after{font-size:10px}.theme-preview{width:100%;height:90px;border-radius:14px;position:relative;overflow:hidden;margin-bottom:8px;box-shadow:inset 0 0 0 1px #00000014}.theme-strip{position:absolute;top:0;left:0;right:0;height:14px}.theme-grid{position:absolute;bottom:0;left:0;right:0;height:36px}.theme-road{position:absolute;bottom:36px;left:0;right:0;height:24px}.settings-list{position:absolute;top:84px;left:16px;right:16px;bottom:16px;display:flex;flex-direction:column;gap:8px;overflow-y:auto;z-index:5}.setting-row{background:#fff;border-radius:16px;padding:12px 14px;display:flex;align-items:center;gap:14px;box-shadow:0 3px #0000000f}.setting-icon{width:40px;height:40px;border-radius:12px;background:#f3f5f9;display:grid;place-items:center;color:#1d2330;flex-shrink:0}.setting-icon svg{width:22px;height:22px}.setting-text{flex:1}.setting-label{font-family:Fredoka,sans-serif;font-weight:600;font-size:16px;color:#1d2330}.setting-sub{font-size:12px;color:#5a6473;margin-top:2px}.toggle{width:50px;height:30px;background:#d3d9e2;border:none;border-radius:999px;position:relative;cursor:pointer;transition:background .18s ease}.toggle .knob{position:absolute;top:3px;left:3px;width:24px;height:24px;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0000002e;transition:transform .18s ease}.toggle.on{background:#2da34a}.toggle.on .knob{transform:translate(20px)}.settings-divider{height:6px}.name-edit-btn{font-family:Fredoka,sans-serif;font-weight:700;font-size:14px;background:#e8eaf0;color:#444;border:none;border-radius:10px;padding:5px 14px;cursor:pointer}.setting-row--name-edit{align-items:flex-start;padding:14px 16px}.name-edit-body{flex:1;display:flex;flex-direction:column;gap:6px}.name-edit-input{font-family:Fredoka,sans-serif;font-size:16px;font-weight:600;border:2px solid #c0c8d8;border-radius:10px;padding:7px 12px;width:100%;box-sizing:border-box;outline:none}.name-edit-input:focus{border-color:#4a90d9}.name-edit-error{font-size:12px;color:#e05050;font-weight:600}.name-edit-actions{display:flex;gap:8px}.name-edit-save{font-family:Fredoka,sans-serif;font-weight:700;font-size:14px;background:#4a90d9;color:#fff;border:none;border-radius:10px;padding:6px 18px;cursor:pointer}.name-edit-save:disabled{opacity:.5;cursor:default}.name-edit-cancel{font-family:Fredoka,sans-serif;font-weight:700;font-size:14px;background:#e8eaf0;color:#666;border:none;border-radius:10px;padding:6px 14px;cursor:pointer}.setting-row--soon{opacity:.45;pointer-events:none}.soon-badge{font-family:Fredoka,sans-serif;font-weight:700;font-size:11px;background:#e8eaf0;color:#8a93a6;border-radius:6px;padding:3px 8px;letter-spacing:.04em}.settings-btn--soon{opacity:.45;cursor:default}.settings-btn--soon:active{transform:none}.settings-btn{background:#fff;border:none;border-radius:16px;padding:14px 16px;font-family:Fredoka,sans-serif;font-weight:600;font-size:15px;color:#1d2330;display:flex;align-items:center;justify-content:space-between;cursor:pointer;box-shadow:0 3px #0000000f}.settings-btn:active{transform:translateY(1px)}.settings-btn svg{width:18px;height:18px;color:#5a6473}.settings-btn.danger{color:#c54242}.settings-btn.danger svg{color:#c54242}.version{text-align:center;font-size:11px;color:#0006;letter-spacing:.1em;margin-top:14px}.map-progress{position:absolute;left:0;right:0;bottom:0;height:38px;background:#141923d9;color:#fff;display:grid;place-items:center;font-weight:700;font-size:14px;letter-spacing:.04em;z-index:20}.map-progress b{color:#ffd14a;font-weight:900;margin:0 4px}.screen.mapview-pan{background:#2a2f3a}.mapview-pan .screen-header{background:linear-gradient(to bottom,rgba(20,25,35,.82) 0%,transparent 100%)}.mapview-pan .screen-title{color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.5)}.map-viewport{position:absolute;top:76px;left:0;right:0;bottom:38px;overflow:hidden;background:#3a4150;z-index:5;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}.map-viewport:active{cursor:grabbing}.map-world{position:absolute;left:0;top:0;width:0;height:0;will-change:transform}.city-cell{position:absolute;contain:layout style}.cell-dash-right{position:absolute;top:0;bottom:40px;right:18px;width:4px;background:repeating-linear-gradient(180deg,rgba(255,255,255,.5) 0 12px,transparent 12px 22px);pointer-events:none;border-radius:2px}.cell-dash-bottom{position:absolute;left:0;right:40px;bottom:18px;height:4px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.5) 0 12px,transparent 12px 22px);pointer-events:none;border-radius:2px}.city-block{position:absolute;left:0;top:0;width:280px;height:280px;cursor:pointer}.block-pavement{position:absolute;top:12px;right:12px;bottom:12px;left:12px;border-radius:14px;background:repeating-linear-gradient(45deg,rgba(255,255,255,.05) 0 6px,transparent 6px 12px),#8a93a3;box-shadow:inset 0 0 0 2px #0000002e}.block-lot{position:absolute;left:32px;top:32px;width:216px;height:216px;border-radius:10px;background:linear-gradient(180deg,#6c7787,#5a6573);overflow:hidden;box-shadow:inset 0 0 0 3px #00000047}.lot-stripes-bg{position:absolute;top:12px;right:12px;bottom:12px;left:12px;background:repeating-linear-gradient(90deg,transparent 0 36px,rgba(255,255,255,.35) 36px 38px,transparent 38px 74px);opacity:.8}.lot-checkmark{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none}.lot-checkmark svg{width:92px;height:92px;color:#4ad36b;filter:drop-shadow(0 4px 0 rgba(0,0,0,.35))}.mini-bus{position:absolute;width:32px;height:42px;pointer-events:none}.mini-bus>svg{width:100%;height:100%}.block-building{position:absolute;border-radius:4px;box-shadow:inset 0 -4px #00000038,0 3px #00000047;overflow:hidden}.block-building.tall{box-shadow:inset 0 -5px #00000040,0 5px #0000004d}.bldg-windows{position:absolute;top:6px;right:3px;bottom:3px;left:3px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.45) 0 3px,transparent 3px 7px),repeating-linear-gradient(0deg,rgba(0,0,0,.22) 0 4px,transparent 4px 9px);opacity:.55;border-radius:2px}.block-tree{position:absolute;border-radius:50%;box-shadow:inset 0 -4px #0003,0 3px #00000040}.block-tree:after{content:"";position:absolute;bottom:-7px;left:50%;transform:translate(-50%);width:6px;height:7px;background:#5d3a16;border-radius:1px}.block-badge{position:absolute;top:-16px;left:18px;width:44px;height:44px;border-radius:50%;background:#fff;color:#1d2330;font-family:Fredoka,sans-serif;font-weight:700;font-size:20px;display:grid;place-items:center;box-shadow:0 4px #0000004d,inset 0 0 0 3px #1d2330;z-index:5;pointer-events:none}.block-badge.done{background:#4ad36b;color:#fff;box-shadow:0 4px #1a7a36,inset 0 0 0 3px #1a7a36}.block-badge.current{background:#ffd14a;color:#4a2e00;box-shadow:0 4px #b07a00,inset 0 0 0 3px #b07a00}.block-badge.locked{background:#b9c0cc;color:#4a525e;box-shadow:0 4px #7c8593,inset 0 0 0 3px #7c8593}.city-block.state-locked .block-lot{filter:saturate(.4) brightness(.7)}.city-block.state-locked{cursor:not-allowed}.block-lock{position:absolute;top:32px;right:32px;bottom:32px;left:32px;display:grid;place-items:center;background:#14192380;color:#fff;border-radius:10px;pointer-events:none}.block-lock svg{width:48px;height:48px;filter:drop-shadow(0 3px 0 rgba(0,0,0,.5))}.city-block.state-current .block-lot{box-shadow:inset 0 0 0 3px #00000047,0 0 0 4px #ffd14ad9}.block-ring{position:absolute;top:18px;right:18px;bottom:18px;left:18px;border-radius:16px;border:4px solid rgba(255,209,74,.85);pointer-events:none;animation:block-pulse 1.6s ease-in-out infinite}@keyframes block-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.03);opacity:.55}}.block-pin{position:absolute;right:22px;top:-28px;width:36px;height:44px;z-index:7;animation:pin-bounce 1.4s ease-in-out infinite;filter:drop-shadow(0 3px 0 rgba(0,0,0,.3));pointer-events:none}@keyframes pin-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.city-block.state-done .block-lot{filter:brightness(.86)}.map-recenter{position:absolute;right:14px;bottom:14px;width:50px;height:50px;border-radius:50%;background:#fff;border:none;box-shadow:0 4px #00000038;color:#1d2330;cursor:pointer;display:grid;place-items:center;z-index:30}.map-recenter:active{transform:translateY(2px);box-shadow:0 2px #00000038}.map-recenter svg{width:24px;height:24px}.map-zoom-controls{position:absolute;right:14px;bottom:76px;display:flex;flex-direction:column;gap:8px;z-index:30}.map-zoom-btn{width:50px;height:50px;border-radius:50%;background:#fff;border:none;box-shadow:0 4px #00000038;font-family:Fredoka,sans-serif;font-weight:700;font-size:26px;color:#1d2330;cursor:pointer;display:grid;place-items:center;line-height:1}.map-zoom-btn:active{transform:translateY(2px);box-shadow:0 2px #00000038}.block-pavement.urban{background:repeating-linear-gradient(45deg,rgba(255,255,255,.06) 0 6px,transparent 6px 12px),#6c7787}.bldg-tile{position:absolute;border-radius:4px;box-shadow:inset 0 -4px #00000038,0 4px #0000004d;overflow:hidden}.bldg-tile.tall{box-shadow:inset 0 -6px #00000042,0 6px #00000057}.bldg-tile .bldg-roof{position:absolute;top:0;left:0;right:0;height:5px}.bldg-tile .bldg-windows{position:absolute;top:6px;right:3px;bottom:3px;left:3px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.45) 0 3px,transparent 3px 7px),repeating-linear-gradient(0deg,rgba(0,0,0,.22) 0 4px,transparent 4px 9px);opacity:.55;border-radius:2px}.block-grass{position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:14px;background:radial-gradient(90% 80% at 50% 35%,#82c66e,#5da64e 55%,#437b3a);box-shadow:inset 0 0 0 3px #00000029;overflow:hidden}.block-grass:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(30deg,rgba(0,0,0,.04) 0 6px,transparent 6px 14px);opacity:.6}.park-path{position:absolute;top:8px;right:8px;bottom:8px;left:8px;width:calc(100% - 16px);height:calc(100% - 16px);pointer-events:none}.park-pond{position:absolute;border-radius:60%;background:radial-gradient(60% 60% at 40% 35%,#82d4f0,#4a90b8 60%,#2e6080);box-shadow:inset 0 0 0 3px #fff6,0 3px #00000038;overflow:hidden}.pond-shine{position:absolute;top:16%;left:22%;width:32%;height:18%;background:radial-gradient(circle,rgba(255,255,255,.7),transparent 70%);border-radius:50%}.block-meadow{position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:14px;background:repeating-linear-gradient(15deg,rgba(255,255,255,.06) 0 8px,transparent 8px 20px),radial-gradient(90% 80% at 50% 40%,#c4d973,#a1bf5b 55%,#88a548);box-shadow:inset 0 0 0 3px #00000026;overflow:hidden}.grass-tuft{position:absolute;background:radial-gradient(50% 80% at 50% 100%,#5c8a35,transparent 70%);border-radius:50%;opacity:.65;pointer-events:none}.meadow-barn{position:absolute;background:linear-gradient(180deg,#b94a3c,#8a3026);border-radius:3px;box-shadow:inset 0 -4px #00000040,0 4px #0000004d;overflow:hidden}.barn-roof{position:absolute;top:0;left:-3px;right:-3px;height:12px;background:#3a2820;clip-path:polygon(0 100%,6% 0,94% 0,100% 100%)}.barn-door{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:36%;height:60%;background:#2e1e16;border-radius:2px 2px 0 0}.menu-cta{gap:12px}.big-btn.vs{background:linear-gradient(180deg,#a78bfa,#7c3aed);color:#fff;box-shadow:0 6px #4c1d95,0 12px 24px #6432dc4d;padding:18px 32px}.screen.lobby{background:#00000005}.lobby-body{position:absolute;top:138px;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:stretch;padding:14px 18px 24px;overflow-y:auto}.lobby-mode-select{display:flex;flex-direction:column;gap:12px}.mode-card{display:flex;flex-direction:row;align-items:center;background:#f8fafc;border:2.5px solid transparent;border-radius:20px;padding:14px 12px 14px 18px;cursor:pointer;text-align:left;transition:background .12s ease,border-color .12s ease,transform 80ms ease;gap:8px;overflow:hidden}.mode-card:hover{background:#f1f5f9}.mode-card:active{transform:scale(.98)}.mode-card.selected{border-color:#7c3aed;background:#faf5ff}.mode-card-info{flex:1;display:flex;flex-direction:column;gap:4px}.mode-card-header{display:flex;align-items:center;gap:8px}.mode-card-emoji{font-size:22px;line-height:1}.mode-card-name{font-size:14px;font-weight:900;letter-spacing:.06em;color:#0f172a;text-transform:uppercase}.mode-card.selected .mode-card-name{color:#6d28d9}.mode-card-desc{font-size:12px;color:#475569;line-height:1.5;font-weight:600}.mode-card-art{flex-shrink:0;width:148px;height:88px;display:flex;align-items:center;justify-content:flex-end}.mode-card-art svg{width:148px;height:88px}.lobby-find-btn{width:100%;justify-content:center;margin-top:4px}.lobby-searching-wrap{flex:1;display:flex;align-items:center;justify-content:center}.lobby-card{background:#fff;border-radius:28px;padding:36px 28px 32px;width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;gap:10px;box-shadow:0 8px #1428501f,0 18px 40px #1428501f}.lobby-searching{gap:14px}.lobby-spinner{position:relative;width:72px;height:72px;margin-bottom:8px}.spinner-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:4px solid transparent;border-top-color:#7c3aed;animation:spin 1s linear infinite}.spinner-ring-2{top:10px;right:10px;bottom:10px;left:10px;border-top-color:#a78bfa;animation-delay:-.35s}@keyframes spin{to{transform:rotate(360deg)}}.lobby-search-title{font-family:Fredoka,sans-serif;font-weight:700;font-size:22px;color:#1d2330}.lobby-queue-pos{font-size:13px;color:#5a6473;font-weight:700;letter-spacing:.06em}.lobby-wait-est{font-size:12px;color:#8a93a0;font-weight:600;letter-spacing:.04em}.lobby-cancel-btn{background:transparent;border:2.5px solid #d3d9e2;color:#5a6473;font-weight:900;font-size:14px;letter-spacing:.1em;padding:10px 28px;border-radius:14px;cursor:pointer;margin-top:8px;transition:border-color .12s ease,color .12s ease}.lobby-cancel-btn:hover{border-color:#8892a4;color:#1d2330}.lobby-cancel-btn:active{transform:translateY(1px)}.lobby-tabs{position:absolute;top:80px;left:16px;right:16px;height:44px;background:#00000014;border-radius:14px;display:flex;padding:4px}.lobby-tab{flex:1;border:none;background:transparent;font-family:Fredoka,Nunito,sans-serif;font-weight:600;font-size:15px;color:#5a6473;border-radius:10px;cursor:pointer;transition:background .16s ease,color .16s ease}.lobby-tab.active{background:#3b82f6;color:#fff;box-shadow:0 2px 6px #3b82f64d}.lobby-private{display:flex;flex-direction:column;gap:14px}.lobby-private-tabs{height:40px;background:#00000014;border-radius:14px;display:flex;padding:4px}.lobby-private-tab{flex:1;border:none;background:transparent;font-family:Fredoka,Nunito,sans-serif;font-weight:600;font-size:14px;color:#5a6473;border-radius:10px;cursor:pointer;transition:background .16s ease,color .16s ease}.lobby-private-tab.active{background:#fff;color:#1d2330;box-shadow:0 2px 6px #0000001a}.lobby-private-hint{color:#637087;font-size:13px;margin:0}.lobby-private-create,.lobby-private-join{display:flex;flex-direction:column;gap:12px}.lobby-code-input{width:100%;box-sizing:border-box;padding:14px 18px;border-radius:16px;border:2.5px solid #d3d9e2;font-size:28px;font-weight:900;letter-spacing:.25em;text-align:center;outline:none;text-transform:uppercase;transition:border-color .12s ease}.lobby-code-input:focus{border-color:#3b82f6}.lobby-invite-code-label{color:#637087;font-size:13px;font-weight:600}.lobby-invite-code{font-size:42px;font-weight:900;letter-spacing:.22em;color:#1d2330}.lobby-copy-btn{background:#f1f5f9;border:none;border-radius:10px;padding:8px 20px;font-weight:700;font-size:13px;cursor:pointer;color:#3b82f6;transition:background .12s ease}.lobby-copy-btn:hover{background:#e2e8f0}.lobby-error-banner{margin:0 20px 8px;padding:10px 16px;border-radius:12px;background:#fef2f2;border:1.5px solid #fca5a5;color:#dc2626;font-size:13px;font-weight:600;text-align:center}.mp-vs-header{position:absolute;top:14px;left:50%;transform:translate(-50%);width:230px;height:54px;display:flex;align-items:center;justify-content:space-between;gap:6px;z-index:20;background:#141c32b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:18px;padding:0 12px;pointer-events:none}.mp-vs-side{flex:1;display:flex;flex-direction:column;align-items:center;gap:1px;min-width:0}.mp-vs-me{align-items:flex-start}.mp-vs-opp{align-items:flex-end}.mp-vs-name{font-family:Fredoka,sans-serif;font-weight:700;font-size:12px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}.mp-vs-status{font-size:10px;color:#fff9;font-weight:700;letter-spacing:.04em}.mp-vs-status.done{color:#4ade80}.mp-vs-badge{font-family:Fredoka,sans-serif;font-weight:700;font-size:15px;color:#fbbf24;flex-shrink:0;letter-spacing:.06em}.mp-waiting-dots{display:flex;gap:8px;justify-content:center;margin-top:12px}.mp-waiting-dots span{width:10px;height:10px;border-radius:50%;background:#7c3aed;animation:dot-pulse 1.2s ease-in-out infinite}.mp-waiting-dots span:nth-child(2){animation-delay:.2s}.mp-waiting-dots span:nth-child(3){animation-delay:.4s}@keyframes dot-pulse{0%,80%,to{transform:scale(.7);opacity:.4}40%{transform:scale(1);opacity:1}}.mp-result-overlay{z-index:120;background:#0a122899;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.mp-result-card{min-width:300px;text-align:center}.mp-result-title{font-family:Fredoka,sans-serif;font-weight:700;font-size:32px;margin-bottom:20px;letter-spacing:.02em}.mp-result-title.win{color:#16a34a}.mp-result-title.lose{color:#dc2626}.mp-score-table{background:#f3f5f9;border-radius:16px;overflow:hidden;margin-bottom:4px}.mp-score-row{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;font-weight:700;font-size:16px;color:#5a6473;border-bottom:1px solid rgba(0,0,0,.05)}.mp-score-row:last-child{border-bottom:none}.mp-score-row.highlight{background:#fff;color:#1d2330}.mp-score-name{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mp-score-val{font-family:Fredoka,sans-serif;font-size:20px;font-weight:700;color:#1d2330}.mp-score-row.highlight .mp-score-val{color:#7c3aed}.block-plaza{position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:14px;background:linear-gradient(180deg,#dcc89e,#c6b181);box-shadow:inset 0 0 0 3px #0000002e}.plaza-tiles{position:absolute;top:14px;right:14px;bottom:14px;left:14px;background:repeating-linear-gradient(0deg,rgba(0,0,0,.1) 0 1px,transparent 1px 40px),repeating-linear-gradient(90deg,rgba(0,0,0,.1) 0 1px,transparent 1px 40px);pointer-events:none}.plaza-monument{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:50px;height:80px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.monument-pillar{width:16px;height:52px;background:linear-gradient(180deg,#f0e3c3,#b2a280);border-radius:3px 3px 0 0;box-shadow:0 0 0 2px #0003,inset -3px 0 #00000026}.monument-base{margin-top:-2px;width:50px;height:14px;background:#8a7660;border-radius:3px;box-shadow:0 3px #00000047}.plaza-fountain{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:76px;height:76px}.fountain-outer{width:100%;height:100%;border-radius:50%;background:radial-gradient(60% 60% at 40% 30%,#9ad8f0,#4a90b8 65%,#2c6080);box-shadow:inset 0 0 0 5px #c4b598,0 3px #00000038}.fountain-inner{position:absolute;top:14px;right:14px;bottom:14px;left:14px;border-radius:50%;background:radial-gradient(circle,#fff 0%,#b8dcec 70%,transparent);opacity:.75}.plaza-bench{position:absolute;width:28px;height:8px;background:linear-gradient(180deg,#8a6643,#6a4a2a);border-radius:2px;box-shadow:0 2px #00000047;pointer-events:none}.city-block.state-scenery{cursor:default}.map-pan-hint{position:absolute;left:50%;bottom:14px;transform:translate(-50%);background:#00000073;color:#fff;font-weight:700;font-size:11px;letter-spacing:.12em;padding:6px 12px;border-radius:999px;text-transform:uppercase;z-index:30;pointer-events:none;animation:hint-fade 4s ease 2s forwards}@keyframes hint-fade{to{opacity:0}}.wall-tile{box-shadow:inset 0 1px #ffffff4d,0 0 0 1.5px #00000059;overflow:hidden}.wall-tile-n{border-radius:0 0 7px 7px}.wall-tile-s{border-radius:7px 7px 0 0}.wall-tile-e{border-radius:7px 0 0 7px}.wall-tile-w{border-radius:0 7px 7px 0}.wall-tile-n .wall-tile-roof-shade{background:linear-gradient(180deg,rgba(0,0,0,.32) 0 4px,transparent 4px)}.wall-tile-s .wall-tile-roof-shade{background:linear-gradient(0deg,rgba(0,0,0,.32) 0 4px,transparent 4px)}.wall-tile-e .wall-tile-roof-shade{background:linear-gradient(270deg,rgba(0,0,0,.32) 0 4px,transparent 4px)}.wall-tile-w .wall-tile-roof-shade{background:linear-gradient(90deg,rgba(0,0,0,.32) 0 4px,transparent 4px)}.wall-tile-windows{position:absolute;top:2px;right:3px;bottom:2px;left:3px}.wall-tile-windows.horiz{background:repeating-linear-gradient(90deg,rgba(0,0,0,.22) 0 5px,transparent 5px 14px),repeating-linear-gradient(0deg,rgba(0,0,0,.16) 0 6px,transparent 6px 14px)}.wall-tile-windows.vert{background:repeating-linear-gradient(0deg,rgba(0,0,0,.22) 0 5px,transparent 5px 14px),repeating-linear-gradient(90deg,rgba(0,0,0,.16) 0 6px,transparent 6px 14px)}.colorblind-mode .passenger:after,.colorblind-mode .bus-rot:after{content:"";position:absolute;font-size:10px;line-height:1;pointer-events:none;bottom:2px;right:2px}.colorblind-mode [data-color=red]:after{content:"●";color:#fff}.colorblind-mode [data-color=blue]:after{content:"■";color:#fff}.colorblind-mode [data-color=green]:after{content:"▲";color:#fff}.colorblind-mode [data-color=yellow]:after{content:"★";color:#333}.colorblind-mode [data-color=purple]:after{content:"♦";color:#fff}.colorblind-mode [data-color=pink]:after{content:"♥";color:#fff}.colorblind-mode [data-color=cyan]:after{content:"✚";color:#333}.colorblind-mode [data-color=orange]:after{content:"⬟";color:#fff}.colorblind-mode [data-color=lime]:after{content:"⬡";color:#333}.colorblind-mode [data-color=teal]:after{content:"◈";color:#fff}.colorblind-mode [data-color=indigo]:after{content:"⬠";color:#fff}.colorblind-mode [data-color=amber]:after{content:"✦";color:#333}.colorblind-mode [data-color=emerald]:after{content:"◆";color:#fff}.colorblind-mode [data-color=rose]:after{content:"✿";color:#fff}.colorblind-mode [data-color=violet]:after{content:"⬢";color:#fff}.combo-popup{position:absolute;left:50%;top:55%;transform:translate(-50%);font-family:Fredoka,sans-serif;font-weight:700;font-size:28px;color:#f84;text-shadow:0 2px 8px rgba(0,0,0,.4);pointer-events:none;animation:combo-float .9s ease-out forwards;z-index:50;white-space:nowrap}.combo-popup[data-count="2"]{color:#7fff7f}.combo-popup[data-count="3"]{color:#fd4}@keyframes combo-float{0%{opacity:1;transform:translate(-50%) translateY(0) scale(1.1)}60%{opacity:1;transform:translate(-50%) translateY(-30px) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-60px) scale(.9)}}.win-stars{text-align:center;font-size:28px;letter-spacing:4px;color:#f5c518}.badge-stars{display:flex;flex-direction:row;justify-content:center;gap:2px;margin-top:2px}.badge-star-pip{width:4px;height:4px;border-radius:50%}.badge-star-pip.earned{background:#f5c518}.badge-star-pip.empty{background:transparent;border:1px solid rgba(255,255,255,.4)}.impatient-ring-wrap{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:5}.impatient-ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.impatient-seconds{position:absolute;font-family:VT323,monospace;font-size:13px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8);line-height:1}.passenger.impatient-badge:before{content:"⚡";position:absolute;top:-4px;right:-4px;font-size:9px;line-height:1;z-index:3}@keyframes ring-danger{0%,to{opacity:1}50%{opacity:.5}}.impatient-ring-wrap.danger .impatient-ring{animation:ring-danger .4s infinite}.levels-screen{background:var(--sky)}.levels-grid{position:absolute;top:80px;left:12px;right:12px;bottom:0;overflow-y:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:4px 0 24px;align-content:start}.level-cell{background:#fff;border-radius:14px;box-shadow:0 3px #14285024;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;aspect-ratio:1}.level-cell.current{background:linear-gradient(150deg,#3b82f6,#1d4ed8);box-shadow:0 3px #1432a04d}.level-cell.locked{background:#ffffff61;box-shadow:none}.level-cell-num{font-family:Fredoka,sans-serif;font-weight:700;font-size:18px;line-height:1;color:#1d2330}.level-cell.current .level-cell-num{color:#fff}.level-cell.locked .level-cell-num{color:#1d23304d}.level-cell-stars{display:flex;gap:3px}.level-star-pip{width:6px;height:6px;border-radius:50%;background:transparent;border:1px solid rgba(29,35,48,.22)}.level-star-pip.on{background:#f5c518;border-color:#d4a800}.level-cell.current .level-star-pip{border-color:#ffffff59}.level-cell.current .level-star-pip.on{background:#fde68a;border-color:#f59e0b}.level-cell.locked .level-star-pip{border-color:#1d23301a}.screen.statsview{background:linear-gradient(180deg,#eef3f9,#d8e2ee)}.stats-scroll{position:absolute;top:76px;left:0;right:0;bottom:16px;overflow-y:auto;overflow-x:hidden;padding:12px 16px 24px;z-index:5}.stats-scroll::-webkit-scrollbar{width:6px}.stats-scroll::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}.stats-hero{display:grid;grid-template-columns:168px 1fr;gap:14px;background:#fff;border-radius:22px;padding:18px;box-shadow:0 6px #00000014,0 12px 24px #0000000f;margin-bottom:14px}.donut-wrap{position:relative;width:160px;height:160px}.donut{width:100%;height:100%;transform:rotate(-90deg)}.donut-center{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center}.donut-pct{font-family:Fredoka,sans-serif;font-weight:700;font-size:38px;color:#1d2330;line-height:1}.donut-pct span{font-size:18px;color:#5a6473;margin-left:2px}.donut-sub{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#5a6473;margin-top:4px}.hero-side{display:flex;flex-direction:column;justify-content:space-around;gap:8px}.hero-stat{display:flex;flex-direction:column;gap:2px}.hero-stat-value{font-family:Fredoka,sans-serif;font-weight:700;font-size:32px;color:#1d2330;line-height:1}.hero-stat-label{font-size:12px;font-weight:700;color:#5a6473;letter-spacing:.04em}.stats-filter-row{display:flex;gap:8px;margin-bottom:14px}.filter-btn{flex:1;border:none;background:#fff9;border-radius:14px;padding:10px 6px;font-family:Fredoka,sans-serif;font-weight:700;font-size:13px;color:#5a6473;cursor:pointer;transition:background .12s,color .12s;box-shadow:0 2px #0000000f}.filter-btn.active{background:#fff;color:#1d2330;box-shadow:0 4px #0000001a}.stats-card{background:#fff;border-radius:22px;padding:16px 16px 12px;box-shadow:0 6px #00000014,0 12px 24px #0000000f;margin-bottom:14px}.card-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:8px;gap:12px}.card-title{font-family:Fredoka,sans-serif;font-weight:600;font-size:17px;color:#1d2330}.card-sub{font-size:12px;color:#5a6473;margin-top:2px}.chart-wrap{position:relative;width:100%;margin-top:4px}.bar-chart,.line-chart{width:100%;height:160px;display:block}.chart-tooltip{position:absolute;top:4px;right:8px;background:#141e32eb;color:#fff;padding:5px 10px;border-radius:8px;font-size:11px;font-weight:700;pointer-events:none}.legend{display:flex;gap:14px;margin-top:6px;font-size:11px;color:#5a6473;font-weight:700}.legend .dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:5px;vertical-align:-1px}.legend .dot.win{background:#2da34a}.legend .dot.loss{background:#f06b6b}.pill-delta{font-weight:900;font-size:14px;padding:4px 12px;border-radius:999px;letter-spacing:.02em;white-space:nowrap}.pill-delta.pos{background:#eaf6ee;color:#1a7a36}.pill-delta.neg{background:#fdecec;color:#b73030}.seg{display:flex;background:#f3f5f9;border-radius:10px;padding:3px;gap:2px}.seg.small{padding:2px}.seg-btn{border:none;background:transparent;font-weight:900;font-size:12px;padding:6px 10px;border-radius:7px;cursor:pointer;color:#5a6473}.seg.small .seg-btn{font-size:11px;padding:4px 8px}.seg-btn.active{background:#fff;color:#1d2330;box-shadow:0 1px 3px #0000001f}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.stat-card{background:#fff;border-radius:16px;padding:12px;display:flex;align-items:center;gap:12px;box-shadow:0 3px #0000000f}.stat-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;flex-shrink:0}.stat-icon svg{width:24px;height:24px}.stat-body{min-width:0}.stat-value{font-family:Fredoka,sans-serif;font-weight:700;font-size:22px;color:#1d2330;line-height:1.1}.stat-label{font-size:11px;color:#5a6473;font-weight:700;letter-spacing:.04em;margin-top:2px}.history-card{padding-bottom:8px}.history-list{display:flex;flex-direction:column;gap:4px;max-height:320px;overflow-y:auto;margin:0 -4px;padding:0 4px}.history-list::-webkit-scrollbar{width:4px}.history-list::-webkit-scrollbar-thumb{background:#0000001f;border-radius:2px}.history-row{display:flex;align-items:center;gap:12px;padding:8px 6px;border-radius:12px;transition:background .12s ease}.history-row:hover{background:#00000006}.row-marker{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.row-marker.win{background:#eaf6ee;color:#2da34a}.row-marker.lose{background:#fdecec;color:#c54242}.row-marker svg{width:18px;height:18px}.row-text{flex:1;min-width:0}.row-title{font-family:Fredoka,sans-serif;font-weight:600;font-size:15px;color:#1d2330;display:flex;align-items:center;gap:6px}.row-sub{font-size:11px;color:#5a6473;margin-top:2px}.row-mode-badge{background:#ecf3ff;color:#3b6fd4;font-size:10px;font-weight:900;padding:2px 7px;border-radius:99px;letter-spacing:.04em}.row-coins,.row-score{font-weight:900;font-size:14px;display:flex;align-items:center;gap:4px;white-space:nowrap}.row-coins.pos,.row-score.pos{color:#2da34a}.row-coins.neg,.row-score.neg{color:#c54242}.empty-state{text-align:center;padding:24px 0;color:#8090a4;font-weight:700}.screen.friends-screen{background:#f4f7fb}.friends-tabs{position:absolute;top:76px;left:16px;right:16px;height:44px;background:#0000000f;border-radius:14px;display:flex;padding:4px;gap:4px;z-index:10}.friends-tab-btn{flex:1;border:none;background:transparent;border-radius:10px;font-family:Fredoka,sans-serif;font-weight:700;font-size:14px;color:#5a6473;cursor:pointer;transition:background .12s,color .12s}.friends-tab-btn.active{background:#fff;color:#1d2330;box-shadow:0 2px 6px #0000001a}.friends-body{position:absolute;top:134px;left:0;right:0;bottom:0;overflow-y:auto;padding:8px 16px 24px;display:flex;flex-direction:column;gap:8px}.friends-empty{text-align:center;color:#8090a4;font-weight:600;font-size:14px;padding:32px 16px}.friends-list{display:flex;flex-direction:column;gap:8px}.friend-card{display:flex;align-items:center;gap:12px;background:#fff;border-radius:16px;padding:12px 14px;box-shadow:0 2px 6px #1428500f}.online-dot{width:10px;height:10px;border-radius:50%;background:#0003;flex-shrink:0}.online-dot.online-dot--on{background:#22c55e}.friend-info{flex:1;min-width:0}.friend-name{font-weight:700;font-size:14px;color:#1d2330}.friend-tag{font-size:12px;color:#8090a4;margin-top:1px}.friend-action-btn{border:none;border-radius:10px;padding:7px 16px;background:#3b82f6;color:#fff;font-weight:700;font-size:13px;cursor:pointer;transition:opacity .15s}.friend-action-btn:disabled{opacity:.5}.friend-action-btn--sent{background:#e5e9f0;color:#5a6473}.pending-section-label{font-family:Fredoka,sans-serif;font-weight:700;font-size:12px;color:#8a93a6;letter-spacing:.08em;text-transform:uppercase;padding:4px 4px 0}.player-profile-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:80}.player-profile-card{background:#fff;border-radius:20px;padding:28px 24px 24px;width:82%;max-width:340px;position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;box-shadow:0 8px 32px #0000002e}.player-profile-close{position:absolute;top:12px;right:14px;background:none;border:none;font-size:18px;color:#8a93a6;cursor:pointer}.player-profile-name{font-family:Fredoka,sans-serif;font-weight:700;font-size:22px;color:#1a2030}.player-profile-tag{font-size:13px;color:#8a93a6;font-weight:600}.player-profile-stats{display:flex;gap:16px;margin:14px 0 10px;width:100%;justify-content:center}.player-profile-stat{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:64px}.player-profile-stat-val{font-family:Fredoka,sans-serif;font-weight:700;font-size:20px;color:#2a3850}.player-profile-stat-lbl{font-size:11px;color:#8a93a6;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.friends-search{display:flex;flex-direction:column;gap:10px}.friends-search-bar{display:flex;align-items:center;gap:8px;background:#fff;border-radius:14px;padding:10px 14px;box-shadow:0 2px 6px #1428500f}.friends-search-input{flex:1;border:none;outline:none;font-size:14px;font-weight:600;color:#1d2330;background:transparent}.friends-search-spinner{color:#3b82f6;font-weight:700}.menu-friends-row{position:absolute;top:686px;left:0;right:0;display:flex;justify-content:center}.friends-pill-btn{display:flex;align-items:center;gap:8px;background:#ffffff24;color:#fff;border:none;border-radius:999px;padding:10px 24px;font-family:Fredoka,sans-serif;font-weight:700;font-size:15px;letter-spacing:.06em;cursor:pointer;transition:background .15s}.friends-pill-btn:hover{background:#fff3}.ghost-flat{background:transparent;border:none;color:#5a6473;font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;padding:10px 18px;border-radius:10px}.screen.notif-screen{background:#00000005}.notif-list{position:absolute;top:80px;left:0;right:0;bottom:0;overflow-y:auto;padding:8px 16px 24px;display:flex;flex-direction:column;gap:10px}.notif-empty{text-align:center;color:#9aa3af;font-size:15px;font-weight:600;margin-top:60px}.notif-item{display:flex;gap:12px;align-items:flex-start;background:#fff;border-radius:18px;padding:14px 16px;box-shadow:0 2px 8px #14285012;transition:opacity .2s ease}.notif-item.read{opacity:.6}.notif-item.unread{border-left:3px solid #f59e0b}.notif-icon{font-size:22px;line-height:1;flex-shrink:0;margin-top:1px}.notif-content{flex:1;display:flex;flex-direction:column;gap:3px}.notif-title{font-weight:800;font-size:14px;color:#1d2330}.notif-body{font-size:13px;color:#475569;line-height:1.5}.notif-ts{font-size:11px;color:#9aa3af;margin-top:4px}.notif-btn{position:relative}.notif-badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;background:#ef4444;color:#fff;font-size:10px;font-weight:800;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 3px;pointer-events:none}.ghost-flat:hover{background:#0000000a;color:#c54242}