.wd-page{max-width:680px;margin:0 auto;padding:4.5rem 1.5rem 8rem;display:flex;flex-direction:column;align-items:center}.wd-head{text-align:center;margin-bottom:4rem}.wd-head .page-title{margin-bottom:0;font-size:clamp(2.4rem,7vw,3.4rem)}.wd-title-row{display:flex;align-items:center;justify-content:center;gap:.8rem}.wd-help-btn{flex:none;border:1px solid var(--line2);border-radius:999px;background:var(--bg2);color:var(--txt2);font:inherit;font-weight:600;font-size:.8rem;cursor:pointer;transition:background .15s,color .15s,border-color .15s;display:inline-flex;align-items:center;gap:.35rem;line-height:1;padding:.4rem .85rem}.wd-help-btn svg{flex:none}.wd-help-btn:hover,.wd-help-btn[aria-expanded=true]{background:var(--accent);border-color:var(--accent);color:#fff}.wd-wrap{display:flex;flex-direction:column;align-items:center;width:100%}.wd-modes{display:inline-flex;gap:4px;padding:4px;background:var(--bg2);border:1px solid var(--line);border-radius:999px;margin-bottom:1.75rem}.wd-mode{border:none;background:transparent;color:var(--txt2);font:inherit;font-size:.85rem;font-weight:500;padding:.45rem 1.1rem;border-radius:999px;cursor:pointer;transition:background .15s,color .15s}.wd-mode.on{background:var(--accent);color:#fff}.wd-stage{display:inline-flex;justify-content:center;padding:clamp(.9rem,3vw,1.4rem);margin-bottom:1.4rem;background:var(--bg2);border:1px solid var(--line2);border-radius:var(--r2);box-shadow:0 1px 2px #0000000a,0 14px 34px -14px #00000029}.wd-board{display:grid;grid-template-columns:repeat(6,auto);border:1.5px solid var(--txt);background:var(--txt);gap:1px}.wd-cell{width:clamp(48px,14vw,68px);height:clamp(48px,14vw,68px);display:flex;align-items:center;justify-content:center;background:var(--bg2);color:var(--txt);font-family:var(--sans);font-weight:600;font-size:clamp(1.3rem,4.5vw,1.8rem);text-transform:uppercase;cursor:pointer;user-select:none;transition:background .12s}.wd-cell[data-c="3"],.wd-cell[data-r="2"],.wd-cell[data-r="4"]{position:relative;z-index:1}.wd-cell[data-c="3"]{box-shadow:-2px 0 0 var(--txt)}.wd-cell[data-r="2"],.wd-cell[data-r="4"]{box-shadow:0 -2px 0 var(--txt)}.wd-cell[data-c="3"][data-r="2"],.wd-cell[data-c="3"][data-r="4"]{box-shadow:-2px 0 0 var(--txt),0 -2px 0 var(--txt)}.wd-cell.given{background:var(--bg3);color:var(--txt);font-weight:700;cursor:default}.wd-cell.sel{background:#d9e4f5}.wd-cell.peer{background:var(--bg3)}.wd-cell.bad{color:#c23d22;background:#fae7e2}.wd-cell.wrong{color:#c23d22;background:#fae7e2;box-shadow:inset 0 0 0 2px #c23d22!important}.wd-cell.given.sel{background:#d2dcec}.wd-msg{min-height:1.4rem;font-size:.95rem;font-weight:600;color:var(--txt);margin:.4rem 0 1.1rem;text-align:center}.wd-msg.win{color:#2e9e6b}.wd-pad{display:grid;grid-template-columns:repeat(7,1fr);gap:clamp(5px,1.6vw,8px);width:100%;max-width:520px}.wd-padkey{aspect-ratio:1 / 1;border:1px solid var(--line2);border-radius:9px;background:var(--bg2);color:var(--txt);font:inherit;font-weight:700;font-size:clamp(1.05rem,3.6vw,1.35rem);text-transform:uppercase;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s,transform .05s;touch-action:manipulation}.wd-padkey:hover{background:var(--bg3)}.wd-padkey:active{transform:translateY(1px)}.wd-padkey.erase{color:var(--txt)}.wd-padkey.erase svg{width:clamp(22px,6vw,26px);height:auto}.wd-actions{margin-top:1.4rem;display:flex;gap:.6rem}.wd-btn{border:none;background:var(--accent);color:#fff;font:inherit;font-weight:600;font-size:.9rem;padding:.7rem 1.6rem;border-radius:999px;cursor:pointer}.wd-check{background:var(--bg2);color:var(--txt);border:1px solid var(--line2)}.wd-check:hover{background:var(--bg3)}.wd-new{background:#de4d2f}.wd-new:hover{background:#c63f24}.wd-how{width:100%;max-width:500px;margin:0 0 1.75rem;padding:1.4rem 1.6rem;background:var(--bg2);border:1px solid var(--line);border-radius:var(--r2)}.wd-how[hidden]{display:none}.wd-how h2{font-family:var(--serif);font-weight:600;font-size:1.3rem;margin-bottom:.6rem}.wd-how p{font-size:.9rem;color:var(--txt2);line-height:1.6;margin-bottom:.8rem}.wd-how p:last-child{margin-bottom:0}