@font-face{font-family:Big Shoulders Display;font-style:normal;font-display:swap;font-weight:700;src:url(/cargo-swing/assets/big-shoulders-display-latin-700-normal-KM2fueoL.woff2)format("woff2"),url(/cargo-swing/assets/big-shoulders-display-latin-700-normal-CMi6UoP4.woff)format("woff")}@font-face{font-family:Big Shoulders Display;font-style:normal;font-display:swap;font-weight:800;src:url(/cargo-swing/assets/big-shoulders-display-latin-800-normal-DDUD9Xuh.woff2)format("woff2"),url(/cargo-swing/assets/big-shoulders-display-latin-800-normal-CI0lhnTM.woff)format("woff")}@font-face{font-family:Big Shoulders Display;font-style:normal;font-display:swap;font-weight:900;src:url(/cargo-swing/assets/big-shoulders-display-latin-900-normal-CW8trzgu.woff2)format("woff2"),url(/cargo-swing/assets/big-shoulders-display-latin-900-normal-DMT-1gsg.woff)format("woff")}@font-face{font-family:Big Shoulders Stencil Display;font-style:normal;font-display:swap;font-weight:800;src:url(/cargo-swing/assets/big-shoulders-stencil-display-latin-800-normal-DldhClEd.woff2)format("woff2"),url(/cargo-swing/assets/big-shoulders-stencil-display-latin-800-normal-COi9-ISJ.woff)format("woff")}@font-face{font-family:Big Shoulders Stencil Display;font-style:normal;font-display:swap;font-weight:900;src:url(/cargo-swing/assets/big-shoulders-stencil-display-latin-900-normal-C2a_AZvg.woff2)format("woff2"),url(/cargo-swing/assets/big-shoulders-stencil-display-latin-900-normal-DNqnuUup.woff)format("woff")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#05070c;--frame:#0d1118;--panel:#161d28;--panel-2:#1d2532;--line:#2c3748;--text:#e6edf5;--muted:#8a97a8;--accent:#f2b134;--danger:#e5484d;--ok:#3fa66b;--frame-edge:#222b38;--top-bg:#07122a;--bottom-a:#212a38;--bottom-b:#121821;--stick-in:#222b38;--stick-out:#19202b;--tick:#4a586c;--hinge:#2a3240;--hinge-edge:#090c11;--chip-bg:#0a101a73;--chip-text:#ffffffd9;--chip-line:#ffffff2e;--ghost:255 255 255;--font:"Big Shoulders Display", "Arial Narrow", system-ui, sans-serif;--font-stencil:"Big Shoulders Stencil Display", Impact, sans-serif;--font-rounded:ui-rounded, "SF Pro Rounded", system-ui, -apple-system, "Segoe UI", sans-serif}:root[data-theme=day]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#e6ebf1;--frame:#cfd6df;--frame-edge:#b9c2ce;--panel:#fff;--panel-2:#eef1f5;--line:#c6cfda;--text:#1a2230;--muted:#5d6b7d;--top-bg:#5fb4e8;--bottom-a:#f4f6f9;--bottom-b:#dde3ea;--stick-in:#e9edf2;--stick-out:#d6dde6;--tick:#98a5b6;--hinge:#aeb8c5;--hinge-edge:#c8d0da;--chip-bg:#fff9;--chip-text:#1a2230;--chip-line:#0f223826}:root[data-theme=day][data-layout=portrait]{--ghost:25 35 50}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);margin:0}body{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;overflow:hidden}.device{background:var(--frame);width:min(100vw - 32px,80dvh - 54px,980px);box-shadow:0 0 0 1px var(--frame-edge), 0 30px 80px #00000059;border-radius:28px;flex-direction:column;padding:10px;display:flex}.screen{aspect-ratio:16/10;border-radius:16px;width:100%;position:relative;overflow:hidden}.top{background:var(--top-bg);place-items:center;display:grid}#game{display:block}.hinge{background:linear-gradient(var(--hinge-edge), var(--hinge) 50%, var(--hinge-edge));border-radius:6px;height:12px;margin:0 5%}.bottom{background:radial-gradient(120% 90% at 50% 0%, var(--bottom-a), var(--bottom-b));grid-template-columns:1fr auto 1fr;align-items:center;gap:4cqmin;padding:0 5cqmin;display:grid;container-type:size}.stick{aspect-ratio:1;touch-action:none;cursor:grab;background:radial-gradient(circle, var(--stick-in) 0 52%, var(--stick-out) 53%);width:min(50cqmin,31cqw);box-shadow:inset 0 0 0 2px var(--line), inset 0 1.5cqmin 4cqmin #0000008c;border-radius:50%;justify-self:start;position:relative}.stick.active{cursor:grabbing}.tick{color:var(--tick);font-size:3.6cqmin;line-height:1;position:absolute}.tick.up{top:5%;left:50%;translate:-50%}.tick.down{bottom:5%;left:50%;translate:-50%}.tick.left{top:50%;left:5%;translate:0 -50%}.tick.right{top:50%;right:5%;translate:0 -50%}.knob{background:radial-gradient(circle at 35% 30%, #ffdc8a, var(--accent) 55%, #b47a12);pointer-events:none;border-radius:50%;width:40%;height:40%;margin:auto;transition:transform .12s ease-out;position:absolute;inset:0;box-shadow:0 1.5cqmin 3cqmin #0000008c}.stick.active .knob{transition:none}.panel{background:var(--panel);width:min(38cqmin,24cqw);box-shadow:inset 0 0 0 1px var(--line);border-radius:3cqmin;flex-direction:column;gap:3.2cqmin;padding:4cqmin;display:flex}.gauge{flex-direction:column;gap:1.2cqmin;display:flex}.label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:3.6cqmin;font-weight:800}.lives{gap:1.5cqmin;display:flex}.life{background:var(--accent);border-radius:.6cqmin;width:6cqmin;height:3.4cqmin}.life.lost{box-shadow:inset 0 0 0 1px var(--line);background:0 0}.meter{background:var(--panel-2);height:3cqmin;box-shadow:inset 0 0 0 1px var(--line);border-radius:1.5cqmin;position:relative;overflow:hidden}.meter.balance{background:linear-gradient(90deg, #e5484d73, var(--panel-2) 30% 70%, #e5484d73)}.needle{background:var(--text);border-radius:1cqmin;width:1.2cqmin;position:absolute;top:0;bottom:0;left:50%;translate:-50%}.needle.warn{background:var(--danger)}.fill{background:var(--accent);width:40%;height:100%}.value{letter-spacing:.08em;font-size:5.2cqmin;font-weight:900}.drop{aspect-ratio:1;color:#fff;width:min(42cqmin,26cqw);font:900 8cqmin var(--font-rounded);letter-spacing:.08em;cursor:pointer;touch-action:none;background:radial-gradient(circle at 35% 30%, #ff8a8a, var(--danger) 55%, #9e2328);border:none;border-radius:50%;justify-self:end;transition:transform 60ms,box-shadow 60ms,filter .15s;box-shadow:0 1.4cqmin #6d1418,0 3cqmin 6cqmin #00000080}.drop.pressed{transform:translateY(1.2cqmin);box-shadow:0 .2cqmin #6d1418,0 1cqmin 3cqmin #00000080}.drop.disabled{filter:saturate(.35)brightness(.7)}.drop.pulse{animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{filter:brightness(1.25);box-shadow:0 1.4cqmin #6d1418,0 0 0 3cqmin #e5484d40}}.toggles{flex-wrap:wrap;justify-content:flex-end;gap:1.5cqmin;display:flex;position:absolute;top:4cqmin;right:4cqmin}.toggle{touch-action:manipulation;min-height:40px;box-shadow:inset 0 0 0 1px var(--line);background:var(--panel);color:var(--muted);font:800 max(3.8cqmin, 15px) var(--font);cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;padding:1.2cqmin 3cqmin;text-decoration:none;display:inline-flex}.toggle:visited{color:var(--muted)}.menu{background:#0a0e14db;justify-content:center;align-items:center;gap:5cqmin;display:flex;position:absolute;inset:0}.btn{font:900 6.4cqmin var(--font-stencil);cursor:pointer;border:none;border-radius:4cqmin;padding:4cqmin 7cqmin}.btn.primary{background:var(--accent);color:#1a1305}.btn.ad{background:var(--ok);color:#fff}.hint{color:var(--muted);margin:0;font-size:13px}.ad-overlay{z-index:10;background:#000000d9;place-items:center;display:grid;position:fixed;inset:0}.ad-box{background:#1b2230;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:32px 48px;font-size:24px;font-weight:800;display:flex}.ad-box small{color:var(--muted);font-size:13px;font-weight:500}.rotate-hint{display:none}@media (pointer:coarse){:root[data-layout=fold] body{gap:0}:root[data-layout=fold] .device{width:100vw;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left);box-shadow:none;border-radius:0}:root[data-layout=fold] .screen{aspect-ratio:auto;border-radius:0;flex:1}:root[data-layout=fold] .bottom{padding-bottom:env(safe-area-inset-bottom)}:root[data-layout=fold] .hint{display:none}:root[data-layout=fold][data-fold=rows] .screen.top{flex:0 0 calc(50dvh - env(safe-area-inset-top) - 1px)}:root[data-layout=fold][data-fold=rows] .hinge{height:2px;margin:0}:root[data-layout=fold][data-fold=rotated] .device{transform-origin:0 0;width:100dvh;height:100vw;padding:0;position:fixed;top:0;left:0;transform:translateY(100dvh)rotate(-90deg)}:root[data-layout=fold][data-fold=rotated] .screen.top{flex:0 0 calc(50vw - 1px)}:root[data-layout=fold][data-fold=rotated] .hinge{height:2px;margin:0}}:root[data-layout=fold][data-controls=stacked] .bottom{padding:10cqmin 6cqmin calc(4cqmin + env(safe-area-inset-bottom));grid-template:"panel panel""stick drop"1fr/1fr 1fr;justify-items:center;gap:3cqmin}:root[data-layout=fold][data-controls=stacked] .panel{flex-direction:row;grid-area:panel;justify-content:space-between;align-items:flex-start;width:100%;padding:2.5cqmin 3.5cqmin}:root[data-layout=fold][data-controls=stacked] .meter{width:15cqmin}:root[data-layout=fold][data-controls=stacked] .stick{grid-area:stick;justify-self:center;width:44cqmin}:root[data-layout=fold][data-controls=stacked] .drop{grid-area:drop;justify-self:center;width:36cqmin}:root[data-layout=landscape] body,:root[data-layout=portrait] body{background:var(--top-bg);gap:0}:root[data-layout=landscape] .device,:root[data-layout=portrait] .device{width:100vw;height:100dvh;box-shadow:none;background:var(--top-bg);border-radius:0;padding:0}:root[data-layout=landscape] .screen,:root[data-layout=portrait] .screen{aspect-ratio:auto;border-radius:0}:root[data-layout=landscape] .hinge,:root[data-layout=portrait] .hinge,:root[data-layout=landscape] .hint,:root[data-layout=portrait] .hint{display:none}:root[data-layout=landscape] .device{position:relative}:root[data-layout=landscape] .top{position:absolute;inset:0}:root[data-layout=landscape] .bottom{pointer-events:none;background:0 0;padding:0;display:block;position:absolute;inset:0}:root[data-layout=landscape] .bottom>*{pointer-events:auto}:root[data-layout=landscape] .stick{width:34cqmin;left:calc(env(safe-area-inset-left) + 4cqmin);bottom:calc(env(safe-area-inset-bottom) + 4cqmin);position:absolute}:root[data-layout=landscape] .drop{width:30cqmin;right:calc(env(safe-area-inset-right) + 5cqmin);bottom:calc(env(safe-area-inset-bottom) + 5cqmin);position:absolute}:root[data-layout=landscape] .panel{left:50%;bottom:calc(env(safe-area-inset-bottom) + 2.5cqmin);color:#fff;-webkit-backdrop-filter:blur(6px);background:#080c1459;border-radius:2cqmin;flex-direction:row;align-items:center;gap:3cqmin;width:auto;padding:1.4cqmin 3cqmin;position:absolute;translate:-50%;box-shadow:inset 0 0 0 1px #ffffff1f}:root[data-layout=landscape] .label{color:#ffffffa6}:root[data-layout=landscape] .meter{width:10cqmin}:root[data-layout=landscape] .menu{background:linear-gradient(#0000,#05080ed9);align-items:flex-end;height:34%;padding-bottom:6cqmin;top:auto}:root[data-layout=portrait] .top{flex:.85 1 0;min-height:0}:root[data-layout=portrait] .bottom{min-height:0;padding:5cqmin 6cqmin calc(env(safe-area-inset-bottom) + 3cqmin);flex:1 1 0;grid-template:"panel panel""stick drop"1fr"hint hint"/1fr 1fr;justify-items:center;gap:3cqmin}:root[data-layout=portrait] .panel{flex-direction:row;grid-area:panel;justify-content:space-between;align-items:flex-start;width:100%;padding:2cqmin 3.5cqmin}:root[data-layout=portrait] .meter{width:15cqmin}:root[data-layout=portrait] .stick{grid-area:stick;justify-self:center;width:44cqmin}:root[data-layout=portrait] .drop{grid-area:drop;justify-self:center;width:36cqmin}:root[data-layout=portrait] .rotate-hint{color:var(--muted);grid-area:hint;margin:0;font-size:3.2cqmin;display:block}:root[data-layout=portrait] .toggles{position:fixed}:root[data-layout=landscape] .bottom:has(.menu:not([hidden])) .panel{visibility:hidden}:root[data-layout=landscape] .btn{padding:3cqmin 6cqmin;font-size:5.2cqmin}:root[data-layout=landscape] .toggles,:root[data-layout=portrait] .toggles{top:calc(env(safe-area-inset-top) + 18px);right:calc(env(safe-area-inset-right) + 18px);gap:8px;left:auto}:root[data-layout=landscape] .toggle,:root[data-layout=portrait] .toggle{background:var(--chip-bg);min-height:40px;color:var(--chip-text);box-shadow:inset 0 0 0 1px var(--chip-line);-webkit-backdrop-filter:blur(6px);padding:8px 16px;font-size:17px}:root[data-layout=landscape] .stick,:root[data-layout=portrait] .stick{background:rgb(var(--ghost) / .06);box-shadow:inset 0 0 0 1.5px rgb(var(--ghost) / .3), 0 0 0 1px #0000001a}:root[data-layout=landscape] .tick,:root[data-layout=portrait] .tick{color:rgb(var(--ghost) / .35)}:root[data-layout=landscape] .knob,:root[data-layout=portrait] .knob{background:rgb(var(--ghost) / .3);box-shadow:inset 0 0 0 1.5px rgb(var(--ghost) / .45)}:root[data-layout=landscape] .drop,:root[data-layout=portrait] .drop{background:rgb(var(--ghost) / .1);box-shadow:inset 0 0 0 1.5px rgb(var(--ghost) / .4), 0 0 0 1px #0000001a;color:rgb(var(--ghost) / .85);text-shadow:0 1px 3px #00000059;font-size:6cqmin}:root[data-theme=day][data-layout=portrait] .drop{text-shadow:none}:root[data-layout=landscape] .drop.pressed,:root[data-layout=portrait] .drop.pressed{background:rgb(var(--ghost) / .22);box-shadow:inset 0 0 0 1.5px rgb(var(--ghost) / .6);transform:scale(.94)}:root[data-layout=landscape] .drop.disabled,:root[data-layout=portrait] .drop.disabled{filter:none;opacity:.45}:root[data-layout=landscape] .drop.pulse,:root[data-layout=portrait] .drop.pulse{animation:1.2s ease-in-out infinite pulse-ghost}@keyframes pulse-ghost{50%{background:rgb(var(--ghost) / .25)}}:root[data-layout=landscape] .gauge,:root[data-layout=portrait] .gauge{gap:.8cqmin}:root[data-layout=landscape] .label,:root[data-layout=portrait] .label{font-size:2.7cqmin}:root[data-layout=landscape] .lives,:root[data-layout=portrait] .lives{gap:1cqmin}:root[data-layout=landscape] .life,:root[data-layout=portrait] .life{width:4cqmin;height:2.2cqmin}:root[data-layout=landscape] .meter,:root[data-layout=portrait] .meter{height:2cqmin}:root[data-layout=landscape] .needle,:root[data-layout=portrait] .needle{width:.9cqmin}:root[data-layout=landscape] .value,:root[data-layout=portrait] .value{font-size:3.4cqmin}
