@layer components{.wg{flex-direction:column;gap:18px;padding:clamp(18px,3vw,28px);display:flex}.wg [hidden]{display:none!important}.wg-form{flex-direction:column;gap:16px;min-width:0;display:flex}.wg-main{flex-wrap:wrap;align-items:flex-end;gap:10px 12px;display:flex}.wg-main>div{flex:260px;min-width:0}.wg-main .btn{flex:none;min-height:52px}@media (width<=520px){.wg-main .btn{flex:100%}}.wg-big input{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:22px}.wg-big input::placeholder{letter-spacing:0;text-transform:none;font-family:var(--font-sans);font-size:16px}.wg-grid{grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:12px;display:grid}.wg-grid>div{min-width:0}.wg-grid .field{min-height:48px}.wg-grid .field input,.wg-grid .field select{font-size:16px}.wg-grid .lab{margin-bottom:6px;font-size:14px;display:block}.wg-opt{box-sizing:border-box;border:1.5px solid var(--line2);cursor:pointer;border-radius:14px;align-self:flex-start;align-items:center;gap:12px;max-width:100%;min-height:48px;padding:8px 16px;font-size:15px;font-weight:560;display:flex}.wg-opt:has(input:checked){border-color:var(--ink)}.wg-opt input{width:20px;height:20px;accent-color:var(--ink);cursor:pointer;flex:none;margin:0}.wg-ex{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.wg-ex .chip{cursor:pointer;font-family:var(--font-mono);letter-spacing:.04em;white-space:normal;overflow-wrap:anywhere;max-width:100%}.wg-ex .chip.wg-plain{letter-spacing:0;font-family:inherit}.wg-ex .chip:hover{border-color:var(--ink)}.wg-status{color:var(--mute);overflow-wrap:anywhere;margin:0;font-size:15px;font-weight:600}.wg-status.busy{align-items:center;gap:10px;display:flex}.wg-status.busy:before{content:"";border:2.5px solid var(--line2);border-top-color:var(--ink);border-radius:999px;flex:none;width:16px;height:16px;animation:.8s linear infinite wg-spin}.wg-status.bad{color:var(--bad)}@media (prefers-reduced-motion:reduce){.wg-status.busy:before{animation-duration:2.4s}}@keyframes wg-spin{to{transform:rotate(360deg)}}.wg-out{flex-direction:column;gap:18px;min-width:0;display:flex}.wg-bar{flex-wrap:wrap;gap:8px;display:flex}.wg-g{min-width:0}.wg-gh{margin:0 0 10px;font-size:16px;font-weight:700}.wg-gh span{color:var(--mute);font-weight:500}.wg-list{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.wg-list li{background:var(--paper);border:1px solid var(--line);font-family:var(--font-mono);overflow-wrap:anywhere;border-radius:10px;min-width:0;padding:5px 10px;font-size:15px;line-height:1.35}.wg-list.wg-top li{background:var(--tint);border-color:#0000;font-weight:650}.wg-b{text-underline-offset:3px;color:var(--mute);text-decoration:underline 2px}.wg-more{margin-top:10px}.wg-legend{margin:-6px 0 0}.wg-rows{flex-direction:column;gap:14px;display:flex}.wg-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;max-width:420px;display:grid}.wg-sq{box-sizing:border-box;border:2px solid var(--line2);background:var(--surface);width:100%;min-width:0;height:56px;color:var(--ink);text-align:center;font-family:var(--font-mono);text-transform:uppercase;border-radius:12px;outline:0;padding:0 4px;font-size:24px;font-weight:700}.wg-sq:focus{box-shadow:0 0 0 4px var(--tint);border-color:var(--ink)}.wg-green .wg-sq{border-color:var(--ok);background:color-mix(in srgb, var(--ok) 14%, var(--surface))}.wg-yellow .wg-sq{border-color:var(--warn);background:var(--warnbg);letter-spacing:.04em;font-size:17px}.wg-rowl{align-items:center;gap:8px;margin-bottom:6px;font-size:14px;font-weight:650;display:flex}.wg-dot{border:2px solid var(--line2);border-radius:4px;flex:none;width:12px;height:12px}.wg-green .wg-dot{border-color:var(--ok);background:color-mix(in srgb, var(--ok) 30%, var(--surface))}.wg-yellow .wg-dot{border-color:var(--warn);background:var(--warnbg)}.wg-gray .wg-dot{background:var(--paper)}.wg-gray .field{max-width:420px}@media (width<=380px){.wg-sq{height:48px;font-size:20px}.wg-yellow .wg-sq{letter-spacing:0;font-size:16px}}.wg-tiles{flex-wrap:wrap;gap:4px;min-height:36px;display:flex}.wg-tile{box-sizing:border-box;border:1.5px solid var(--line2);background:var(--surface);width:32px;height:36px;font-family:var(--font-mono);text-transform:uppercase;border-radius:6px;place-items:center;font-size:17px;font-weight:700;display:inline-grid}.wg-tile.open{background:var(--paper);color:var(--mute)}}