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