:root{--panel: #faf6ee;--panel-2: #efe7d7;--panel-3: #e4d9c3;--line: rgba(64, 48, 26, .16);--line-strong: rgba(64, 48, 26, .32);--ink: #2b241b;--muted: #6f6150;--faint: #9a8b75;--title: #2f4a52;--title-2: #3d5e68;--accent: #2f7d5b;--accent-2: #25634a;--accent-soft: rgba(47, 125, 91, .14);--blue: #3a6fd0;--red: #c8463a;--amber: #d99a2b;--green: #3f8f3a;--yellow: #ffd54a;--radius: 12px;--radius-s: 8px;--shadow: 0 14px 34px rgba(30, 20, 5, .22), 0 2px 6px rgba(30, 20, 5, .12);--shadow-s: 0 4px 14px rgba(30, 20, 5, .16), 0 1px 3px rgba(30, 20, 5, .1);--face: var(--panel);--face-lt: #fff;--face-dk: var(--line);--face-dk2: var(--line-strong)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#bfe0f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:13px;color:var(--ink);-webkit-font-smoothing:antialiased}#app{position:relative;width:100%;height:100%}canvas#view{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:crosshair}canvas#view.pan{cursor:grabbing}canvas#view.pick{cursor:pointer}canvas#view.doze{cursor:not-allowed}canvas#view.doze.pick{cursor:pointer}canvas#view.path{cursor:cell}svg{vertical-align:middle}.win{position:absolute;background:var(--panel);border:1px solid rgba(255,255,255,.7);border-radius:var(--radius);box-shadow:var(--shadow);user-select:none;min-width:200px;z-index:10;overflow:hidden}.win.front{z-index:20}.win .bar{background:var(--title);color:#fff;padding:7px 8px 7px 14px;display:flex;align-items:center;justify-content:space-between;cursor:move;font-size:13px;font-weight:600;letter-spacing:.01em}.win .bar .x{width:22px;height:22px;border-radius:50%;background:#ffffff1f;color:#fff;font-size:15px;line-height:21px;text-align:center;cursor:pointer;transition:background .12s}.win .bar .x:hover{background:var(--red)}.win .body{padding:12px;max-height:calc(100vh - 120px);overflow:auto}.grp{position:relative;background:#00000009;border:1px solid var(--line);border-radius:var(--radius-s);padding:8px 10px 10px;margin:10px 0 0}.grp>label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:7px}.row{display:flex;gap:4px;justify-content:center;flex-wrap:wrap;align-items:center}.btn{min-width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--ink);cursor:pointer;padding:0 8px;font:inherit;font-weight:500;transition:background .12s,box-shadow .12s,transform .06s;box-shadow:0 1px 2px #1e140514}.btn svg{width:18px;height:18px;flex:none}.btn:hover{background:#fdfbf6;border-color:var(--line-strong)}.btn:active{transform:translateY(1px);box-shadow:none}.btn.on{background:var(--accent);border-color:var(--accent-2);color:#fff;box-shadow:inset 0 1px #ffffff26}.btn.off,.btn:disabled{color:var(--faint);background:transparent;box-shadow:none;border-color:transparent;cursor:default;transform:none}.btn.off svg,.btn:disabled svg{opacity:.35}.btn.wide{width:100%;justify-content:space-between}.btn.text{padding:0 12px}.btn.tall{height:36px}.btn.red{background:var(--red);border-color:#a5362c;color:#fff}.btn.red.on{background:#8f2a20}.btn.amber{background:var(--amber);border-color:#b47d1c;color:#fff}.btn.amber.on{background:#9a6a15}.btn.green{background:var(--green);border-color:#2f6f2c;color:#fff}.btn.green.on{background:#2b652a}.btn.blue{background:var(--blue);border-color:#2d57a8;color:#fff}.btn.blue.on{background:#254a8f}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.lights{display:flex;gap:4px}.lights .btn{width:30px;height:30px;padding:0;border-radius:50%;opacity:.55}.lights .btn.on{opacity:1;box-shadow:0 0 0 3px var(--panel),0 0 0 5px currentColor}.special{margin-top:8px;height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;background:#fff;border:1px solid var(--line);border-radius:8px;cursor:pointer;font-size:12.5px}.special:hover{border-color:var(--line-strong)}.special .val{color:var(--accent);font-weight:600}.dropdown{position:absolute;z-index:40;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);padding:6px;display:grid;grid-template-columns:repeat(2,1fr);gap:1px 8px;max-height:60vh;overflow:auto;font-size:12.5px}.dropdown .it{padding:5px 9px;border-radius:6px;cursor:pointer;white-space:nowrap}.dropdown .it:hover{background:var(--accent);color:#fff}.dropdown .it.off{color:var(--faint);cursor:default}.dropdown .it.off:hover{background:transparent;color:var(--faint)}.dropdown .it.on{color:var(--accent);font-weight:600}.spin{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:8px;background:#fff;height:28px;overflow:hidden}.spin .v{min-width:84px;text-align:center;padding:0 8px;font-variant-numeric:tabular-nums}.spin button{width:26px;height:26px;border:none;background:transparent;cursor:pointer;font:inherit;font-size:15px;color:var(--muted);border-left:1px solid var(--line)}.spin button:hover{background:var(--panel-2);color:var(--ink)}select.sel,input.inp{font:inherit;background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--ink);height:28px;padding:0 8px}select.sel:focus,input.inp:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.status-line{margin-top:8px;padding:6px 10px;background:var(--panel-2);border-radius:8px;font-size:12.5px;min-height:28px;color:var(--muted)}.hint{font-size:11.5px;color:var(--muted);margin-top:8px;line-height:1.4}.hint.won{color:var(--accent);font-weight:600}.hint.lost{color:var(--red);font-weight:600}.build{margin-top:10px;border:1px dashed var(--line-strong);border-radius:10px;background:#fff;height:176px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:8px;cursor:pointer;position:relative;transition:border-color .12s,background .12s}.build:hover{border-color:var(--accent);background:#fdfbf6}.build.off{cursor:default;opacity:.75}.build svg{position:absolute;top:8px;left:50%;transform:translate(-50%)}.build .t{font-size:13px;font-weight:600;color:var(--accent)}.build.off .t{color:var(--muted);font-weight:500}.build .c{font-size:12px;color:var(--muted);margin-top:2px}.build .h{position:absolute;top:8px;right:10px;font-size:11px;color:var(--muted)}.nav{display:flex;gap:6px;justify-content:center;margin-top:10px}.kv{display:grid;grid-template-columns:max-content 1fr;gap:5px 14px;font-size:12.5px;align-items:center}.kv .v{text-align:right;font-variant-numeric:tabular-nums;font-weight:500}.kv .red{color:var(--red);font-weight:600}.tabs{display:flex;gap:2px;margin:0 0 12px;padding:3px;background:var(--panel-2);border-radius:9px;flex-wrap:wrap}.tabs .tab{flex:1 1 auto;text-align:center;padding:5px 9px;border-radius:7px;cursor:pointer;font-size:12.5px;font-weight:500;color:var(--muted);white-space:nowrap;transition:background .12s,color .12s}.tabs .tab:hover{color:var(--ink)}.tabs .tab.on{background:#fff;color:var(--ink);box-shadow:0 1px 3px #1e140524}.rating{display:grid;grid-template-columns:90px 1fr max-content;gap:6px 10px;align-items:center;font-size:12.5px}.rating .bar,.kv .bar,#ghud .card .bar,#statusbar .rbar{height:8px;background:#00000017;border-radius:4px;position:relative;overflow:hidden}.rating .bar i,.kv .bar i,#ghud .card .bar i,#statusbar .rbar i{position:absolute;left:0;top:0;bottom:0;border-radius:4px}.rating .e i{background:var(--green)}.rating .i i{background:var(--amber)}.rating .n i{background:var(--red)}.kv .bar{margin-top:0}.kv .hap i{background:var(--green)}.kv .ene i{background:var(--amber)}.kv .hun i{background:var(--red)}.kv .thi i{background:var(--blue)}.kv .nau i{background:#6ea33a}.kv .toi i{background:#9a3ad9}table.rides,table.fin{width:100%;border-collapse:collapse;font-size:12.5px}table.rides th,table.fin th{text-align:left;padding:4px 8px;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);border-bottom:1px solid var(--line-strong)}table.rides td{padding:6px 8px;border-bottom:1px solid var(--line)}table.fin td{padding:3px 8px;border-bottom:1px solid var(--line)}table.rides tr:nth-child(2n) td,table.fin tr:nth-child(2n) td{background:#00000006}table.rides tr:hover td{background:var(--accent-soft);cursor:pointer}table.rides .s{font-weight:500}table.rides .s.open{color:var(--accent)}table.rides .s.brokendown,table.rides .s.crashed{color:var(--red)}table.rides .s.testrun{color:var(--amber)}table.rides .a{text-align:right;white-space:nowrap}table.rides .a .btn{height:24px;font-size:11.5px;margin-left:4px;padding:0 8px}table.fin td.neg{color:var(--red)}table.fin td.pos{color:var(--accent)}table.fin tr.total td{border-top:2px solid var(--line-strong);font-weight:600}table.fin td:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}.thoughtline{font-size:12.5px;padding:4px 0;border-bottom:1px solid var(--line)}.thoughtline:last-child{border-bottom:none}.graph{background:#1f2b31;border-radius:8px;display:block;width:100%}.graphbtns{display:flex;gap:4px;margin-bottom:8px}#toolbar{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;gap:6px;z-index:30}#toolbar .row1,#toolbar .row2{display:flex;gap:8px;align-items:center}#toolbar .seg{display:inline-flex;gap:2px;padding:3px;background:var(--panel);border-radius:10px;box-shadow:var(--shadow-s);border:1px solid rgba(255,255,255,.7)}#toolbar .seg .btn{border:none;background:transparent;box-shadow:none;height:30px;border-radius:7px}#toolbar .seg .btn:hover{background:#0000000f}#toolbar .seg .btn.on{background:var(--accent);color:#fff}#toolbar .row1 .btn{font-weight:600}#toolbar .btn.text{font-size:12.5px}#toolbar .btn.cta{height:36px;padding:0 14px;border-radius:10px;background:var(--accent);border-color:var(--accent-2);color:#fff;font-weight:600;box-shadow:var(--shadow-s)}#toolbar .btn.cta:hover{background:var(--accent-2)}#toolbar .btn.cta.on{background:var(--title);border-color:var(--title)}.tip{position:absolute;z-index:60;background:#1e1912f0;color:#fff;border-radius:7px;padding:5px 9px;font-size:12px;pointer-events:none;box-shadow:var(--shadow-s);max-width:260px;line-height:1.35}#toasts{position:absolute;left:50%;bottom:64px;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;z-index:50;align-items:center;pointer-events:none}.toast{background:#1e1912f0;color:#fff;border-radius:10px;padding:9px 18px;text-align:center;min-width:240px;box-shadow:var(--shadow);animation:toast-in .18s ease-out}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.toast .t{font-size:13px;font-weight:600}.toast .d{font-size:12px;color:#ffffffbf;margin-top:2px}.toast.error .t{color:#ffb3a8}.toast.info{border-left:3px solid var(--accent)}.modal{position:absolute;inset:0;background:#140f0859;backdrop-filter:blur(3px);z-index:45;display:grid;place-items:center}.picker{width:660px;max-width:94vw}.picker .list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.picker .card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px;cursor:pointer;transition:transform .12s,box-shadow .12s,border-color .12s}.picker .card:hover{transform:translateY(-2px);box-shadow:var(--shadow-s);border-color:var(--accent)}.picker .card h4{margin:0 0 4px;font-size:13px;font-weight:600;display:flex;justify-content:space-between;align-items:center}.picker .card p{margin:0;font-size:11.5px;color:var(--muted);line-height:1.4}.picker .card .sw{height:6px;margin-bottom:6px;border-radius:3px}.picker .card .cost{color:var(--accent);margin-top:6px;font-weight:500}.picker .card .del{width:18px;height:18px;border-radius:50%;font-size:12px;line-height:17px;text-align:center;color:var(--red);background:#c8463a1a}.picker .card .del:hover{background:var(--red);color:#fff}.picker .card.ride{padding:0 0 10px;overflow:hidden}.picker .card.ride img{display:block;width:100%;height:118px;object-fit:cover;border-bottom:1px solid var(--line);background:#bfe0f5}.picker .card.ride h4,.picker .card.ride p{padding:0 10px}.picker .card.ride h4{margin-top:8px}.picker.designs{width:720px}.design-preview{background:var(--panel-2);border-radius:8px;margin-bottom:8px;display:flex;justify-content:center}.design-preview svg{display:block;max-width:100%;height:auto}.help{width:540px;max-width:94vw;font-size:12.5px}.help table{width:100%;border-collapse:collapse}.help td{padding:5px 8px;border-bottom:1px solid var(--line);vertical-align:top}.help td:first-child{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11.5px;white-space:nowrap;color:var(--accent);font-weight:600}#loading{position:absolute;inset:0;display:grid;place-items:center;background:#bfe0f5;z-index:100;font-size:18px;font-weight:500;color:var(--title)}.cards{grid-template-columns:repeat(3,1fr)}.win.newride .body{max-height:calc(100vh - 150px);overflow:auto}.win.newride .list.cards{grid-template-columns:repeat(3,1fr);gap:10px}#statusbar{position:absolute;left:10px;right:10px;bottom:10px;height:44px;display:flex;gap:0;align-items:stretch;z-index:30;background:var(--panel);border:1px solid rgba(255,255,255,.7);border-radius:12px;box-shadow:var(--shadow-s);padding:3px}#statusbar .cell{padding:2px 14px;display:flex;flex-direction:column;justify-content:center;min-width:120px;font-size:12px;line-height:1.15;border-right:1px solid var(--line)}#statusbar .cell .lbl{font-size:10.5px;color:var(--muted);font-weight:500;text-transform:uppercase;letter-spacing:.05em}#statusbar .cell b{font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}#statusbar .cash b.neg{color:var(--red)}#statusbar .rating{min-width:180px;display:grid;grid-template-columns:1fr max-content;grid-template-areas:"lbl val" "bar bar";gap:1px 8px;align-items:center}#statusbar .rating .lbl{grid-area:lbl}#statusbar .rating b{grid-area:val}#statusbar .rbar{grid-area:bar;height:5px;margin-top:2px}#statusbar .rbar i{background:var(--green);transition:width .4s}#statusbar .speed{flex-direction:row;gap:2px;padding:3px 8px;min-width:0;align-items:center}#statusbar .speed .btn{height:28px;min-width:32px;font-size:11px;padding:0 6px;border:none;box-shadow:none;background:transparent}#statusbar .speed .btn:hover{background:#0000000f}#statusbar .speed .btn.on{background:var(--title);color:#fff}#statusbar .ticker{flex:1;padding:0 14px;display:flex;align-items:center;font-size:12.5px;color:var(--muted);border-right:none;transition:opacity .3s}#statusbar .ticker.on{color:var(--ink);font-weight:500}#statusbar .ticker.red{color:var(--red);font-weight:600}#statusbar .ticker.warning{color:#8a5a00}#statusbar .ticker.money{color:var(--accent)}body.guest #statusbar,body.guest #toolbar{display:none}body.guest canvas#view{cursor:none}#ghud{position:absolute;inset:0;pointer-events:none;z-index:35;font-size:13px}#ghud .vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,#468c2800 40%,#3c821ee6);opacity:0;transition:opacity .6s}#ghud .fade{position:absolute;inset:0;background:#000;opacity:0}#ghud .cross{position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:#ffffffd9;box-shadow:0 0 0 1px #00000080}#ghud .hint{position:absolute;top:10px;right:12px;margin:0;background:#1e191299;color:#fff;padding:5px 10px;border-radius:8px;font-size:11.5px}#ghud .banner{position:absolute;top:18%;left:0;right:0;text-align:center;font-size:36px;font-weight:700;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.5);opacity:0;transition:opacity .8s}#ghud .banner.on{opacity:1}#ghud .prompt{position:absolute;left:50%;top:58%;transform:translate(-50%);background:#1e1912e6;color:#fff;border-radius:10px;padding:8px 16px;display:none;white-space:nowrap;font-weight:500;box-shadow:var(--shadow-s)}#ghud .prompt.on{display:block}#ghud .thought{position:absolute;left:50%;bottom:120px;transform:translate(-50%);max-width:460px;background:#fff;color:var(--ink);border-radius:14px;padding:10px 16px;font-size:14px;text-align:center;opacity:0;transition:opacity .25s;box-shadow:var(--shadow-s)}#ghud .thought:after{content:"";position:absolute;left:50%;bottom:-8px;width:14px;height:14px;background:#fff;transform:translate(-50%) rotate(45deg)}#ghud .thought.on{opacity:1}#ghud .sign{position:absolute;left:50%;top:22%;transform:translate(-50%);background:var(--title);color:var(--yellow);border-radius:12px;padding:12px 22px;text-align:center;line-height:1.4;display:none;box-shadow:var(--shadow)}#ghud .sign b{font-size:17px;color:#fff}#ghud .sign.on{display:block}#ghud .card{position:absolute;left:12px;bottom:12px;width:260px;background:var(--panel);border:1px solid rgba(255,255,255,.7);border-radius:var(--radius);box-shadow:var(--shadow);padding:10px 12px;overflow:hidden}#ghud .card .name{background:var(--title);color:#fff;font-weight:600;margin:-10px -12px 10px;padding:7px 14px}#ghud .card .srow{display:grid;grid-template-columns:70px 1fr;gap:8px;align-items:center;margin:5px 0;font-size:12px;color:var(--muted)}#ghud .card .bar i{transition:width .3s}#ghud .card .hap i{background:var(--green)}#ghud .card .ene i{background:var(--amber)}#ghud .card .nau i{background:#6ea33a}#ghud .card .hun i{background:var(--red)}#ghud .card .pref{font-size:11px;color:var(--muted);margin-top:6px;line-height:1.35}.insetframe{border-radius:10px;overflow:hidden;border:1px solid var(--line-strong);background:#9cc9e6;line-height:0}canvas.inset{width:100%;height:auto;display:block}.faces{display:flex;flex-wrap:wrap;gap:6px 10px;font-size:13px}.faces .face{background:#fff;border:1px solid var(--line);border-radius:8px;padding:2px 8px}.kv .bar.trait{background:linear-gradient(90deg,#0000000f,#0000001f 50%,#0000000f)}.kv .bar.trait i{width:10px;margin-left:-5px;background:var(--accent)}.stafflist{font-size:12.5px;padding:4px 6px;border-radius:6px;cursor:pointer}.stafflist:hover{background:var(--accent-soft)}.thoughtline.problem{color:var(--red)}.thoughtline.fresh{font-weight:600}canvas.holding{cursor:grabbing}#bubbles{position:absolute;inset:0;pointer-events:none;z-index:30;overflow:hidden}#bubbles .bubble{position:absolute;transform:translate(-50%,-100%);background:#fff;color:var(--ink);border-radius:12px;padding:5px 10px;font-size:12px;max-width:220px;box-shadow:0 2px 8px #00000040;white-space:normal;text-align:center}#bubbles .bubble:after{content:"";position:absolute;left:50%;bottom:-5px;width:10px;height:10px;background:#fff;transform:translate(-50%) rotate(45deg)}#bubbles .bubble.friend{background:#fff6d6}#bubbles .bubble.friend:after{background:#fff6d6}#bubbles .bubble.sel{font-weight:600}#ghud .group{position:absolute;right:12px;bottom:12px;width:280px;background:#1e1912b8;color:#fff;border-radius:12px;padding:8px 12px;font-size:12px;line-height:1.4}#ghud .group:empty{display:none}#ghud .group .gtitle{font-weight:600;margin-bottom:4px;color:var(--yellow)}#ghud .group .gm{padding:2px 0}#ghud .sign .sub{font-size:11.5px;color:#dfe7ea}#ghud .card .thi i{background:var(--blue)}#ghud .card .toi i{background:#9a3ad9}