.break{margin:3rem 0 2rem}.break-head{flex-wrap:wrap;align-items:baseline;gap:1.5rem 2rem;margin-bottom:1.25rem;display:flex}.break-head h2{margin:0}.break-head p{color:var(--muted);max-width:40ch;margin:0}.break-tabs{grid-template-columns:repeat(4,1fr);gap:1.25rem;display:grid}.break-tab{appearance:none;border:1px solid color-mix(in srgb, var(--ink) 15%, transparent);background:var(--card);color:var(--ink);border-radius:var(--radius);font-family:var(--font-display);cursor:pointer;flex-direction:column;align-items:center;gap:.6rem;padding:1.1rem .75rem;font-size:1.05rem;display:flex}.break-tab:hover{border-color:var(--green)}.break-tab[aria-selected=true]{border-color:var(--green);box-shadow:0 0 0 2px var(--green)}.break-tab:focus-visible,.bp-btn:focus-visible,.ws-cell:focus-visible,.cw-cell input:focus-visible,.su-cell:focus-visible,.mc-swatch:focus-visible{outline:3px solid var(--green);outline-offset:2px}.break-icon{width:54px;height:54px;color:var(--icon);display:block}.break-icon svg{width:100%;height:100%;display:block}.break-panels{margin-top:1.25rem}.break-panel{background:var(--card);border:1px solid color-mix(in srgb, var(--ink) 12%, transparent);border-radius:var(--radius);padding:1.5rem}.break-panel[hidden]{display:none}.bp-help{color:var(--muted);margin:0 0 1rem;font-size:.95rem}.bp-row{flex-wrap:wrap;align-items:flex-start;gap:2rem;display:flex}.bp-actions{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1rem;display:flex}.bp-btn{appearance:none;border:1px solid var(--green);background:var(--green);color:var(--band-ink);font-family:var(--font-ui);cursor:pointer;border-radius:10px;padding:.45rem 1.2rem;font-size:1.1rem}.bp-back{margin:0 0 .9rem}.bp-btn:hover{background:var(--green-hover)}.bp-btn.alt{color:var(--green);background:0 0}.bp-btn.alt:hover{background:color-mix(in srgb, var(--green) 12%, transparent)}.bp-select{font-family:var(--font-ui);align-items:center;gap:.5rem;font-size:1.1rem;display:inline-flex}.bp-select select{font:inherit;border:1px solid color-mix(in srgb, var(--ink) 30%, transparent);background:var(--card);color:var(--ink);border-radius:8px;padding:.3rem .5rem}.bp-set{font-family:var(--font-ui);color:var(--icon);margin:0 0 .75rem;font-size:1.15rem}.bp-status{min-height:1.5em;color:var(--green);margin:1rem 0 0;font-weight:700}.break h3{font-size:1.1rem}.ws-grid{user-select:none;grid-template-columns:repeat(10,1fr);gap:2px;width:min(100%,420px);display:grid}.ws-cell{appearance:none;border:1px solid color-mix(in srgb, var(--ink) 18%, transparent);background:var(--card);color:var(--ink);aspect-ratio:1;font-family:var(--font-display);cursor:pointer;border-radius:4px;padding:0;font-size:clamp(.8rem,3.2vw,1.15rem)}.ws-cell.start{background:color-mix(in srgb, var(--leaf-5) 35%, var(--card))}.ws-cell.found{background:color-mix(in srgb, var(--green) 28%, var(--card))}.ws-side{min-width:11rem}.ws-side h3{margin-top:0}.ws-words{font-family:var(--font-ui);letter-spacing:.06em;gap:.25rem;margin:0 0 1rem;padding:0;font-size:1.15rem;list-style:none;display:grid}.ws-words li.done{color:var(--muted);text-decoration:line-through}.cw-grid{gap:2px;width:min(100%,400px);display:grid}.cw-cell{aspect-ratio:1;min-width:0;position:relative}.cw-cell.black{background:var(--ink);border-radius:3px}.cw-cell input{box-sizing:border-box;border:1px solid color-mix(in srgb, var(--ink) 30%, transparent);background:var(--card);width:100%;min-width:0;height:100%;color:var(--ink);text-align:center;text-transform:uppercase;font-family:var(--font-display);caret-color:#0000;border-radius:3px;padding:0;font-size:clamp(.85rem,3.4vw,1.25rem)}.cw-cell input.hl{background:color-mix(in srgb, var(--leaf-5) 22%, var(--card))}.cw-cell input.cur{background:color-mix(in srgb, var(--leaf-5) 45%, var(--card))}.cw-cell input.bad{background:color-mix(in srgb, var(--leaf-1) 30%, var(--card))}.cw-cell input.good{background:color-mix(in srgb, var(--green) 25%, var(--card))}.cw-num{color:var(--muted);pointer-events:none;font-size:.62rem;line-height:1;position:absolute;top:1px;left:3px}.cw-clues{flex:14rem}.cw-clues h3{margin:0 0 .4rem}.cw-clues ol{margin:0 0 1rem;padding-left:0;font-size:.95rem;list-style:none}.cw-clues li{cursor:pointer;border-radius:6px;margin:.2rem 0;padding:.1rem .35rem}.cw-clues li.active{background:color-mix(in srgb, var(--leaf-5) 22%, transparent)}.cw-clues li b{font-family:var(--font-ui);margin-right:.35rem}.su-grid{border:2px solid var(--ink);border-radius:4px;grid-template-columns:repeat(9,1fr);width:min(100%,440px);display:grid}.su-cell{box-sizing:border-box;aspect-ratio:1;border:1px solid color-mix(in srgb, var(--ink) 20%, transparent);background:var(--card);width:100%;min-width:0;color:var(--ink);text-align:center;font-family:var(--font-display);caret-color:#0000;border-radius:0;padding:0;font-size:clamp(.9rem,3.8vw,1.35rem)}.su-cell[data-c="2"],.su-cell[data-c="5"]{border-right:2px solid var(--ink)}.su-cell[data-r="2"],.su-cell[data-r="5"]{border-bottom:2px solid var(--ink)}.su-cell.given{background:color-mix(in srgb, var(--ink) 7%, var(--card));font-weight:700}.su-cell.bad{background:color-mix(in srgb, var(--leaf-1) 30%, var(--card))}.mc-wrap{flex-wrap:wrap;align-items:center;gap:1.5rem 2rem;display:flex}.mc-svg{touch-action:manipulation;width:min(100%,440px);height:auto}.mc-svg .region{fill:var(--card);stroke:color-mix(in srgb, var(--ink) 55%, transparent);stroke-width:.6px;cursor:pointer}.mc-palette{grid-template-columns:repeat(7,36px);gap:.5rem;display:grid}.mc-swatch{appearance:none;border:2px solid color-mix(in srgb, var(--ink) 35%, transparent);cursor:pointer;border-radius:50%;width:36px;height:36px;padding:0}.mc-swatch[aria-checked=true]{border:3px solid var(--ink);box-shadow:0 0 0 2px var(--card), 0 0 0 4px var(--ink)}@media (width<=900px){.break-tabs{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.break-panel{padding:1rem}.bp-row{gap:1.25rem}.mc-palette{grid-template-columns:repeat(6,36px)}}