.cw{--cw-cols: 12;--cw-avail: calc(min(60rem, 100vw) - 2 * var(--gut));--cw-border: var(--color-ui-border);display:flex;flex-direction:column;gap:1.25rem;max-width:100%;min-width:0}.cw-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem .75rem;max-width:100%;min-width:0}.cw-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;min-width:0}.cw-chip{display:inline-block;font-family:var(--font-mono);font-size:.75rem;font-weight:500;letter-spacing:.04em;padding:.3rem .6rem;border-radius:var(--r-s);background-color:var(--color-paper);border:1px solid var(--color-ui-border);color:var(--color-muted)}.cw-chip--level{color:var(--color-blue);font-weight:700}.cw-langtoggle{display:inline-flex;flex-wrap:wrap;gap:.25rem;background-color:var(--color-paper);border:1px solid var(--color-ui-border);border-radius:var(--r-m);padding:.25rem;max-width:100%}.cw-langbtn{min-height:2.75rem;flex:1 1 auto;padding:.35rem .85rem;border:0;border-radius:var(--r-s);background:transparent;font-family:var(--font-mono);font-size:.8125rem;font-weight:500;white-space:nowrap;color:var(--color-muted);cursor:pointer}.cw-langbtn.is-active{background-color:var(--color-blue);color:var(--color-paper)}.cw-instructions{margin:0;font-family:var(--font-serif);font-size:.9375rem;line-height:1.5;color:var(--color-muted);max-width:60ch}.cw-board{display:flex;flex-direction:column;gap:1rem;min-width:0}.cw-grid{--cw-cols: 12;--cw-cell: min(2.6rem, calc(var(--cw-avail) / var(--cw-cols)));width:fit-content;max-width:100%;margin-inline:auto;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;display:flex;flex-direction:column}.cw-row{display:grid;grid-template-columns:repeat(var(--cw-cols),var(--cw-cell))}.cw-block{width:var(--cw-cell);height:var(--cw-cell);background:transparent}.cw-cell{position:relative;width:var(--cw-cell);height:var(--cw-cell);background-color:var(--color-paper);border:1px solid var(--cw-border);margin:-.5px}.cw-cell.is-correct{background-color:color-mix(in srgb,var(--color-green) 14%,var(--color-paper));border-color:color-mix(in srgb,var(--color-green) 45%,var(--color-ui-border))}.cw-cell.is-inword{background-color:var(--color-ui-hover)}.cw-cell.is-active{background-color:color-mix(in srgb,var(--color-orange) 18%,var(--color-paper));border-color:var(--color-orange-aa);z-index:2}.cw-cell.is-wrong{background-color:color-mix(in srgb,var(--color-ui-error) 16%,var(--color-paper))}.cw-cell.is-wrong.is-active{border-color:var(--color-ui-error)}.cw-num{position:absolute;top:1px;left:2px;font-family:var(--font-mono);font-size:clamp(.5rem,2.4vw,.62rem);line-height:1;color:var(--color-muted);pointer-events:none}.cw-input{width:100%;height:100%;border:0;background:transparent;text-align:center;text-transform:uppercase;font-family:var(--font-mono);font-weight:600;font-size:clamp(.95rem,4.6vw,1.3rem);color:var(--color-ink);caret-color:transparent;padding:0}.cw-input:focus-visible{outline:2px solid var(--color-blue);outline-offset:-2px;border-radius:1px}.cw-active-clue{margin:0;padding:.7rem .9rem;min-height:calc(5.8em + 1.4rem);background-color:var(--color-paper);border:1px solid var(--color-ui-border);border-left:4px solid var(--color-orange);border-radius:var(--r-s);font-family:var(--font-serif);font-size:1.0625rem;line-height:1.45;color:var(--color-ink);min-width:0;overflow-wrap:anywhere;word-break:break-word;hyphens:auto}@media(min-width:1024px){.cw-active-clue{min-height:calc(2.9em + 1.4rem)}}.cw-active-clue.is-correct{border-left-color:var(--color-green)}.cw-active-clue strong{color:var(--color-blue);font-family:var(--font-mono);font-size:.9375rem}.cw-controls{display:flex;flex-wrap:wrap;gap:.625rem}.cw-btn{min-height:2.75rem;display:inline-flex;align-items:center;padding:.5rem 1.1rem;border-radius:var(--r-m);border:1px solid var(--color-ui-border);background-color:var(--color-paper);font-family:var(--font-mono);font-size:.875rem;font-weight:500;color:var(--color-blue);cursor:pointer;transition:background-color .15s var(--ease)}.cw-btn:hover{background-color:var(--color-ui-hover)}.cw-btn--primary{background-color:var(--color-blue);border-color:var(--color-blue);color:var(--color-paper)}.cw-btn--primary:hover{background-color:var(--color-blue-night)}.cw-btn--ghost{background-color:transparent;color:var(--color-muted)}.cw-status{margin:0;font-family:var(--font-mono);font-size:.9375rem;color:var(--color-muted)}.cw-win{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem;margin:0;padding:clamp(2rem,7vw,2.75rem) clamp(1.5rem,6vw,2.5rem);background-color:var(--color-paper);border:1px solid color-mix(in srgb,var(--color-green) 30%,var(--color-ui-border));border-radius:var(--r-l);box-shadow:var(--shadow-m),0 0 0 1px color-mix(in srgb,var(--color-green) 12%,transparent);outline:none;overflow:hidden}.cw-win:before{content:"";position:absolute;inset:0 0 auto;height:.5rem;background-color:var(--color-blue)}.cw-win-emblem{display:inline-flex;width:clamp(5rem,22vw,6.5rem);height:clamp(5rem,22vw,6.5rem);margin-top:.35rem;margin-bottom:.1rem}.cw-win-emblem svg{width:100%;height:100%;overflow:visible}.cw-win-laurel{color:var(--color-green)}.cw-win-ring{stroke:var(--color-orange)}.cw-win-disc{fill:var(--color-blue)}.cw-win-check{color:var(--color-paper)}.cw-win-ribbon{color:var(--color-orange)}.cw-win-title{margin:0;font-family:var(--font-sans);font-weight:800;font-size:clamp(2.25rem,9vw,3.25rem);line-height:1.02;color:var(--color-blue);letter-spacing:-.015em}.cw-win-message{margin:.1rem 0 0;font-family:var(--font-serif);font-size:clamp(1.0625rem,1.6vw,1.25rem);line-height:1.55;color:var(--color-ink);max-width:38ch}.cw-win-footer{display:flex;flex-direction:column;align-items:center;gap:.6rem;margin:.85rem 0 0;padding-top:1rem;width:100%;max-width:22rem;border-top:1px solid color-mix(in srgb,var(--color-green) 20%,var(--color-ui-border))}.cw-win-comeback{font-family:var(--font-mono);font-size:.875rem;line-height:1.5;color:var(--color-muted)}.cw-win-archive{display:inline-flex;align-items:center;gap:.4rem;min-height:2.75rem;padding:.4rem .25rem;font-family:var(--font-mono);font-size:.9375rem;font-weight:500;color:var(--color-blue);text-decoration:underline;text-underline-offset:.2em}.cw-win-archive svg{width:1.1em;height:1.1em;transition:transform .18s var(--ease)}.cw-win-archive:hover svg{transform:translate(3px)}.cw-win-archive:focus-visible{outline:3px solid var(--color-orange);outline-offset:3px;border-radius:var(--r-s)}@keyframes cw-win-in{0%{opacity:0;transform:scale(.97) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes cw-win-check-draw{0%{stroke-dasharray:30;stroke-dashoffset:30}to{stroke-dasharray:30;stroke-dashoffset:0}}@keyframes cw-win-emblem-pop{0%{transform:scale(.65);opacity:0}60%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:1}}@keyframes cw-win-ring-draw{0%{stroke-dasharray:145;stroke-dashoffset:145}to{stroke-dasharray:145;stroke-dashoffset:0}}@media(prefers-reduced-motion:no-preference){.cw-win{animation:cw-win-in .5s var(--ease) both}.cw-win-emblem{animation:cw-win-emblem-pop .55s var(--ease) both}.cw-win-ring{animation:cw-win-ring-draw .7s var(--ease) .15s both;transform-box:fill-box;transform-origin:center}.cw-win-check{animation:cw-win-check-draw .55s var(--ease) .4s both}}.cw-restored{margin:0;font-family:var(--font-mono);font-size:.8125rem;color:var(--color-muted)}.cw-clues{display:grid;grid-template-columns:1fr;gap:1.5rem}.cw-cluehead{margin:0 0 .4rem;font-family:var(--font-mono);font-size:.8125rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-blue);padding-bottom:.4rem;border-bottom:1px solid var(--color-ui-border)}.cw-cluelist ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.1rem}.cw-clue{display:block;width:100%;min-height:2.75rem;text-align:left;border:0;background:transparent;padding:.6rem .55rem;border-radius:var(--r-s);font-family:var(--font-serif);font-size:1rem;line-height:1.4;color:var(--color-ink);cursor:pointer;transition:background-color .15s var(--ease);min-width:0;overflow-wrap:anywhere;word-break:break-word;hyphens:auto}.cw-clue:hover{background-color:var(--color-ui-hover)}.cw-clue.is-active{background-color:var(--color-ui-hover);box-shadow:inset 3px 0 0 var(--color-orange)}.cw-clue.is-correct .cw-clue-text{color:var(--color-green)}.cw-clue-check{color:var(--color-green);font-weight:700;margin-left:.35rem}.cw-clue-num{font-family:var(--font-mono);font-weight:700;color:var(--color-blue)}@media(min-width:768px){.cw-clues{grid-template-columns:1fr 1fr}}@media(min-width:1024px){.cw{--cw-avail: 28rem;display:grid;grid-template-columns:max-content minmax(0,22rem);justify-content:center;align-items:start;column-gap:2.5rem;row-gap:1rem}.cw-toolbar{grid-column:1 / -1}.cw-instructions,.cw-board,.cw-controls,.cw-status,.cw-win,.cw-restored{grid-column:1;min-width:0}.cw-clues{grid-column:2;grid-row:2 / 6;grid-template-columns:1fr;min-width:0}.cw-grid{margin-inline:0}}@media(min-width:1280px){.cw{--cw-avail: 31.2rem;grid-template-columns:max-content minmax(0,34rem)}.cw-clues{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){.cw-btn,.cw-clue{transition:none}}.cw-card{position:relative;display:flex;flex-direction:column;gap:.4rem;min-height:7rem;padding:1.25rem;background-color:var(--color-paper);border:1px solid var(--color-ui-border);border-top:4px solid var(--cw-accent, var(--color-blue));border-radius:var(--r-m);box-shadow:var(--shadow-s);text-decoration:none;color:inherit;overflow:hidden;transition:transform .18s var(--ease),box-shadow .18s var(--ease)}.cw-card[data-level=a1]{--cw-accent: var(--color-level-a1)}.cw-card[data-level=a2]{--cw-accent: var(--color-level-a2)}.cw-card[data-level=b1]{--cw-accent: var(--color-level-b1)}.cw-card[data-level=b2]{--cw-accent: var(--color-level-b2)}.cw-card[data-level=c1]{--cw-accent: var(--color-level-c1)}.cw-card[data-level=c2]{--cw-accent: var(--color-level-c2)}.cw-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-m)}.cw-card:focus-visible{outline:3px solid var(--color-orange);outline-offset:3px}.cw-card-motif{position:absolute;top:-.5rem;right:-.5rem;width:5.5rem;height:5.5rem;color:var(--cw-accent, var(--color-blue));opacity:.07;pointer-events:none}.cw-card-motif rect{fill:currentColor}.cw-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.cw-card-name{font-family:var(--font-sans);font-weight:700;font-size:clamp(1.25rem,2.5vw,1.5rem);line-height:1.1;color:var(--color-blue);padding-right:1.5rem}.cw-card-date{font-family:var(--font-mono);font-size:.875rem;color:var(--color-muted)}.cw-card-level{flex-shrink:0;font-family:var(--font-mono);font-size:.75rem;font-weight:600;letter-spacing:.04em;padding:.15rem .55rem;border-radius:999px;color:var(--color-white);background-color:var(--cw-accent, var(--color-blue))}.cw-card-arrow{position:absolute;bottom:1.1rem;right:1.1rem;display:inline-flex;width:1.25rem;height:1.25rem;color:var(--color-orange-aa);transition:transform .18s var(--ease)}.cw-card-arrow svg{width:100%;height:100%}.cw-card:hover .cw-card-arrow{transform:translate(3px)}@media(prefers-reduced-motion:reduce){.cw-card,.cw-card-arrow{transition:none}}.cw-cards-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:640px){.cw-cards-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.cw-cards-grid{grid-template-columns:repeat(3,1fr)}}