:root{--cream: #fdf8ef;--cream-2: #f4ecdd;--ink: #40352a;--ink-soft: #76664f;--line: #e3d8c3;--accent: #e5893a;--accent-deep: #c66c22;--green: #56a066;--green-deep: #3f8350;--red: #d4574a;--blue: #4d87b5;--shadow-sm: 0 2px 0 rgba(122, 100, 66, .18), 0 4px 12px rgba(90, 72, 44, .12);--shadow: 0 4px 0 rgba(122, 100, 66, .16), 0 10px 26px rgba(90, 72, 44, .16);--radius: 16px;--font: ui-rounded, "SF Pro Rounded", "Nunito", "Segoe UI Variable", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#d9d2c6}body{font-family:var(--font);color:var(--ink);-webkit-font-smoothing:antialiased;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#view{position:fixed;inset:0;width:100vw;height:100vh;display:block;touch-action:none;cursor:crosshair}body[data-tool=select] #view{cursor:grab}body[data-drag="1"] #view{cursor:grabbing}#ui{position:fixed;inset:0;pointer-events:none;z-index:10}#ui>*{pointer-events:auto}.panel{background:var(--cream);border:2px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}#brand{position:fixed;top:16px;left:16px;padding:10px 16px 11px}#brand .name{font-size:21px;font-weight:900;letter-spacing:-.02em;line-height:1}#brand .name span{color:var(--accent)}#brand .stats{margin-top:7px;display:flex;gap:12px;font-size:11.5px;font-weight:700;color:var(--ink-soft);letter-spacing:.01em}#brand .stats b{color:var(--ink);font-weight:800}#tools{position:fixed;left:16px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:6px;padding:8px}.tool{display:flex;align-items:center;gap:10px;width:152px;padding:9px 11px;border:0;border-radius:11px;background:transparent;font:inherit;font-size:13.5px;font-weight:800;color:var(--ink);cursor:pointer;text-align:left;transition:background .12s,transform .08s}.tool:hover{background:var(--cream-2)}.tool:active{transform:translateY(1px)}.tool.on{background:var(--accent);color:#fff;box-shadow:0 2px 0 var(--accent-deep)}.tool .ico{width:20px;height:20px;flex:none}.tool .key{margin-left:auto;font-size:10.5px;font-weight:800;opacity:.5;background:#0000000f;border-radius:5px;padding:2px 5px;min-width:18px;text-align:center}.tool.on .key{background:#ffffff38;opacity:.9}#actions{position:fixed;top:16px;right:16px;display:flex;gap:6px;padding:7px}.act{width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:10px;background:transparent;cursor:pointer;color:var(--ink);transition:background .12s,transform .08s}.act:hover:not(:disabled){background:var(--cream-2)}.act:active:not(:disabled){transform:translateY(1px)}.act:disabled{opacity:.3;cursor:default}.act svg{width:19px;height:19px}#side{position:fixed;right:16px;top:50%;transform:translateY(-50%);width:244px;max-height:74vh;overflow-y:auto;overflow-x:hidden;padding:14px}#side.hide{display:none}#side>*{max-width:100%}#side h3{margin:0 0 10px;font-size:12px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-soft)}#side h4{margin:14px 0 7px;font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft)}#side h4:first-of-type{margin-top:4px}.chips{display:flex;flex-wrap:wrap;gap:5px}.chip{border:2px solid var(--line);background:var(--cream-2);border-radius:9px;padding:5px 9px;font:inherit;font-size:11.5px;font-weight:800;color:var(--ink);cursor:pointer;transition:all .12s}.chip:hover{border-color:var(--accent)}.chip.on{background:var(--accent);border-color:var(--accent);color:#fff}.consist{display:flex;flex-direction:column;gap:5px;margin-bottom:4px}.car-row{display:flex;align-items:center;gap:8px;padding:6px 8px;background:var(--cream-2);border-radius:9px;font-size:12px;font-weight:700}.car-row .dot{width:9px;height:9px;border-radius:50%;flex:none}.car-row .cargo{margin-left:auto;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);background:#0000000d;border-radius:5px;padding:2px 5px}.car-row .cargo+.x{margin-left:4px}.car-row .x{margin-left:auto;border:0;background:transparent;cursor:pointer;color:var(--ink-soft);font-size:15px;line-height:1;padding:0 2px;font-weight:800}.car-row .x:hover{color:var(--red)}.row{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:9px 0;font-size:12px;font-weight:700}.row label{color:var(--ink-soft);min-width:46px}input[type=range]{flex:1 1 60px;min-width:0;width:60px;accent-color:var(--accent)}.val{min-width:38px;text-align:right;font-weight:800;font-variant-numeric:tabular-nums}.note{font-size:11.5px;line-height:1.5;color:var(--ink-soft);font-weight:600}.note kbd{background:var(--cream-2);border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;padding:1px 5px;font:inherit;font-size:10.5px;font-weight:800}#hint{position:fixed;bottom:18px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:9px 16px;font-size:13px;font-weight:700;white-space:nowrap;max-width:68vw}#hint .mode{font-size:10.5px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;background:var(--accent);color:#fff;padding:3px 8px;border-radius:7px}#hint .mode.bad{background:var(--red)}#hint .mode.hide{display:none}#hint .text{color:var(--ink-soft)}#transport{position:fixed;bottom:18px;right:16px;display:flex;align-items:center;gap:4px;padding:7px}#transport .sep{width:2px;height:22px;background:var(--line);margin:0 5px;border-radius:2px}.spd{border:0;background:transparent;border-radius:9px;padding:6px 9px;cursor:pointer;font:inherit;font-size:12px;font-weight:800;color:var(--ink-soft)}.spd:hover{background:var(--cream-2)}.spd.on{background:var(--accent);color:#fff}#boot{position:fixed;inset:0;display:grid;place-items:center;z-index:50;background:radial-gradient(120% 100% at 50% 0%,#eef3f4,#d7cfc1);transition:opacity .55s ease}#boot.gone{opacity:0;pointer-events:none}.boot-inner{text-align:center}.boot-title{font-size:46px;font-weight:900;letter-spacing:-.03em}.boot-title span{color:var(--accent)}.boot-sub{margin-top:8px;color:var(--ink-soft);font-weight:700;font-size:14px}.boot-rail{margin:22px auto 0;width:190px;height:5px;border-radius:3px;background:var(--line);overflow:hidden}.boot-rail i{display:block;height:100%;width:40%;border-radius:3px;background:var(--accent);animation:shunt 1.15s ease-in-out infinite}@keyframes shunt{0%{transform:translate(-110%)}to{transform:translate(360%)}}#brand .brand-row{display:flex;align-items:baseline;gap:14px}#brand .money{margin-left:auto;font-size:17px;font-weight:900;color:var(--green-deep);font-variant-numeric:tabular-nums}#brand .money.low{color:var(--red)}.price{font-size:11px;font-weight:800;color:var(--ink-soft);margin-left:6px;font-variant-numeric:tabular-nums}.price.bad{color:var(--red)}#side h3{display:flex;align-items:baseline}#side h3 .price{margin-left:auto;text-transform:none;letter-spacing:0;font-size:12px}.car-row .price{margin-left:auto}.car-row .cargo+.price{margin-left:6px}.car-row .cargo.full{background:var(--green);color:#fff}.chip.next{box-shadow:0 0 0 2px var(--cream),0 0 0 4px var(--accent)}.cards{display:flex;flex-direction:column;gap:6px}.card{text-align:left;border:2px solid var(--line);background:var(--cream-2);border-radius:11px;padding:8px 10px;font:inherit;color:var(--ink);cursor:pointer;transition:all .12s}.card:hover{border-color:var(--accent)}.card.on{border-color:var(--accent);background:#fff3e6}.card-name{display:flex;align-items:baseline;font-size:13px;font-weight:900}.card-blurb{display:block;margin-top:2px;font-size:11px;font-weight:600;color:var(--ink-soft)}#transport .sun{display:grid;place-items:center;color:var(--accent);width:26px}#transport .sun svg{width:17px;height:17px}#transport #tod{width:90px;margin-right:4px}.act.off{opacity:.45}#toasts{position:fixed;left:50%;top:18px;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none}.toast{background:var(--cream);border:2px solid var(--line);border-radius:12px;box-shadow:var(--shadow-sm);padding:8px 14px;font-size:13px;font-weight:800;color:var(--ink);white-space:nowrap;opacity:0;transform:translateY(-8px) scale(.97);transition:opacity .25s,transform .25s}.toast.in{opacity:1;transform:none}.toast.money{border-color:var(--green);color:var(--green-deep)}.toast.warn{border-color:var(--red);color:var(--red)}#photo-hint{position:fixed;bottom:14px;left:50%;transform:translate(-50%);font:inherit;font-size:12px;font-weight:800;color:#ffffffe6;text-shadow:0 1px 6px rgba(0,0,0,.4);display:none;pointer-events:auto;cursor:pointer;border:0;padding:10px 16px;border-radius:12px;background:#281e1459}#photo-hint kbd{font:inherit;padding:0 5px;border:1px solid rgba(255,255,255,.5);border-radius:4px}body.photo #ui>*:not(#photo-hint){display:none!important}body.photo #photo-hint{display:block}body.photo #view{cursor:grab}.chip.danger{border-color:var(--red);color:var(--red)}.chip.danger:hover{background:var(--red);color:#fff}.car-row>span:first-child:not(.ord-n){flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.car-row .cargo{white-space:nowrap}#ui>#tip,#tip{position:fixed;z-index:30;pointer-events:none!important;min-width:190px;max-width:250px;padding:10px 12px;box-shadow:var(--shadow-sm)}#tip.hide{display:none}.tip-title{font-size:13.5px;font-weight:900}.tip-sub{font-size:11px;font-weight:700;color:var(--ink-soft);margin-top:1px}.tip-row{display:flex;justify-content:space-between;gap:12px;font-size:11.5px;font-weight:700;color:var(--ink-soft);margin-top:7px}.tip-row b{color:var(--ink);font-weight:800;text-align:right}.tip-bar{height:5px;border-radius:3px;background:var(--cream-2);margin-top:3px;overflow:hidden}.tip-bar i{display:block;height:100%;border-radius:3px;background:var(--accent)}.tip-row b.good{color:var(--green-deep)}.tip-row b.bad{color:var(--red)}.tip-row.total{border-top:1px solid var(--line);padding-top:6px;margin-top:9px}#contracts{display:flex;flex-direction:column;gap:6px;width:100%}#contracts:empty{display:none}.contract{display:flex;flex-direction:column;gap:2px;width:250px;max-width:100%;padding:7px 11px 8px;text-align:left;font:inherit;color:var(--ink);cursor:pointer;border:2px solid transparent}.contract:hover{border-color:var(--accent)}.contract .c-top{display:flex;align-items:baseline;gap:8px;font-size:11.5px}.contract .c-top b{font-weight:800;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contract .c-reward{font-weight:900;color:var(--green-deep);font-variant-numeric:tabular-nums}.contract .c-want{font-size:11px;font-weight:700;color:var(--ink-soft);font-variant-numeric:tabular-nums}.contract .c-want b{color:var(--ink)}.contract .c-bar{height:3px;border-radius:2px;background:var(--cream-2);overflow:hidden;margin-top:3px}.contract .c-bar i{display:block;height:100%;background:var(--accent);transition:width 1s linear}.contract.urgent .c-bar i{background:var(--red)}.tile.locked{opacity:.55;cursor:not-allowed}.tile.locked:hover{border-color:var(--line);background:inherit}.car-row .ord-n{width:18px;height:18px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:10.5px;font-weight:900;background:var(--line);color:var(--ink)}.car-row.next-stop .ord-n{background:var(--accent);color:#fff}.car-row .x:disabled{opacity:.25;cursor:default}.car-row .x:disabled:hover{color:var(--ink-soft)}.car-row.order .x{margin-left:0}.car-row.order .x:first-of-type{margin-left:auto}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:5px}.tile{display:flex;flex-direction:column;align-items:center;gap:1px;border:2px solid var(--line);background:var(--cream-2);border-radius:10px;padding:4px 2px 3px;font:inherit;cursor:pointer;transition:all .12s}.tile img{width:46px;height:46px;image-rendering:auto}.tile span{font-size:9.5px;font-weight:800;color:var(--ink-soft);line-height:1.1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile:hover{border-color:var(--accent);background:#fff3e6}.tile.on{border-color:var(--accent);background:#fff3e6;box-shadow:0 0 0 1px var(--accent)}.tile.small{padding:3px}.tile.small img{width:38px;height:38px}.strip{display:flex;flex-wrap:nowrap;gap:4px;min-height:50px;align-items:center;overflow-x:auto;padding-bottom:2px}.strip .cartile{flex:none}.strip .note{white-space:nowrap}.cartile{width:44px;height:44px;border:2px solid var(--line);border-radius:9px;background:var(--cream-2);padding:2px;cursor:pointer;position:relative;transition:all .12s;display:grid;place-items:center}.cartile img{width:36px;height:36px}.cartile:not(.static):hover{border-color:var(--red);background:#fdeeec}.cartile:not(.static):hover:after{content:"×";position:absolute;top:-7px;right:-6px;width:16px;height:16px;background:var(--red);color:#fff;border-radius:50%;font-size:12px;font-weight:900;display:grid;place-items:center;line-height:1}.cartile.static{cursor:default}.cartile.full{border-color:var(--green)}.cartile.full:before{content:"";position:absolute;top:3px;right:3px;width:8px;height:8px;border-radius:50%;background:var(--green)}.car-row .mini{width:30px;height:30px;flex:none}.card{display:flex;align-items:center;gap:9px}.card-thumb{width:46px;height:46px;flex:none}.card-body{min-width:0;flex:1}.note.keys{margin-top:8px}.car-row .stack{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}.car-row .stack b{font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.car-row .stack i{font-style:normal;font-size:10px;font-weight:700;color:var(--ink-soft)}#objectives{position:fixed;top:76px;left:16px;max-width:330px;z-index:5;display:flex;flex-direction:column;align-items:flex-start;gap:6px}#goal{display:flex;align-items:center;gap:9px;padding:8px 13px;max-width:100%}#goal.hide{display:none}#goal .goal-star{color:var(--accent);display:grid;place-items:center}#goal .goal-star svg{width:18px;height:18px}#goal.done .goal-star{color:var(--green)}#goal .goal-body{display:flex;flex-direction:column;line-height:1.25;min-width:0}#goal .goal-body b{font-size:12px;font-weight:800}#goal .goal-body i{font-style:normal;font-size:11px;font-weight:800;color:var(--ink-soft);font-variant-numeric:tabular-nums}#goal.done .goal-body i{color:var(--green-deep)}#boards-modal{position:fixed;inset:0;z-index:40;display:grid;place-items:center;background:#3c302059}#boards-modal.hide{display:none}#boards-modal .modal{width:min(430px,92vw);max-height:80vh;overflow-y:auto;padding:18px}#boards-modal h3{margin:0 0 4px;font-size:16px;font-weight:900}#boards-modal .note{margin:0 0 12px}#boards-modal .card-name{display:flex;flex-direction:column;align-items:flex-start;gap:1px}#boards-modal .card-name .price{margin-left:0}#boards-modal .card-row{display:flex;gap:6px;align-items:stretch}#boards-modal .card-row .card{flex:1;min-width:0}#boards-modal .card-row .chip{flex:none;align-self:center}#boards-modal .card-state{display:block;margin-top:4px;font-size:11px;font-weight:800;color:var(--accent)}.cartile.new{border-style:dashed;border-color:var(--accent)}.chip:disabled{opacity:.45;cursor:not-allowed}.chip.on:disabled:hover{background:var(--accent);border-color:var(--accent)}#brand .money{display:inline-block;transform-origin:right center}#brand .money.bump{animation:moneybump .45s cubic-bezier(.2,1.6,.4,1)}@keyframes moneybump{0%{transform:scale(1)}35%{transform:scale(1.22);color:var(--accent)}to{transform:scale(1)}}#lookpop{position:fixed;top:72px;right:16px;width:244px;padding:14px}#lookpop.hide{display:none}#lookpop h3{margin:0 0 8px;font-size:12px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-soft)}.act.on{background:var(--accent);color:#fff}.stop-opts{display:flex;gap:5px;align-items:center;margin:-2px 0 4px 26px}.sel{font:inherit;font-size:11px;font-weight:800;color:var(--ink);background:var(--cream-2);border:2px solid var(--line);border-radius:8px;padding:3px 4px;max-width:120px}.chip.tiny{font-size:10px;padding:3px 7px}.car-row .cargo.bad{background:var(--red);color:#fff}#tutor{position:fixed;left:50%;bottom:72px;transform:translate(-50%);width:min(360px,92vw);padding:12px 14px;z-index:12}#tutor.hide{display:none}.tut-dots{display:flex;gap:5px;margin-bottom:8px}.tut-dots i{width:8px;height:8px;border-radius:50%;background:var(--line)}.tut-dots i.done{background:var(--green)}.tut-dots i.now{background:var(--accent);box-shadow:0 0 0 3px #e5893a40}.tut-body{display:flex;flex-direction:column;gap:3px;line-height:1.35}.tut-body b{font-size:13.5px;font-weight:900}.tut-body i{font-style:normal;font-size:12px;font-weight:600;color:var(--ink-soft)}.tut-actions{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}#tutor.done{border-color:var(--green)}#ledger{position:fixed;top:72px;left:16px;width:260px;padding:14px;z-index:12}#ledger.hide{display:none}#ledger h3{margin:0 0 8px;font-size:12px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-soft);display:flex;align-items:baseline}#ledger h3 .price{margin-left:auto;text-transform:none;letter-spacing:0;font-size:12px}#ledger h4{margin:12px 0 6px;font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft)}#topbar,#dock,#hintrow{display:contents}#viewbtn,#liftpad,.spd-cycle,.compact-only,.sheet-ctl{display:none}#brand{cursor:pointer}#brand:focus-visible{outline:3px solid var(--accent);outline-offset:2px}#brand .chev{display:grid;place-items:center;color:var(--ink-soft);margin-left:-8px}#brand .chev svg{width:14px;height:14px}#brand:hover .chev{color:var(--accent)}#menu{position:fixed;top:72px;right:16px;width:250px;padding:6px;z-index:15;display:flex;flex-direction:column;gap:1px}#menu.hide{display:none}.menu-item{display:flex;align-items:center;gap:11px;padding:9px 10px;border:0;border-radius:10px;background:transparent;font:inherit;font-size:13px;font-weight:800;color:var(--ink);cursor:pointer;text-align:left}.menu-item svg{width:18px;height:18px;flex:none;color:var(--ink-soft)}.menu-item:hover{background:var(--cream-2)}.menu-item.danger,.menu-item.danger svg{color:var(--red)}.menu-item.armed{background:var(--red);color:#fff}.menu-item.armed svg{color:#fff}.menu-sep{height:2px;background:var(--line);margin:4px 6px;border-radius:1px}.chip.armed{background:var(--red);border-color:var(--red);color:#fff}#lookpop,#ledger{z-index:15}#boards-modal .modal{position:relative}.modal-x{position:absolute;top:10px;right:10px;width:34px;height:34px;border:0;border-radius:50%;background:var(--cream-2);color:var(--ink-soft);font:inherit;font-size:20px;font-weight:900;cursor:pointer}.modal-x:hover{color:var(--ink)}.tool.pulse{animation:toolpulse 1.4s ease-in-out infinite}@keyframes toolpulse{0%,to{box-shadow:0 0 #e5893a00;background:transparent}50%{box-shadow:0 0 0 4px #e5893a59;background:#fff3e6}}@media(prefers-reduced-motion:reduce){.tool.pulse{animation:none;box-shadow:0 0 0 3px var(--accent)}}.tut-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.tut-head .tut-dots{margin:0}.pow{display:inline-flex;align-items:center;gap:5px;margin-left:6px;font-size:11px;font-weight:800;color:var(--ink-soft);text-transform:none;letter-spacing:0}.pow-bar{width:34px;height:6px;border-radius:3px;background:var(--line);overflow:hidden}.pow-bar i{display:block;height:100%;border-radius:3px;background:var(--accent)}.pow.good{color:var(--green-deep)}.pow.good .pow-bar i{background:var(--green)}.pow.bad{color:var(--red)}.pow.bad .pow-bar i{background:var(--red)}.stop-name{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;line-height:1.25;border:0;background:transparent;padding:0;font:inherit;color:var(--ink);cursor:pointer;text-align:left}.stop-name b{font-weight:800;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stop-name i{font-style:normal;font-size:10px;font-weight:700;color:var(--ink-soft)}.stop-name em{font-style:normal;color:var(--accent-deep);font-weight:900}.car-row.order.open{box-shadow:inset 0 0 0 2px var(--line)}.stop-warn{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:-2px 0 2px 26px;font-size:11px;font-weight:800;color:var(--red)}.row .end{font-size:10px;font-weight:800;color:var(--ink-soft)}.lift-val{min-width:54px;text-align:center}#side h3 .sum{display:none;margin-left:8px;text-transform:none;letter-spacing:0;font-size:11px;font-weight:800;color:var(--ink)}.tipcard{background:var(--cream-2);border-radius:10px;padding:2px 10px 10px;margin-top:8px}.tipcard .note{margin:8px 0}@media(pointer:coarse){#viewbtn{display:grid;position:fixed;left:16px;bottom:18px;width:46px;height:46px}#liftpad:not(.hide){display:flex;position:fixed;left:70px;bottom:18px}#side{width:300px}}#viewbtn.panel{background:var(--cream)}#liftpad{align-items:center;gap:2px;padding:3px}#liftpad .act{width:38px;height:38px}.lp-val{min-width:50px;text-align:center;font-size:12px;font-weight:900;font-variant-numeric:tabular-nums}#ui{touch-action:manipulation}@media(pointer:coarse){#tip{display:none!important}.note.keys{display:none}.chip{padding:8px 12px;font-size:12px}.chip.tiny{padding:6px 10px;font-size:11px}.car-row .x{min-width:34px;min-height:34px;font-size:18px}input[type=range]{height:32px}.act{width:42px;height:42px}.tile{min-height:64px}.cartile{width:50px;height:50px}.menu-item{padding:12px 10px;font-size:14px}}@media(max-width:820px),(max-height:500px),(pointer:coarse)and (max-height:700px){:root{--radius: 14px}.compact-only{display:flex}#brand{top:8px;left:8px;padding:6px 10px 7px;max-width:calc(100vw - 262px)}#brand .name{display:none}#brand .brand-row{gap:10px}#brand .money{font-size:15px;margin-left:0}#brand .chev{margin-left:auto}#brand .stats{gap:2px 8px;font-size:10px;flex-wrap:wrap;margin-top:3px}#topbar{display:flex;position:fixed;top:8px;right:8px;gap:6px;align-items:flex-start;pointer-events:none}#topbar>*{pointer-events:auto}#actions,#transport{position:static;padding:3px;gap:2px}#transport{order:-1}#actions .act.opt,#transport .sun,#transport #tod,#transport .sep,.spd[data-spd]{display:none}.act{width:40px;height:40px}.spd-cycle{display:grid;place-items:center;min-width:40px;height:40px;padding:0;font-size:13px;color:var(--ink)}#objectives{top:66px;left:8px;max-width:min(250px,calc(100vw - 16px))}#goal{padding:6px 10px}.contract{padding:5px 9px 6px}#menu,#lookpop,#ledger{top:58px;right:8px;max-height:calc(100vh - 208px - env(safe-area-inset-bottom));overflow-y:auto}#lookpop,#ledger{left:8px;width:auto}#menu{width:min(280px,calc(100vw - 16px))}#tutor{inset:66px 8px auto;width:auto;transform:none;padding:9px 12px 10px}.tut-body b{font-size:13px}.tut-body i{font-size:11.5px}#dock{display:flex;flex-direction:column;gap:6px;position:fixed;z-index:11;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));pointer-events:none}#dock>*{position:static;transform:none;pointer-events:auto}#toasts{position:static;transform:none;align-items:center;pointer-events:none!important}.toast{font-size:12px;padding:6px 10px;white-space:normal;max-width:100%;text-align:center}#hintrow{display:flex;align-items:flex-end;justify-content:flex-end;gap:6px;pointer-events:none!important}#hintrow>*{pointer-events:auto}#hint{position:static;transform:none;flex:0 1 auto;margin-right:auto;min-width:0;max-width:none;white-space:normal;font-size:11.5px;padding:6px 10px;line-height:1.3}#hint .text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}body.sheet-open #hint{display:none}#viewbtn{position:static;flex:none;width:44px;height:44px}#liftpad:not(.hide){position:static;flex:none}#side{position:static;top:auto;right:auto;width:auto;transform:none;max-height:min(46vh,400px);padding:10px 12px 12px}.sheet-ctl{display:flex;gap:4px;float:right;position:sticky;top:-2px;margin:-4px -6px 0 8px;z-index:2}.sheet-ctl button{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;background:var(--cream-2);color:var(--ink-soft);font:inherit;font-size:20px;font-weight:900;cursor:pointer}.sheet-ctl svg{width:18px;height:18px;transition:transform .15s}#side.peek{max-height:none;overflow:hidden;padding:8px 12px}#side.peek>*:not(.sheet-ctl):not(h3:first-of-type){display:none}#side.peek h3{margin:0;min-height:30px;align-items:center;cursor:pointer}#side.peek h3 .sum{display:inline}#side.peek .sheet-ctl{margin-top:-2px}#side.peek .sheet-tog svg{transform:rotate(180deg)}#tools{position:static;transform:none;display:flex;flex-direction:row;gap:2px;padding:4px;max-width:none}.tool{flex:1 1 0;min-width:0;width:auto;height:52px;padding:5px 0 4px;flex-direction:column;justify-content:center;gap:3px;border-radius:10px}.tool .label{display:block;font-size:9.5px;font-weight:800;line-height:1;max-width:100%;overflow:hidden;text-overflow:ellipsis}.tool .key{display:none}.tool .ico{width:21px;height:21px}.chip.tiny{min-height:30px;padding:5px 9px}.chip{min-height:32px}#boards-modal .modal{width:calc(100vw - 16px);max-height:86vh}#photo-hint{bottom:calc(10px + env(safe-area-inset-bottom))}}@media(max-width:480px){#brand .stats span:nth-child(n+4){display:none}}@media(min-width:600px)and (max-width:820px){#side{align-self:flex-end;width:min(440px,100%)}#tools{align-self:center}.tool{flex:none;width:64px}#tutor{left:auto;width:min(420px,calc(100vw - 16px))}}@media(max-height:500px){#brand{padding:5px 9px 6px;max-width:none}#brand .stats{display:none}.act,.spd-cycle{width:36px;height:36px;min-width:36px}#objectives{top:50px}#menu,#lookpop,#ledger{top:50px;left:auto;right:8px;width:min(340px,46vw);max-height:calc(100vh - 58px)}#tutor{top:50px;left:8px;right:auto;width:min(300px,44vw)}#dock{display:grid;top:50px;bottom:calc(6px + env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr) min(340px,46vw);grid-template-rows:minmax(0,1fr) auto auto;column-gap:8px;row-gap:6px}#toasts{grid-column:1;grid-row:1;align-self:end}#hintrow{grid-column:1;grid-row:2}#tools{grid-column:1;grid-row:3;justify-self:center;padding:3px}.tool{flex:none;width:54px;height:44px}#side{grid-column:2;grid-row:1 / 4;align-self:end;max-height:100%}}