:root{font-family:Arial,Helvetica,sans-serif;color:#283332;background:#faf8f3;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:4px}button,select{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #e88669;outline-offset:4px}[hidden]{display:none!important}.game-nav{max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:24px}.brand{font-size:24px;font-weight:800;text-decoration:none;letter-spacing:-1px}.brand span{display:block;font-size:9px;letter-spacing:2px;margin:5px 0 0 25px;font-weight:500}.game-nav>a:last-child{font-size:13px}.play-layout{max-width:1050px;margin:22px auto;display:grid;grid-template-columns:1fr 440px;gap:90px;align-items:start;padding:0 24px}.instructions{padding-top:48px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#79877c}h1{font-family:Georgia,serif;font-weight:400;font-size:61px;line-height:1.05;letter-spacing:-2px;margin:22px 0}h1 em{color:#647563;font-weight:400}p,li{font-size:14px;line-height:1.85;color:#69736c}ol{padding-left:22px;margin:32px 0}li{padding-left:8px;margin:18px 0}li b{display:block;color:#364a3e}.quiet{font-size:12px}.instructions>a{font-size:13px}.game-shell{background:#fff;border:1px solid #e5e5dc;box-shadow:0 15px 45px #2336260c;border-radius:24px;padding:20px;max-width:100%}.game-top{display:flex;justify-content:space-between;align-items:center}.game-top h2{font-family:Georgia,serif;font-weight:400;font-size:23px;margin:7px 0 15px}.level-label{display:flex;flex-direction:column;gap:5px;font-size:10px;color:#738172}select{border:1px solid #d9ded4;background:#f6f7f1;padding:6px;border-radius:6px;color:#324731}.progress-line{display:flex;justify-content:space-between;font-size:10px;color:#77857c}progress{appearance:none;display:block;width:100%;height:4px;border:none;margin:9px 0 16px;border-radius:4px;overflow:hidden}progress::-webkit-progress-bar{background:#eef1e8}progress::-webkit-progress-value{background:#92ae8c}#canvas-wrap{position:relative;aspect-ratio:400/370;border-radius:23px;overflow:hidden}#game-canvas{width:100%;height:100%}canvas{display:block}#pause-cover{position:absolute;inset:0;background:#23352dec;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#f4f7ec}#pause-cover p{color:#dae1d3}#pause-cover h2{font:32px Georgia}.tray-heading,.queue-heading{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.3px;color:#818a80;margin:16px 0 10px}.queue-heading span{letter-spacing:0}.tray-heading span:last-child{letter-spacing:0}#tray{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.tray-slot{height:46px;border-radius:9px;background:#f0f1ed;border:1px dashed #d8ddd2;display:flex;align-items:center;justify-content:center;flex-direction:column}.tray-slot span{font-size:30px;color:#bdc8bd}.tray-slot.occupied{background:var(--yarn);border:0;color:#203132}.tray-slot small{font-size:8px}.tray-slot b{font-size:17px}#queue{display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:12px;min-height:90px}.queue-column{display:flex;flex-direction:column;align-items:center;gap:6px}.queue-column>small{font-size:9px;color:#8a9387}.bobbin{width:100%;max-width:78px;border:0;border-top:4px solid #ffffff60;border-bottom:4px solid #00000013;border-radius:12px;background:repeating-linear-gradient(0deg,transparent,transparent 5px,#ffffff24 6px,#0000000a 8px),var(--yarn);color:#163333;box-shadow:0 3px #22352715;display:flex;flex-direction:column;align-items:center;padding:7px 2px;transition:transform .15s}.bobbin strong{background:#ffffffe0;border-radius:20px;padding:2px 8px;min-width:32px;font-size:15px}.bobbin span{font-size:8px;font-weight:700;margin-top:4px;letter-spacing:.3px}.bobbin:not(:disabled):hover{transform:translateY(-3px)}.bobbin.future{height:25px;border-width:2px;opacity:.5;padding:2px}.bobbin.future strong{background:none;font-size:11px}.bobbin.future span{display:none}.hinted{outline:3px solid #263f37;outline-offset:4px}#game-message{min-height:36px;margin:13px 0;font-size:11px;text-align:center;line-height:1.5;color:#657867}.game-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.game-tools button{background:#f7f7f2;border:1px solid #e6e9df;border-radius:9px;padding:10px 3px;color:#52664e;font-size:18px}.game-tools span{display:block;font-size:9px;margin-top:3px}.primary{background:#405f4b;color:#fff;border:0;border-radius:9px;padding:13px 22px;font-weight:600;font-size:13px}.next{width:100%;margin-top:13px}.save-status{font-size:9px;text-align:center;margin:10px 0 0;color:#8a9687}.game-footer{text-align:center;color:#899186;font-size:10px;margin:35px 20px;line-height:2}@media(max-width:850px){.play-layout{gap:25px;grid-template-columns:1fr 400px}.instructions h1{font-size:46px}}@media(max-width:700px){.game-nav{padding:15px 20px}.brand{font-size:21px}.play-layout{display:flex;flex-direction:column;margin:4px auto;padding:0 14px;max-width:470px;gap:30px}.game-shell{order:0;width:100%;padding:15px;border-radius:20px}.instructions{order:1;padding:0 8px}.instructions h1{font-size:44px}.instructions h1 br{display:none}.instructions h1 br:after{content:" "}.game-top h2{font-size:22px}.game-footer{margin-top:20px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}