@font-face{font-family:Nokora;font-style:normal;font-display:swap;font-weight:400;src:url(/bobbin/assets/nokora-latin-400-normal-BupJbrJk.woff2)format("woff2"),url(/bobbin/assets/nokora-latin-400-normal-DJHri9Ss.woff)format("woff")}@font-face{font-family:Nokora;font-style:normal;font-display:swap;font-weight:600;src:url(/bobbin/assets/nokora-latin-600-normal-0wVRx7SG.woff2)format("woff2"),url(/bobbin/assets/nokora-latin-600-normal-CAhcbW-E.woff)format("woff")}@font-face{font-family:Nokora;font-style:normal;font-display:swap;font-weight:700;src:url(/bobbin/assets/nokora-latin-700-normal-BMdDpOBC.woff2)format("woff2"),url(/bobbin/assets/nokora-latin-700-normal-5fTLJi_m.woff)format("woff")}:root{--brand-primary-dark:#2d5a2d;--brand-primary-light:#4a7c4a;--brand-primary-darker:#1f3f1f;--brand-primary-darkest:#1a4d1a;--spurs-primary-dark:#081521;--spurs-primary-light:#f5f7fa;--spurs-primary-darker:#06101a;--spurs-primary-darkest:#040d14;--bg-light-1:#f0f9f0;--bg-light-2:#e0f5e0;--bg-white:#fff;--spurs-bg-med:#2b3541;--spurs-bg-light-1:#f5f7fa;--spurs-bg-light-2:#e8ecf1;--spurs-bg-white:#fff;--dark-bg-1:#0a1f0a;--dark-bg-2:#061506;--dark-nav:#0d2d0d;--dark-nav-light:#091f09;--dark-text:#e8f5e8;--dark-accent:#a9dec2;--dark-accent-bright:#6ee7b7;--spurs-dark-bg-1:#081521;--spurs-dark-bg-2:#06101a;--spurs-dark-nav:#0a1a2a;--spurs-dark-nav-light:#071424;--spurs-dark-text:#f5f7fa;--spurs-dark-accent:#78bee8;--spurs-dark-accent-bright:#aad0e8;--dark-accent-glow:#5eead4;--neutral-gray:#333;--neutral-light-gray:#999;--neutral-border:#e0e0e0;--accent-brand:#86efac;--shadow-brand:#2d5a2d4d;--shadow-dark:#0000001a;--accent-spurs:#78bee8;--shadow-spurs:#78bee84d;--dark-text-darker:#061506;--dark-gray-medium:#a0a0a0;--dark-border:#333;--light-gray:#f8f9fa;--warning-bg:#fff3cd;--warning-bg-light:#ffeeba;--warning-accent:#f39c12;--warning-text:#856404;--warning-dark-bg:#8b6914;--warning-dark-border:#6d5610;--warning-dark-text:#ffeaa7;--slider-gray:#ccc;--button-hover-light:#d1e7d1;--spurs-button-hover-light:#b9cfff;--shadow-dark-medium:#0003;--shadow-dark-light:#00000014;--shadow-dark-heavy:#0000004d;--shadow-dark-very-light:#0000000d;--shadow-dark-12:#0000001f;--shadow-dark-15:#00000026;--shadow-dark-08:#00000014;--shadow-black-80:#000c;--shadow-black-90:#000000e6;--brand-opacity-02:#2d5a2d05;--brand-opacity-05:#2d5a2d0d;--brand-opacity-10:#2d5a2d1a;--brand-opacity-15:#2d5a2d26;--brand-opacity-20:#2d5a2d33;--brand-opacity-25:#2d5a2d40;--brand-opacity-30:#2d5a2d4d;--brand-opacity-40:#2d5a2d66;--brand-opacity-50:#2d5a2d80;--brand-darker-opacity-05:#1f3f1f0d;--spurs-opacity-15:#78bee826;--spurs-opacity-20:#78bee833;--spurs-opacity-40:#78bee866;--accent-opacity-05:#86efac0d;--accent-opacity-10:#86efac1a;--accent-opacity-15:#86efac26;--accent-opacity-20:#86efac33;--accent-opacity-30:#86efac4d;--accent-bright-opacity-05:#6ee7b70d;--accent-bright-opacity-10:#6ee7b71a;--accent-bright-opacity-15:#4ade8026;--bg-light-1-opacity-15:#f0f9f026;--bg-light-1-opacity-20:#f0f9f033;--bg-light-1-opacity-30:#f0f9f04d;--bg-light-1-opacity-50:#f0f9f080;--bg-light-1-opacity-80:#f0f9f0cc;--white-opacity-20:#fff3;--white-opacity-30:#ffffff4d;--white-opacity-50:#ffffff80;--white-opacity-70:#ffffffb3;--white-opacity-80:#fffc;--white-opacity-90:#ffffffe6;--dark-bg-opacity-30:#0615064d;--dark-bg-opacity-50:#06150680;--dark-bg-opacity-80:#061506cc;--dark-bg-opacity-95:#061506f2;--spurs-dark-opacity-30:#0815214d;--spurs-dark-opacity-95:#081521f2;--light-gray-opacity-80:#f5f7facc;--light-gray-opacity-100:#f5f7fa;--warning-shadow:#f39c121a;--warning-shadow-dark:#f39c1233;--text-glow-green:#7fe09f80;--brand-bg-opacity-05:#2d5a2d0d;--accent-bg-opacity-05:#86efac0d;--goalpost-gray:#c8c8c8;--dark-card-description:#a0d0a0;--spurs-input-bg:var(--color-gray-800);--spurs-input-hover-bg:var(--color-gray-700);--spurs-input-border:var(--color-gray-600);--spurs-input-text:var(--color-white);--spurs-input-placeholder:var(--color-gray-400);--spurs-input-focus-ring:var(--color-blue-500);--spurs-field-bg:var(--color-gray-700);--bobbin-font:Nokora, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bobbin-radius:12px;--bobbin-gutter:16px;--bobbin-bg:linear-gradient(135deg, var(--bg-light-1) 0%, var(--bg-light-2) 100%);--bobbin-text:var(--brand-primary-darkest);--bobbin-heading:var(--brand-primary-dark);--bobbin-muted:var(--brand-primary-dark);--bobbin-focus:var(--brand-primary-dark);--bobbin-surface:var(--bg-white);--bobbin-surface-shadow:0 2px 16px var(--shadow-dark);--bobbin-slot:var(--bg-light-1);--bobbin-border:var(--neutral-border);--bobbin-primary-bg:linear-gradient(135deg, var(--brand-primary-dark) 0%, var(--brand-primary-light) 100%);--bobbin-primary-text:var(--bg-light-1);--bobbin-primary-shadow:var(--brand-opacity-40);--bobbin-secondary-bg:transparent;--bobbin-secondary-text:var(--brand-primary-darker);--bobbin-secondary-border:var(--brand-primary-dark);--bobbin-belt:var(--brand-primary-darker);--bobbin-belt-stitch:var(--brand-primary-light);--bobbin-dock:var(--accent-brand);--bobbin-panel:var(--light-gray);--bobbin-empty-stitch:var(--bg-light-2);--bobbin-stitch-outline-shade:-.22;--bobbin-overlay:var(--dark-bg-opacity-50)}.dark{--bobbin-bg:linear-gradient(135deg, var(--dark-bg-1) 0%, var(--dark-bg-2) 100%);--bobbin-text:var(--dark-text);--bobbin-heading:var(--dark-accent);--bobbin-muted:var(--dark-accent);--bobbin-focus:var(--dark-accent);--bobbin-surface:var(--dark-bg-opacity-50);--bobbin-surface-shadow:0 2px 16px var(--shadow-dark-medium);--bobbin-slot:var(--dark-bg-opacity-80);--bobbin-border:var(--dark-border);--bobbin-primary-bg:linear-gradient(135deg, var(--dark-accent) 0%, var(--dark-accent-bright) 100%);--bobbin-primary-text:var(--dark-text-darker);--bobbin-primary-shadow:var(--accent-opacity-30);--bobbin-secondary-bg:var(--dark-text);--bobbin-secondary-text:var(--dark-text-darker);--bobbin-secondary-border:var(--dark-accent);--bobbin-belt:var(--dark-nav);--bobbin-belt-stitch:var(--dark-accent);--bobbin-dock:var(--dark-accent-bright);--bobbin-panel:var(--dark-bg-2);--bobbin-empty-stitch:var(--dark-nav);--bobbin-stitch-outline-shade:.45;--bobbin-overlay:var(--dark-bg-opacity-80)}*,:before,:after{box-sizing:border-box}html{background:var(--bobbin-bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;min-height:100%}.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--bobbin-bg);min-height:100vh;color:var(--bobbin-text);font-family:var(--bobbin-font);-webkit-tap-highlight-color:transparent;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0);margin:0;font-size:16px;line-height:1.6}button,input{font:inherit}:focus-visible{outline:2px solid var(--bobbin-focus);outline-offset:2px}.app{max-width:460px;padding:8px var(--bobbin-gutter) 24px;flex-direction:column;gap:14px;margin:0 auto;display:flex}main{flex-direction:column;gap:14px;display:flex}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.topbar{justify-content:space-between;align-items:center;min-height:40px;display:flex}.site-link{color:var(--bobbin-heading);border-radius:6px;font-size:.9rem;font-weight:600;text-decoration:none}.site-link:hover{text-decoration:underline}@media (display-mode:standalone){.site-link{visibility:hidden}}.icon-button{width:40px;height:40px;color:var(--bobbin-heading);cursor:pointer;background:0 0;border:none;border-radius:999px;place-items:center;margin-left:auto;display:grid}.icon-button:hover{background:var(--brand-opacity-10)}.dark .icon-button:hover{background:var(--accent-opacity-10)}.icon-sun,.dark .icon-moon{display:none}.dark .icon-sun{display:block}.update-banner{border-radius:var(--bobbin-radius);border-left:4px solid var(--bobbin-heading);background:var(--bobbin-surface);box-shadow:var(--bobbin-surface-shadow);justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-size:.9rem;display:flex}.update-banner[hidden]{display:none}.game-header{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}h1{color:var(--bobbin-heading);text-shadow:2px 2px 4px var(--shadow-dark);margin:0;font-size:2rem;font-weight:700;line-height:1.1}.dark h1{text-shadow:none}.code-line{color:var(--bobbin-muted);margin:4px 0 0;font-size:.9rem}.code-line strong{color:var(--bobbin-text);letter-spacing:.04em}.text-button{color:var(--bobbin-heading);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:0 0 0 4px;font-size:.9rem;font-weight:600;text-decoration:underline}.header-actions{flex-shrink:0;gap:8px;display:flex}.btn{border-radius:var(--bobbin-radius);cursor:pointer;justify-content:center;align-items:center;padding:.375rem .75rem;font-size:.875rem;font-weight:600;line-height:1.5;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.btn-primary{background:var(--bobbin-primary-bg);color:var(--bobbin-primary-text);border:2px solid #0000}.btn-secondary{border:2px solid var(--bobbin-secondary-border);background:var(--bobbin-secondary-bg);color:var(--bobbin-secondary-text)}.btn:not(:disabled):hover{box-shadow:0 6px 18px var(--bobbin-primary-shadow);transform:translateY(-2px)}.btn:not(:disabled):active{transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.segmented{border-radius:var(--bobbin-radius);background:var(--bobbin-surface);box-shadow:var(--bobbin-surface-shadow);grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}.segmented button{color:var(--bobbin-heading);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 0;font-size:.95rem;font-weight:600}.segmented button[aria-pressed=true]{background:var(--bobbin-primary-bg);color:var(--bobbin-primary-text)}.stage{position:relative}canvas{touch-action:manipulation;width:100%;display:block}.overlay{background:var(--bobbin-overlay);border-radius:24px;place-items:center;display:grid;position:absolute;inset:0}.overlay[hidden]{display:none}.dialog{border-radius:var(--bobbin-radius);border-left:4px solid var(--bobbin-heading);background:var(--bg-white);width:min(85%,300px);box-shadow:var(--bobbin-surface-shadow);text-align:center;padding:1.5rem}.dark .dialog{background:var(--dark-bg-1)}.dialog h2{color:var(--bobbin-heading);margin:0 0 .5rem;font-size:1.3rem}.dialog p{margin:0 0 1rem;line-height:1.5}.nowrap{white-space:nowrap}.hint{color:var(--bobbin-muted);text-align:center;margin:0;font-size:.9rem;line-height:1.5}.hint[hidden]{display:none}.panel{border-radius:var(--bobbin-radius);background:var(--bobbin-surface);box-shadow:var(--bobbin-surface-shadow);padding:12px}.panel-heading{color:var(--bobbin-muted);justify-content:space-between;align-items:baseline;margin-bottom:8px;font-size:.85rem;display:flex}.panel-heading h2{color:var(--bobbin-heading);margin:0;font-size:1rem}.rack{grid-template-columns:repeat(var(--rack-slots,4), 1fr);gap:8px;display:grid}.slot{aspect-ratio:1;border:2px dashed var(--bobbin-border);background:var(--bobbin-slot);border-radius:10px;place-items:center;max-height:64px;padding:0;display:grid}.slot.filled{cursor:pointer;border-style:solid}.slot:disabled{cursor:default}.supply{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.column{border-radius:var(--bobbin-radius);background:var(--bobbin-surface);min-height:150px;box-shadow:var(--bobbin-surface-shadow);flex-direction:column;align-items:center;gap:6px;padding:10px 8px;display:flex}.column .more{color:var(--bobbin-muted);margin-top:auto;font-size:.8rem}.spool{background:0 0;border:none;border-radius:8px;place-items:center;padding:0;transition:transform .12s;display:grid}.spool:not(:disabled){cursor:pointer}.spool:not(:disabled):active{transform:scale(.92)}.spool.upcoming{pointer-events:none}.spool.upcoming-1{opacity:.55}.spool.upcoming-2{opacity:.3}.spool svg,.slot svg{transform-origin:50%;display:block}.flight{z-index:50;pointer-events:none;transform-origin:50%;will-change:transform;width:40px;height:40px;position:fixed;top:0;left:0}.column.sent,.panel.sent{box-shadow:0 0 0 3px var(--bobbin-dock), var(--bobbin-surface-shadow)}.code-form label{color:var(--bobbin-heading);margin-bottom:6px;font-size:.9rem;font-weight:600;display:block}.code-row{gap:8px;display:flex}.code-row input{border:1px solid var(--bobbin-border);border-radius:var(--bobbin-radius);background:var(--bg-white);min-width:0;color:var(--brand-primary-darkest);letter-spacing:.06em;text-transform:uppercase;flex:1;padding:8px 14px;font-size:1rem}.dark .code-row input{background:var(--dark-bg-1);color:var(--dark-text)}.code-form p{min-height:1.2em;color:var(--bobbin-muted);margin:6px 0 0;font-size:.85rem}@media (prefers-reduced-motion:reduce){.btn,.spool{transition:none}.btn:not(:disabled):hover{transform:none}}