.play{padding-bottom:3rem}.play-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1rem;padding:1rem 0 1.25rem}.play-bar .btn{min-height:52px;font-size:1.125rem}.play-title{text-align:center;flex:1 1 16rem;order:0}.play-title h1{font-size:clamp(1.5rem,3vw,2.125rem);font-weight:700}.play-title p{color:#4f5864;font-size:1.0625rem}.play-tools{display:flex;gap:.625rem}.timer-btn{min-width:6.5rem;font-variant-numeric:tabular-nums}@media(max-width:640px){.play-title{order:-1;flex-basis:100%}.play-bar{justify-content:space-between}}.play-main{display:flex;gap:2rem;align-items:flex-start}.board-card{flex:0 1 auto;width:min(100%,max(320px,calc(100dvh - 228px)));background:var(--paper);border:3px solid var(--ink);border-radius:24px;box-shadow:6px 6px 0 var(--ink);padding:clamp(.5rem,1.8vw,1.25rem)}.play-side{flex:1 1 18rem;max-width:30rem}@media(max-width:900px),(orientation:portrait)and (max-width:1100px){.play-main{flex-direction:column;gap:1.5rem}.board-card{width:100%}.play-side{max-width:none;width:100%}}.ws-board,.sd-board{width:100%;aspect-ratio:1;container-type:inline-size}.ws-board{position:relative;touch-action:none;user-select:none;-webkit-user-select:none;cursor:pointer;border-radius:12px}.ws-marks{position:absolute;inset:0;width:100%;height:100%;z-index:0;overflow:visible}.ws-marks line{stroke-width:.78;stroke-linecap:round}.ws-marks .pop{stroke-dasharray:1;stroke-dashoffset:1;animation:draw .35s ease-out forwards}.ws-marks .temp{stroke-width:.7}.ws-marks .miss{animation:miss .45s ease-out forwards}@keyframes draw{to{stroke-dashoffset:0}}@keyframes miss{0%{opacity:1;stroke:#c8372d59}to{opacity:0;stroke:#c8372d59}}.ws-cells{position:relative;z-index:1;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));grid-template-rows:repeat(var(--n),minmax(0,1fr));width:100%;height:100%}.ws-cell{display:flex;align-items:center;justify-content:center;font-weight:700;font-size:calc(100cqw / var(--n) * .56);line-height:1;border-radius:50%}html[data-mode=kids] .ws-cell,.play.kids .ws-cell{font-family:var(--font-head);font-weight:600}.ws-cell.tap{box-shadow:inset 0 0 0 3px var(--ink);background:#ffe45c99}.ws-cell.hint{box-shadow:inset 0 0 0 3px #e07a00;animation:pulse 1.2s ease-in-out 3}.ws-cell.cursor{outline:3px solid var(--entry);outline-offset:-3px}@keyframes pulse{50%{box-shadow:inset 0 0 0 5px #e07a00}}.play-side{display:flex;flex-direction:column;gap:1rem;min-width:0}@media(orientation:portrait)and (max-width:1100px),(max-width:900px){.play.sd .play-side,.play-main.sd .play-side{display:grid;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));align-items:start}}.play-side h2{font-size:1.625rem}.stars{display:flex;flex-wrap:wrap;gap:4px}.progress-box{background:var(--paper);border:2px solid var(--ink);border-radius:14px;padding:.875rem 1.125rem;display:flex;flex-direction:column;gap:.5rem;font-size:1.1875rem}.bar{height:12px;border-radius:6px;background:#e6ecf2;overflow:hidden}.bar-fill{height:12px;width:0;background:var(--ok-bar);transition:width .3s}.ws-words{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem}.ws-words li{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-height:3.125rem;padding:.25rem .875rem;background:var(--paper);border:2px solid var(--ink);border-radius:14px;font-weight:700;font-size:1.125rem;line-height:1.15;word-break:break-word}.play.kids .ws-words li{font-family:var(--font-head);font-weight:600;font-size:1.5rem;min-height:3.75rem;border-radius:16px}.ws-words .tick{display:none;flex:none}.ws-words li.done{text-decoration:line-through;text-decoration-thickness:3px}.ws-words li.done .tick{display:block}.ws-words li.bump{animation:bump .5s ease-out}@keyframes bump{30%{transform:scale(1.08) rotate(-1deg)}to{transform:none}}.status-box{background:var(--paper);border:2px solid var(--ink);border-radius:18px;padding:1rem 1.125rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.875rem}.status-msg{font-size:1.125rem;color:#4f5864;flex:1 1 12rem}.status-msg.bad{color:var(--wrong-text)}.status-msg.good{color:var(--ok);font-weight:700}.done-box{background:var(--t-maze);border:2px solid var(--ink);border-radius:18px;box-shadow:var(--shadow);padding:1.25rem;display:flex;flex-direction:column;gap:.5rem}.done-box h2{font-size:1.875rem}.done-box .done-sub{font-size:1.1875rem}.done-box .btn-row{margin-top:.5rem}.pop{animation:popin .5s cubic-bezier(.2,1.4,.4,1)}@keyframes popin{0%{transform:scale(.85);opacity:0}to{transform:none;opacity:1}}.celebrate{animation:glow 1.2s ease-out}@keyframes glow{0%{box-shadow:0 0 #ffe45ce6}to{box-shadow:0 0 0 28px #ffe45c00}}.sd-board{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));grid-template-rows:repeat(var(--n),minmax(0,1fr));border:4px solid var(--ink);background:var(--paper)}.board-card:has(.sd-board){padding:clamp(.5rem,1.5vw,1rem)}.sd-cell{padding:0;margin:0;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--paper);color:var(--entry);font-family:var(--font-body);font-size:calc(100cqw / var(--n) * .56);font-weight:400;cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0}.sd-cell.br{border-right:3px solid var(--ink)}.sd-cell.bb{border-bottom:3px solid var(--ink)}.sd-cell.lc{border-right:0}.sd-cell.lr{border-bottom:0}.sd-cell.given{color:var(--ink);font-weight:700}.sd-cell.peer{background:var(--peer)}.sd-cell.same{background:var(--same)}.sd-cell.sel{background:var(--hl)}.sd-cell.wrong{color:var(--wrong);text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:.18em}.sd-cell.wrong .shape{border-bottom:4px solid var(--wrong);padding-bottom:2px}.sd-cell:focus-visible{outline:3px solid var(--entry);outline-offset:-4px}.sd-pad{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:.75rem}.sd-key{height:clamp(72px,10vh,96px);border:2px solid var(--ink);border-radius:14px;background:var(--paper);color:var(--ink);font-family:var(--font-body);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:0}.sd-key .k{font-size:2.625rem;font-weight:700;line-height:1;display:flex}.sd-key .left{font-size:.9375rem;color:#4f5864}.sd-key.used{background:#e6ecf2}.sd-key:active,.tool:active{transform:translateY(2px)}.sd-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.sd-tools[hidden]{display:none}.tool{height:72px;border:2px solid var(--ink);border-radius:14px;background:var(--paper);font:inherit;font-weight:700;font-size:1.1875rem;color:var(--ink);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.sd-shapes{align-self:flex-start}.sd-shapes button{min-height:48px;font-size:1.0625rem}.print-head,.print-foot{display:none}@media print{@page{margin:12mm}.play-bar,.play-side>:not(.ws-words-wrap):not(h2):not(.ws-words):not(.cw-lists),.play-tools,.stars,.status-box,.done-box,.sd-pad,.sd-tools,.sd-shapes,.progress-box{display:none!important}.print-head,.print-foot{display:block}.print-head h1{font-size:22pt;margin-bottom:6pt}.print-head .lines{display:flex;gap:24pt;font-size:11pt;margin-bottom:10pt}.print-head .lines span span{display:inline-block;width:150pt;border-bottom:1px solid #000}.play-main{display:block}.board-card{box-shadow:none;border:0;padding:0}.ws-board,.sd-board{max-width:6.6in}.ws-marks{display:none}.ws-cell{box-shadow:none!important;background:none!important;animation:none!important}.sd-cell{background:#fff!important}.sd-cell:not(.given){color:transparent!important;text-decoration:none!important}.sd-cell:not(.given) .shape{display:none}.play-side h2{margin-top:12pt;font-size:14pt}.ws-words{grid-template-columns:repeat(3,1fr);gap:4pt 12pt}.ws-words li,.play.kids .ws-words li{border:0;min-height:0;padding:2pt 0;font-size:12pt;background:none!important;text-decoration:none;border-bottom:1px solid #ccc;border-radius:0}.ws-words .tick{display:none!important}.print-foot{margin-top:14pt;display:flex!important;align-items:center;justify-content:space-between;gap:12pt;font-size:10pt;border-top:1px solid #000;padding-top:8pt}.print-foot svg{width:.9in;height:.9in}}@media(max-width:640px){.play-bar{padding:.75rem 0 1rem}.play-bar .btn .lbl{display:none}.play-bar .btn{min-height:48px;padding:0 .875rem}.timer-btn{min-width:5rem}}.progress-box .status-msg{flex:none}.mz-board{display:block;width:100%;touch-action:none;user-select:none;-webkit-user-select:none;cursor:crosshair}.board-card:has(.mz-board){width:min(100%,max(320px,calc((100dvh - 228px)*.9)))}.mz-trail{stroke:#2f7de1;stroke-width:.38;opacity:.85}.play.kids .mz-trail{stroke:#ff7a59;stroke-width:.45}.mz-head{fill:#2f7de1;stroke:#fff;stroke-width:.08}.play.kids .mz-head{fill:#ff7a59}.mz-hint{fill:#e07a00;animation:popin .3s ease-out both}.mz-board:focus-visible{outline:3px solid var(--entry);outline-offset:4px}@media print{.mz-trail,.mz-head,.mz-hints{display:none}.board-card:has(.mz-board){width:100%;max-width:6.8in}}.board-card:has(.cw-board){width:min(100%,max(320px,calc((100dvh - 228px) * var(--ratio))))}@media(max-width:900px),(orientation:portrait)and (max-width:1100px){.board-card:has(.cw-board){width:100%}}.cw-board{display:grid;grid-template-columns:repeat(var(--w),minmax(0,1fr));grid-template-rows:repeat(var(--h),minmax(0,1fr));width:100%;container-type:inline-size;gap:0}.cw-void{background:transparent}.cw-cell{position:relative;padding:0;border:1.5px solid var(--ink);margin:-.75px;background:#fff;color:var(--ink);font-family:var(--font-body);font-weight:700;font-size:calc(100cqw / var(--w) * .55);display:flex;align-items:center;justify-content:center;cursor:pointer;min-width:0;min-height:0;text-transform:uppercase}.play.kids .cw-cell{font-family:var(--font-head);font-weight:600}.cw-cell .num{position:absolute;top:1px;left:3px;font-size:calc(100cqw / var(--w) * .24);font-weight:700;line-height:1;color:var(--muted-2);font-family:var(--font-body)}.cw-cell.word{background:var(--same)}.cw-cell.sel{background:var(--hl)}.cw-cell.wrong .ltr{color:var(--wrong);text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:.12em}.cw-cluebar{background:var(--t-cross);border:2px solid var(--ink);border-radius:14px;padding:.75rem 1rem;display:flex;flex-direction:column;gap:2px;min-height:4.5rem}.cw-cluenum{font-family:var(--font-head);font-weight:700;font-size:1rem}.cw-cluetext{font-size:1.25rem;line-height:1.3}.cw-kbd{display:flex;flex-direction:column;gap:6px}.cw-krow{display:flex;gap:5px;justify-content:center}.cw-key{flex:1 1 0;min-width:0;height:clamp(48px,6.5vh,60px);border:2px solid var(--ink);border-radius:10px;background:#fff;font-family:var(--font-body);font-weight:700;font-size:1.25rem;color:var(--ink);cursor:pointer;padding:0}.cw-key.wide{flex:1.6 1 0}.cw-key:active{background:var(--hl);transform:translateY(2px)}@media(pointer:fine)and (min-width:901px){.cw-kbd{display:none}}.cw-lists{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:520px){.cw-lists{grid-template-columns:1fr}}.cw-lists h2{font-size:1.25rem;margin-bottom:.375rem}.cw-clues{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.cw-clues button{width:100%;text-align:left;background:none;border:0;border-radius:8px;padding:.375rem .5rem;font:inherit;font-size:1rem;line-height:1.35;color:var(--ink);cursor:pointer}.cw-clues button.cur{background:var(--same)}.cw-clues button.solved{color:var(--muted);text-decoration:line-through}.cw-clues .len{color:var(--muted);font-size:.875rem}@media print{.cw-cell{background:#fff!important}.cw-cell .ltr{visibility:hidden}.cw-cluebar,.cw-kbd,.cw-tools{display:none!important}.play-side>.cw-lists{display:grid!important;margin-top:12pt}.cw-clues button{padding:1pt 0;font-size:10.5pt;text-decoration:none!important;color:#000!important;background:none!important}.board-card:has(.cw-board){width:100%!important;max-width:6.5in}}