@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Lora;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/lora-latin-600-normal-B-3RcLOQ.woff2)format("woff2")}@font-face{font-family:Lora;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/lora-latin-700-normal-BHK4Pzk4.woff2)format("woff2")}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#e8e5da;--fabric:url(/textures/linen-light.webp);--fabric-size:192px;--panel:#fdfcfa;--panel-border:#e6e1d8;--ink:#2a2723;--ink-2:#4d4842;--ink-3:#7a746b;--sage:#5b8a6a;--thread-red:#c9413b;--thread-gold:#e2a62f;--thread-red-ink:#b3342e;--thread-gold-ink:#946207;--thread-win:#78634c;--focus-ring:#5b8a6a8c;--shadow:0 4px 16px #3c321e1f, 0 1px 3px #3c321e14;--radius:14px;--font-display:"Lora", Georgia, "Times New Roman", serif;--font-body:"Inter Variable", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#272e46;--fabric:url(/textures/linen-dark.webp);--panel:#1f2538;--panel-border:#343d5a;--ink:#ece8df;--ink-2:#c6c1b7;--ink-3:#8f94a6;--sage:#8fc4a0;--thread-red:#e6584e;--thread-gold:#f2ba42;--thread-red-ink:#f06a5f;--thread-gold-ink:#f2ba42;--thread-win:#96a6ca;--focus-ring:#96d2aa80;--shadow:0 4px 18px #00000059, 0 1px 3px #0000004d}.linen{background-color:var(--page);background-image:var(--fabric);background-size:var(--fabric-size) var(--fabric-size)}:root{--stitch:#78624880;--stitch-soft:#7862484d;--panel-a:#fdfbf6db;--wood:#c9965c;--wood-light:#eec892;--wood-dark:#80542c;--primary:#557f62;--primary-ink:#fbf8f0;--backdrop:#2e221457;--lift:0 1px 0 #ffffffb3 inset, 0 1px 1px #503a1e1f, 0 3px 10px #503a1e21;--lift-press:0 1px 0 #ffffff80 inset, 0 1px 2px #503a1e24;--tone-easy:#6e9f5c;--tone-medium:#c99632;--tone-hard:#b5503f}[data-theme=dark]{--stitch:#b0bcde6b;--stitch-soft:#b0bcde3d;--panel-a:#1e2438e0;--wood:#9a6840;--wood-light:#c89464;--wood-dark:#3e2716;--primary:#79b08c;--primary-ink:#10201a;--backdrop:#0406108c;--lift:0 1px 0 #ffffff0f inset, 0 1px 2px #00000059, 0 4px 12px #0000004d;--lift-press:0 1px 0 #ffffff0a inset, 0 1px 2px #00000059;--tone-easy:#8cc47a;--tone-medium:#e6b54e;--tone-hard:#e0705c}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}html{background-color:var(--page);background-image:var(--fabric);background-size:var(--fabric-size) var(--fabric-size);-webkit-text-size-adjust:100%}body{font-family:var(--font-body);color:var(--ink);overscroll-behavior:none;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;touch-action:manipulation;overflow:hidden}button,input{font:inherit;color:inherit}button{cursor:pointer;-webkit-user-select:none;user-select:none}button:disabled{cursor:default}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.linen-panel{background-color:var(--panel);background-image:linear-gradient(var(--panel-a), var(--panel-a)), var(--fabric);background-size:auto, var(--fabric-size) var(--fabric-size);position:relative}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important}}.board-root{width:100%;min-width:0;height:100%;min-height:0;position:relative}.board-stage{position:absolute}.board-canvas,.win-thread{pointer-events:none;position:absolute;inset:0 auto auto 0}.board-stage .piece,.board-stage .ghost{pointer-events:none;position:absolute}.board-stage .piece img,.board-stage .ghost{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;will-change:transform;display:block}.board-input{touch-action:none;-webkit-tap-highlight-color:transparent;outline:none;position:absolute}.board-input.is-live{cursor:pointer}.board-input:focus-visible{box-shadow:0 0 0 3px var(--focus-ring);border-radius:12px}.win-thread .ws{stroke-dasharray:1 2;stroke-dashoffset:1px;opacity:0;animation:ws-draw var(--d) linear var(--t) forwards}.win-thread .wh{opacity:0;animation:ws-fade .18s ease-out var(--t) forwards}.win-thread .wh.is-end{animation-delay:calc(var(--t) + var(--d) * .8)}@keyframes ws-draw{0%{opacity:0;stroke-dashoffset:1px}1%{opacity:1}to{opacity:1;stroke-dashoffset:0}}@keyframes ws-fade{to{opacity:1}}.win-thread.is-reduced{opacity:0;animation:.3s ease-out both ws-fade}.win-thread.is-reduced .ws,.win-thread.is-reduced .wh{opacity:1;stroke-dasharray:none;stroke-dashoffset:0;animation:none}body.is-locked{overflow:hidden}.sheet-layer{z-index:50;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet-layer.is-card{align-items:center;padding:24px}.sheet-backdrop{background:var(--backdrop);position:absolute;inset:0}.sheet{width:100%;max-width:540px;max-height:min(88dvh,780px);padding-bottom:env(safe-area-inset-bottom);border-radius:24px 24px 0 0;outline:none;flex-direction:column;display:flex;box-shadow:0 -10px 34px #2e1e0c33}[data-theme=dark] .sheet{box-shadow:0 -10px 34px #00000073}.sheet:before{content:"";border:1.5px dashed var(--stitch);pointer-events:none;border-bottom:0;border-radius:17px 17px 0 0;position:absolute;inset:8px 8px -4px}.sheet:after{content:"";background:inherit;height:40vh;position:absolute;top:100%;left:0;right:0}.is-card .sheet{border-radius:20px;max-width:440px;max-height:min(86dvh,740px);padding-bottom:0;box-shadow:0 18px 50px #2e1e0c3d,0 2px 8px #2e1e0c1f}[data-theme=dark] .is-card .sheet{box-shadow:0 18px 50px #00000080}.is-card .sheet:before{border-bottom:1.5px dashed var(--stitch);border-radius:13px;inset:8px}.is-card .sheet:after{display:none}.sheet.is-compact{max-width:440px}.is-card .sheet.is-compact{max-width:380px}.sheet-head{touch-action:none;flex:none;padding:12px 60px 8px 26px;position:relative}.sheet-layer:not(.is-card) .sheet-head{cursor:grab}.is-card .sheet-head{padding-top:24px}.sheet-grip{background:repeating-linear-gradient(90deg, var(--stitch) 0 6px, transparent 6px 10px);border-radius:2px;width:46px;height:3px;margin:4px auto 12px;display:block}.sheet-title{font-family:var(--font-display);color:var(--ink);margin:0;font-size:22px;font-weight:700;line-height:1.2}.sheet-close{width:40px;height:40px;color:var(--ink-3);background:0 0;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:22px;right:16px}.is-card .sheet-close{top:18px}.sheet-close:hover{background:color-mix(in srgb, var(--ink) 6%, transparent)}.sheet-body{overscroll-behavior:contain;flex-direction:column;gap:14px;padding:8px 26px 26px;display:flex;position:relative;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 10px calc(100% - 18px),#0000);mask-image:linear-gradient(#0000,#000 10px calc(100% - 18px),#0000)}.sheet-text{color:var(--ink-2);margin:0;font-size:15px;line-height:1.5}.sheet-text.is-center{text-align:center}.sheet-foot{text-align:center;font-family:var(--font-display);color:var(--ink-3);margin:8px 0 0;font-size:13px;font-style:italic}.btn-row{gap:10px;display:flex}.btn-row>.btn{flex:1}.link-btn{color:var(--ink-3);text-underline-offset:4px;background:0 0;border:0;align-self:center;padding:8px 12px;font-size:14px;font-weight:550;-webkit-text-decoration:underline dashed;text-decoration:underline dashed}.menu-section{border-top:1.5px dashed var(--stitch-soft);flex-direction:column;gap:8px;padding-top:14px;display:flex}.menu-section:first-child{border-top:0;padding-top:0}.section-title{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin:0;font-size:11px;font-weight:650}.choice-list{flex-direction:column;gap:6px;display:flex}.choice{text-align:left;background:0 0;border:1.5px dashed #0000;border-radius:14px;align-items:center;gap:14px;width:100%;min-height:64px;padding:10px 14px 10px 10px;transition:background-color .15s,border-color .15s,transform .12s;display:flex;position:relative}.choice:hover{background:color-mix(in srgb, var(--ink) 4%, transparent)}.choice:active{transform:scale(.99)}.choice.is-on{border-color:var(--stitch);background:color-mix(in srgb, var(--sage) 9%, transparent)}.choice.is-big{border-color:var(--stitch);background:color-mix(in srgb, var(--panel) 70%, transparent);box-shadow:var(--lift)}.choice-icon{width:46px;height:46px;color:var(--ink-2);background:var(--panel);box-shadow:0 0 0 1.5px var(--panel), 0 0 0 3px var(--stitch-soft), 0 2px 6px #4632191f;border-radius:50%;flex:none;place-items:center;display:grid}.choice-icon.is-emoji{font-size:24px}.choice-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.choice-label{font-family:var(--font-display);color:var(--ink);font-size:17px;font-weight:600}.choice-blurb{color:var(--ink-3);font-size:13px}.choice-check{background:var(--primary);border-radius:50%;flex:none;width:24px;height:24px;position:relative}.choice-check:after{content:"";border:solid var(--primary-ink);border-width:0 2.2px 2.2px 0;width:5px;height:10px;position:absolute;top:5px;left:8.5px;transform:rotate(45deg)}.segmented{border:1.5px dashed var(--stitch-soft);border-radius:14px;gap:4px;padding:4px;display:flex}.seg{min-height:40px;color:var(--ink-2);white-space:nowrap;background:0 0;border:0;border-radius:10px;flex:1;padding:0 8px;font-size:14px;font-weight:550;transition:background-color .15s,box-shadow .15s,color .15s}.seg.is-on{background:var(--panel);color:var(--ink);box-shadow:var(--lift)}.segmented.is-small .seg{min-height:34px;padding:0 10px;font-size:13px}.rows{flex-direction:column;gap:4px;display:flex}.row{justify-content:space-between;align-items:center;gap:12px;min-height:46px;display:flex}.row-label{font-size:15px;font-weight:500}.switch{background:color-mix(in srgb, var(--ink) 14%, transparent);border:0;border-radius:999px;flex:none;width:52px;height:30px;padding:0;transition:background-color .2s;position:relative;box-shadow:inset 0 1px 3px #28190a2e}.switch:before{content:"";border:1.2px dashed color-mix(in srgb, var(--ink) 18%, transparent);border-radius:999px;position:absolute;inset:3px}.switch.is-on{background:var(--primary)}.switch.is-on:before{border-color:color-mix(in srgb, var(--primary-ink) 40%, transparent)}.switch-knob{background:radial-gradient(circle at 35% 30%,#fffdf7,#ece4d4);border-radius:50%;width:24px;height:24px;transition:transform .22s cubic-bezier(.3,1.4,.5,1);position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #28190a4d}.switch-knob:before,.switch-knob:after{content:"";background:#5a462d73;border-radius:50%;width:3px;height:3px;position:absolute;top:10.5px}.switch-knob:before{left:7.5px}.switch-knob:after{right:7.5px}.switch.is-on .switch-knob{transform:translate(22px)}.text-input{border:1.5px dashed var(--stitch);background:color-mix(in srgb, var(--panel) 80%, transparent);width:100%;height:48px;font-family:var(--font-display);color:var(--ink);border-radius:12px;outline:none;padding:0 14px;font-size:17px;font-weight:600;transition:border-color .15s,box-shadow .15s}.text-input:focus{border-style:solid;border-color:var(--sage);box-shadow:0 0 0 3px var(--focus-ring)}.text-input.is-code{text-align:center;letter-spacing:.32em;text-transform:uppercase;flex:1;min-width:0;font-size:22px}.text-input.is-code::placeholder{color:var(--ink-3);opacity:.4}.rename{flex-direction:column;gap:14px;display:flex}.join{gap:10px;display:flex}.field-error{color:var(--thread-red);margin:-4px 0 0;font-size:13px}.divider{text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);align-items:center;gap:12px;font-size:12px;font-weight:600;display:flex}.divider:before,.divider:after{content:"";border-top:1.5px dashed var(--stitch-soft);flex:1}.room-code{justify-content:center;gap:6px;display:flex}.room-char{width:38px;height:48px;font-family:var(--font-display);color:var(--ink);background:var(--panel);box-shadow:inset 0 0 0 3px var(--panel), inset 0 0 0 4.5px var(--stitch-soft), var(--lift);border-radius:8px;place-items:center;font-size:26px;font-weight:700;display:grid}.room-char:nth-child(3){margin-right:8px}.offline-note{text-align:left;align-items:flex-start;gap:12px;display:flex}.offline-note p{color:var(--ink-2);margin:0;font-size:15px;line-height:1.5}.offline-note strong{color:var(--ink)}.offline-emoji{font-size:28px;line-height:1}.stats{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:14px}.stats th,.stats td{text-align:center;padding:7px 4px}.stats thead th{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);font-size:11px;font-weight:600}.stats tbody th{text-align:left;font-weight:550}.stats tbody tr+tr{border-top:1px dashed var(--stitch-soft)}.streak{color:var(--ink-2);margin:2px 0 0;font-size:14px}.streak strong{font-family:var(--font-display);color:var(--ink);margin-left:4px;font-size:16px}.streak .dot{color:var(--ink-3);margin:0 10px}.react-grid{flex-wrap:wrap;gap:8px;display:flex}.react-chip{background:var(--panel);min-height:44px;box-shadow:inset 0 0 0 3px var(--panel), inset 0 0 0 4.5px var(--stitch-soft), var(--lift);font-family:var(--font-display);border:0;border-radius:999px;padding:0 16px;font-size:15px;font-weight:600;transition:transform .12s;position:relative}.react-emojis{justify-content:space-between;gap:8px;display:flex}.react-emoji{background:var(--panel);width:56px;height:56px;box-shadow:inset 0 0 0 3px var(--panel), inset 0 0 0 4.5px var(--stitch-soft), var(--lift);border:0;border-radius:50%;font-size:28px;line-height:1;transition:transform .12s}.react-chip:active:not(:disabled),.react-emoji:active:not(:disabled){transform:translateY(1px)scale(.97)}.react-chip:disabled,.react-emoji:disabled{opacity:.5}.field-note{color:var(--ink-3);margin:-2px 0 0;font-size:13px;line-height:1.4}.match{text-align:center;flex-direction:column;align-items:center;gap:16px;padding-top:4px;display:flex}.match>.btn-row{align-self:stretch}.match-text{flex-direction:column;align-items:center;gap:4px;display:flex}.match-title{font-family:var(--font-display);color:var(--ink);margin:0;font-size:21px;font-weight:700}.match-line{min-height:22px;color:var(--ink-2);max-width:290px;margin:0;font-size:15px;line-height:1.45}.match-line>span{display:inline-block}.match-time{letter-spacing:.06em;font-variant-numeric:tabular-nums;color:var(--ink-3);opacity:.8;margin:2px 0 0;font-size:12px;font-weight:550}.match-prompt{background:color-mix(in srgb, var(--thread-gold) 10%, var(--panel));box-shadow:var(--lift);border-radius:14px;flex-direction:column;align-self:stretch;gap:12px;padding:16px 14px 14px;display:flex;position:relative}[data-theme=dark] .match-prompt{background:color-mix(in srgb, #fff 4%, var(--panel))}.match-prompt:before{content:"";border:1.5px dashed color-mix(in srgb, var(--thread-gold-ink) 45%, transparent);pointer-events:none;border-radius:10px;position:absolute;inset:5px}.match-prompt>*{position:relative}.match-prompt-text{font-family:var(--font-display);color:var(--ink);margin:0;font-size:16px;font-weight:600;line-height:1.4}.hoop-mini{flex:none;width:140px;height:140px;position:relative}.hoop-mini svg{display:block;position:relative;overflow:visible}.hm-cloth{background-color:var(--page);background-image:var(--fabric);background-size:120px 120px;border-radius:50%;position:absolute;inset:10px}.hm-lug{fill:var(--wood);stroke:var(--wood-dark);stroke-width:.8px;stroke-opacity:.5}.hm-screw{stroke:#c9a650;stroke-width:2.4px;stroke-linecap:round}.hm-screw-head{fill:#b8913a}.hm-wood{fill:none;stroke:var(--wood);stroke-width:7px}.hm-wood-hi{fill:none;stroke:var(--wood-light);stroke-width:1.4px;opacity:.7;transform:translate(-.6px,-1.4px)}.hoop-mini:before{content:"";pointer-events:none;border-radius:50%;position:absolute;inset:6px;box-shadow:0 6px 16px #462d1438,inset 0 1px 6px #462d1429}[data-theme=dark] .hoop-mini:before{box-shadow:0 6px 18px #00000073,inset 0 1px 6px #00000059}.hm-guide{fill:none;stroke:var(--stitch-soft);stroke-width:1.4px;stroke-dasharray:.1 10.9;stroke-linecap:round}.hm-thread,.hm-shadow{fill:none;stroke-width:3.2px;stroke-linecap:round;stroke-dasharray:7 4}.hm-thread.is-red{stroke:var(--thread-red)}.hm-thread.is-gold{stroke:var(--thread-gold);stroke-dasharray:6 4.2}.hm-shadow{stroke:#321e0a40}.hm-shadow.is-in{stroke-dasharray:6 4.2}.hm-tail{fill:none;stroke-width:2.2px;stroke-linecap:round}.hm-tail.is-red{stroke:var(--thread-red)}.hm-tail.is-gold{stroke:var(--thread-gold)}.sew-mask{fill:none;stroke:#fff;stroke-width:10px;stroke-dasharray:100 100;transform-box:view-box;transform-origin:70px 70px}.sew-mask.is-out{animation:3.6s linear infinite sew;transform:rotate(-90deg)}.sew-mask.is-in{animation:3.6s linear -1.8s infinite sew;transform:scaleX(-1)rotate(-90deg)}.hm-tip{transform-box:view-box;transform-origin:70px 70px}.hm-tip.is-out{animation:3.6s linear infinite tip-cw}.hm-tip.is-in{animation:3.6s linear -1.8s infinite tip-ccw}@keyframes sew{0%{stroke-dashoffset:100px;opacity:1}62%{stroke-dashoffset:0;opacity:1}84%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}@keyframes tip-cw{0%{opacity:1;transform:rotate(0)}62%{opacity:1;transform:rotate(360deg)}66%,to{opacity:0;transform:rotate(360deg)}}@keyframes tip-ccw{0%{opacity:1;transform:rotate(0)}62%{opacity:1;transform:rotate(-360deg)}66%,to{opacity:0;transform:rotate(-360deg)}}.hm-pieces{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.hm-pieces img{filter:drop-shadow(0 1.5px 1.5px #321e0a4d);transition:translate .5s cubic-bezier(.3,1.4,.5,1)}.hm-pieces img:first-child{animation:3.6s ease-in-out infinite drift;translate:-3px}.hm-pieces img:last-child{animation:3.6s ease-in-out -1.8s infinite drift;translate:3px}@keyframes drift{0%,to{transform:translateY(-2px)}50%{transform:translateY(2px)}}.hoop-mini.is-still .sew-mask,.hoop-mini.is-done .sew-mask{stroke-dashoffset:0;opacity:1;animation:none}.hoop-mini.is-still .hm-tip,.hoop-mini.is-done .hm-tip{display:none}.hoop-mini.is-still .hm-pieces img,.hoop-mini.is-done .hm-pieces img{animation:none}.hoop-mini.is-done .hm-pieces img:first-child{translate:4px}.hoop-mini.is-done .hm-pieces img:last-child{translate:-4px}@media (prefers-reduced-motion:reduce){.sew-mask,.hm-pieces img{stroke-dashoffset:0;animation:none!important}.hm-tip{display:none}}.choice.is-feature{background:var(--primary);min-height:76px;box-shadow:var(--lift);border:0}.choice.is-feature:before{content:"";border:1.5px dashed color-mix(in srgb, var(--primary-ink) 45%, transparent);pointer-events:none;border-radius:10px;position:absolute;inset:4px}.choice.is-feature:hover{background:color-mix(in srgb, var(--primary) 92%, var(--ink))}.choice.is-feature .choice-label{color:var(--primary-ink)}.choice.is-feature .choice-blurb{color:color-mix(in srgb, var(--primary-ink) 80%, transparent)}.choice.is-feature .choice-icon{background:var(--panel);box-shadow:0 0 0 1.5px var(--panel), 0 0 0 3px color-mix(in srgb, var(--primary-ink) 50%, transparent), 0 2px 6px #1e322340}.pair-icon{width:34px;height:22px;position:relative}.pair-icon img{position:absolute;top:0}.pair-icon img:first-child{left:0}.pair-icon img:last-child{right:0}.choice-arrow{color:var(--primary-ink);opacity:.85;flex:none}.choice-arrow svg{display:block;transform:rotate(-90deg)}.app{height:100dvh;padding:calc(env(safe-area-inset-top) + 20px) calc(env(safe-area-inset-right) + 8px) calc(env(safe-area-inset-bottom) + 20px) calc(env(safe-area-inset-left) + 8px);justify-content:center;align-items:center;display:flex;overflow:hidden}.stage{--reserve:calc(246px + env(safe-area-inset-top) + env(safe-area-inset-bottom));--bh:min(calc((100vw - 16px - env(safe-area-inset-left) - env(safe-area-inset-right)) * 1.0444), calc(100dvh - var(--reserve)), 640px);--bw:calc(var(--bh) * .9575);--hoop-x:calc(var(--bw) * .0164);width:var(--bw);grid-template-columns:100%;grid-template-areas:"controls""board""bottom";row-gap:4px;display:grid}.controls{padding-inline:var(--hoop-x);grid-area:controls;align-items:center;gap:8px;height:50px;display:flex}.icon-btn{width:46px;height:46px;color:var(--ink-2);background-color:var(--panel);background-image:linear-gradient(var(--panel-a), var(--panel-a)), var(--fabric);background-size:auto, var(--fabric-size) var(--fabric-size);box-shadow:var(--lift);border:0;border-radius:14px;flex:none;place-items:center;transition:transform .12s,box-shadow .12s,opacity .2s;display:grid;position:relative}.icon-btn:before{content:"";border:1.5px dashed var(--stitch-soft);pointer-events:none;border-radius:10px;position:absolute;inset:4px}.icon-btn:active:not(:disabled){box-shadow:var(--lift-press);transform:translateY(1px)}.icon-btn:disabled{opacity:.4}.icon-btn:disabled svg{opacity:.8}.icon-btn.is-spool svg{transition:transform .35s cubic-bezier(.3,1.6,.5,1)}.icon-btn.is-spool:active svg{transform:rotate(-14deg)}.status{flex:1;justify-content:center;min-width:0;display:flex}.status-text-wrap{justify-content:center;min-width:0;max-width:100%;display:flex;position:relative}.status-text{font-family:var(--font-display);letter-spacing:.005em;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-weight:600;line-height:24px;transition:color .3s;overflow:hidden}.status-text.is-p1{color:var(--thread-red-ink)}.status-text.is-p2{color:var(--thread-gold-ink)}.board-wrap{height:var(--bh);grid-area:board;width:100%;position:relative}.board-overlay{pointer-events:none;place-items:center;display:grid;position:absolute;inset:18% 9% 9%}.overlay-card{pointer-events:auto;width:min(100%,300px);box-shadow:var(--shadow);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:20px 18px 18px;display:flex}.overlay-card:before,.result:before{content:"";border:1.5px dashed var(--stitch);pointer-events:none;border-radius:11px;position:absolute;inset:6px}.overlay-card>*{position:relative}.overlay-kicker{text-transform:uppercase;letter-spacing:.12em;color:var(--ink-3);margin:0;font-size:12px;font-weight:600}.overlay-title{font-family:var(--font-display);margin:0;font-size:20px;font-weight:700}.overlay-title.is-soft{color:var(--ink-2);font-size:17px;font-weight:600}.overlay-hint{color:var(--ink-3);max-width:230px;margin:0;font-size:12.5px;line-height:1.4}.bottom{height:128px;padding-inline:var(--hoop-x);grid-area:bottom;padding-top:6px;position:relative}.bottom-inner{flex-direction:column;align-items:center;gap:14px;display:flex}.labels{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;width:100%;display:grid}.labels-vs{font-family:var(--font-display);color:var(--ink-3);font-size:13px;font-style:italic;font-weight:600}.label-slot{min-width:0;display:flex;position:relative}.label-slot.is-right{justify-content:flex-end}.label{--tint:var(--panel-a);text-align:left;min-width:0;max-width:100%;height:52px;color:var(--ink);background-color:var(--panel);background-image:linear-gradient(var(--tint), var(--tint)), var(--fabric);background-size:auto, var(--fabric-size) var(--fabric-size);border:0;border-radius:5px;align-items:center;gap:8px;padding:0 14px 0 11px;display:flex;position:relative;box-shadow:0 1px 1px #503a1e24,0 3px 8px #503a1e1a}[data-theme=dark] .label{box-shadow:0 1px 2px #0006,0 3px 10px #00000047}.label:before{content:"";border:1.5px dashed var(--stitch);pointer-events:none;border-radius:3px;position:absolute;inset:4px}.label:after{content:"";pointer-events:none;background:linear-gradient(90deg,#503a1e1a,#0000 7% 93%,#503a1e1a);border-radius:5px;position:absolute;inset:0}.label-piece{flex:none;width:22px;height:22px;display:block;position:relative}.label-piece img{display:block}.label-offline{background:var(--ink-3);border:2px solid var(--panel);border-radius:50%;width:10px;height:10px;position:absolute;bottom:-2px;right:-3px}.label-text{flex-direction:column;gap:1px;min-width:0;display:flex}.label-tag{letter-spacing:.11em;text-transform:uppercase;color:var(--ink-3);font-size:10px;font-weight:650;line-height:1.2}.label-name{font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;line-height:1.2;overflow:hidden}.lt{--lt:var(--thread-red);pointer-events:none;justify-content:center;height:10px;display:flex;position:absolute;bottom:-13px;left:10px;right:10px}.label[data-player="2"] .lt{--lt:var(--thread-gold)}.lt-clip{width:100%;height:100%;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.lt-svg{display:block;position:absolute;top:0;left:50%;overflow:visible;translate:-50%}.lt-svg path{fill:none;stroke-linecap:round}.lt-thread{stroke:var(--lt);stroke-width:2.4px;stroke-dasharray:10 4;transition:stroke .4s;animation:3.6s linear infinite lt-flow}.lt-shadow{stroke:#3c281438;stroke-width:2.6px;stroke-dasharray:10 4;animation:3.6s linear infinite lt-flow}[data-theme=dark] .lt-shadow{stroke:#00000073}.lt-twist{stroke:#fffcf080;stroke-width:.8px;stroke-dasharray:1.4 12.6;animation:3.6s linear infinite lt-flow}.lt-wave{animation:3.6s linear infinite lt-travel}.lt-clip.is-lively .lt-wave,.lt-clip.is-lively path{animation-duration:2.2s}.lt-clip.is-low{--lt:var(--thread-red);animation:1.1s ease-in-out infinite lt-pulse}@keyframes lt-travel{to{transform:translate(-28px)}}@keyframes lt-flow{to{stroke-dashoffset:-28px}}@keyframes lt-pulse{50%{opacity:.5}}.label:disabled{cursor:default}.bubble{z-index:5;font-family:var(--font-display);white-space:nowrap;color:var(--ink);background-color:var(--panel);background-image:linear-gradient(var(--panel-a), var(--panel-a)), var(--fabric);background-size:auto, var(--fabric-size) var(--fabric-size);box-shadow:var(--shadow);border-radius:12px;padding:8px 13px;font-size:15px;font-weight:600;position:absolute;bottom:calc(100% + 12px)}.is-left .bubble{transform-origin:18px 100%;left:6px}.is-right .bubble{transform-origin:calc(100% - 18px) 100%;right:6px}.bubble:before{content:"";border:1.2px dashed var(--stitch);pointer-events:none;border-radius:9px;position:absolute;inset:3px}.bubble:after{content:"";background:inherit;border-radius:2px;width:12px;height:12px;position:absolute;bottom:-6px;transform:rotate(45deg);box-shadow:3px 3px 4px #3c281414}.is-left .bubble:after{left:18px}.is-right .bubble:after{right:18px}.bubble.is-emoji{padding:4px 12px;font-size:28px;line-height:1.25}.mode-chip{border:1.5px dashed var(--stitch);background:color-mix(in srgb, var(--panel) 45%, transparent);height:34px;color:var(--ink-2);letter-spacing:.01em;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 14px 0 16px;font-size:13px;font-weight:550;transition:background .15s,transform .12s;display:inline-flex}.mode-chip:hover{background:color-mix(in srgb, var(--panel) 75%, transparent)}.mode-chip:active{transform:translateY(1px)}.mode-chip svg{opacity:.7}.chip-row{justify-content:center;align-items:center;gap:10px;max-width:100%;display:flex}.chip-row .mode-chip{text-overflow:ellipsis;min-width:0;overflow:hidden}.update-patch{letter-spacing:.02em;white-space:nowrap;height:32px;color:var(--primary-ink);background-color:var(--primary);background-image:linear-gradient(color-mix(in srgb, var(--primary) 84%, transparent), color-mix(in srgb, var(--primary) 84%, transparent)), var(--fabric);background-size:auto, var(--fabric-size) var(--fabric-size);border:0;border-radius:9px;flex:none;align-items:center;gap:6px;padding:0 13px 0 11px;font-size:12.5px;font-weight:650;display:inline-flex;position:relative;box-shadow:0 1px 1px #283c2833,0 3px 8px #283c2829}[data-theme=dark] .update-patch{box-shadow:0 1px 2px #0006,0 3px 10px #0000004d}.update-patch:before{content:"";border:1.3px dashed color-mix(in srgb, var(--primary-ink) 55%, transparent);pointer-events:none;border-radius:6px;position:absolute;inset:3px}.update-patch svg{flex:none}.update-veil{z-index:200;place-items:center;display:grid;position:fixed;inset:0}.update-veil-text{font-family:var(--font-display);color:var(--ink-3);font-size:15px;font-style:italic;font-weight:600}.result{box-shadow:var(--shadow);border-radius:16px;flex-direction:column;gap:10px;padding:13px 14px;display:flex;position:relative}.result>*{position:relative}.result-text{flex-direction:column;gap:2px;min-width:0;padding-inline:4px;display:flex}.result-title{font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:21px;font-weight:700;line-height:1.15;overflow:hidden}.result-sub{color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12.5px;overflow:hidden}.result-btns{grid-template-columns:1fr 1.4fr;gap:8px;display:grid}.result-btns .btn{white-space:nowrap;padding:0 12px}.btn{min-height:44px;color:var(--ink);background-color:var(--panel);box-shadow:var(--lift);border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:15px;font-weight:600;transition:transform .12s,box-shadow .12s,opacity .2s,background-color .2s;display:inline-flex;position:relative}.btn:before{content:"";border:1.5px dashed var(--stitch-soft);pointer-events:none;border-radius:9px;position:absolute;inset:3px}.btn.is-primary{color:var(--primary-ink);background-color:var(--primary)}.btn.is-primary:before{border-color:color-mix(in srgb, var(--primary-ink) 45%, transparent)}.btn.is-danger{background-color:var(--thread-red);color:#fff8f2}.btn:active:not(:disabled){box-shadow:var(--lift-press);transform:translateY(1px)}.btn:disabled{opacity:.55}.btn.is-wide{width:100%}.toast{left:50%;bottom:calc(env(safe-area-inset-bottom) + 28px);z-index:80;box-shadow:var(--shadow);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;max-width:calc(100vw - 32px);padding:10px 18px;font-size:14px;font-weight:600;position:fixed;overflow:hidden;translate:-50%}.toast:before{content:"";border:1.2px dashed var(--stitch);border-radius:999px;position:absolute;inset:3px}@media (width<=370px){.status-text{font-size:16.5px}.label{gap:7px;padding:0 10px 0 9px}.label-name{font-size:14px}.labels{gap:5px}}@media (width>=900px) and (height>=700px){.stage{--reserve:310px;row-gap:8px}.bottom{padding-top:10px}}@media (orientation:landscape) and (height<=560px){.app{padding-top:calc(env(safe-area-inset-top) + 10px);padding-bottom:calc(env(safe-area-inset-bottom) + 10px)}.stage{--bh:min(calc(100dvh - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom)), calc((100vw - 300px - env(safe-area-inset-left) - env(safe-area-inset-right)) * 1.0444));width:auto;height:var(--bh);grid-template-columns:var(--bw) 250px;grid-template-rows:1fr auto auto 1fr;grid-template-areas:"board.""board controls""board bottom""board.";gap:10px 18px}.controls,.bottom{padding-inline:0}.bottom{height:auto;min-height:150px}.labels{grid-template-columns:100%;gap:14px}.labels-vs{display:none}.bottom-inner{align-items:flex-start}.label-slot.is-right{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){.lt-wave,.lt-svg path,.lt-clip.is-lively .lt-wave,.lt-clip.is-lively path{animation-duration:10s}.lt-clip.is-low{animation:none}}.crash{z-index:100;padding:calc(env(safe-area-inset-top) + 24px) calc(env(safe-area-inset-right) + 16px) calc(env(safe-area-inset-bottom) + 24px) calc(env(safe-area-inset-left) + 16px);place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.crash-card{text-align:center;border-radius:20px;flex-direction:column;align-items:center;width:100%;max-width:400px;padding:26px 30px 22px;display:flex;box-shadow:0 18px 50px #2e1e0c3d,0 2px 8px #2e1e0c1f}[data-theme=dark] .crash-card{box-shadow:0 18px 50px #00000080}.crash-card:before{content:"";border:1.5px dashed var(--stitch);pointer-events:none;border-radius:13px;position:absolute;inset:8px}.crash-art{width:220px;max-width:100%;height:auto;margin:0 0 6px;overflow:visible}.crash-title{font-family:var(--font-display);color:var(--ink);margin:0;font-size:28px;font-weight:700;line-height:1.15}.crash-text{max-width:290px;color:var(--ink-2);margin:10px 0 22px;font-size:15px;line-height:1.5}.crash-btn{width:100%;min-height:50px;font-family:var(--font-body);color:var(--primary-ink);background-color:var(--primary);box-shadow:var(--lift);cursor:pointer;border:0;border-radius:12px;padding:0 18px;font-size:16px;font-weight:600;transition:transform .12s,box-shadow .12s;position:relative}.crash-btn:before{content:"";border:1.5px dashed color-mix(in srgb, var(--primary-ink) 45%, transparent);pointer-events:none;border-radius:9px;position:absolute;inset:3px}.crash-btn:active{box-shadow:var(--lift-press);transform:translateY(1px)}.crash-link{font-family:var(--font-body);color:var(--ink-3);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;margin-top:8px;padding:8px 12px;font-size:14px;font-weight:550;-webkit-text-decoration:underline dashed;text-decoration:underline dashed}.crash-details{width:100%;color:var(--ink-3);margin-top:6px;font-size:12px}.crash-details summary{cursor:pointer;opacity:.8;padding:4px 8px;list-style:none;display:inline-block}.crash-details summary::-webkit-details-marker{display:none}.crash-details summary:before{content:"+ "}.crash-details[open] summary:before{content:"– "}.crash-details code{border:1px dashed var(--stitch-soft);text-align:left;white-space:pre-wrap;word-break:break-word;border-radius:8px;max-height:120px;margin-top:6px;padding:8px 10px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;line-height:1.45;display:block;overflow:auto}@media (prefers-reduced-motion:no-preference){.crash-tail{transform-origin:186px 82px;animation:4.2s ease-in-out infinite crash-sway}.crash-x{transform-origin:157px 47px;animation:5.6s ease-in-out infinite crash-bob}.crash-card{animation:.5s cubic-bezier(.2,1.2,.4,1) both crash-in}}@keyframes crash-sway{0%,to{transform:rotate(-5deg)}50%{transform:rotate(6deg)}}@keyframes crash-bob{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-3px)rotate(6deg)}}@keyframes crash-in{0%{opacity:0;transform:translateY(10px)scale(.98)}}