.mxw{display:grid;gap:16px;justify-content:center;grid-template-columns:minmax(0,420px)}.mxw-main{display:grid;gap:10px;min-width:0}.mxw-bar{display:flex;align-items:stretch;gap:4px;background:var(--accent-soft);border-radius:10px;padding:4px;min-height:52px}.mxw-bar-btn{appearance:none;border:0;background:transparent;color:var(--text);font:inherit;font-size:1.6rem;line-height:1;width:40px;flex:0 0 auto;border-radius:8px;cursor:pointer}.mxw-bar-btn:hover{background:color-mix(in srgb,var(--accent) 14%,transparent)}.mxw-bar-clue{appearance:none;border:0;background:transparent;color:var(--text);font:inherit;flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:8px;text-align:left;cursor:pointer;padding:4px 2px}.mxw-bar-num{font-weight:800;color:var(--accent);flex:0 0 auto;min-width:2.2em}.mxw-bar-text{font-weight:600;line-height:1.25}.mxw-board{display:grid;grid-template-columns:repeat(var(--mxw-cols, 5),1fr);grid-template-rows:repeat(var(--mxw-rows, 5),1fr);gap:2px;padding:2px;background:var(--cell-strong);border-radius:6px;width:100%;max-width:380px;margin:0 auto;touch-action:manipulation;user-select:none;-webkit-user-select:none}.mxw-board[data-size="4"]{max-width:320px}.mxw-cell{position:relative;aspect-ratio:1;background:var(--cell);color:var(--text);display:grid;place-items:center;cursor:pointer;border-radius:2px;transition:background-color .08s}.mxw-cell.mxw-block{background:var(--cell-strong);cursor:default}.mxw-num{position:absolute;left:4px;top:2px;font-size:clamp(.6rem,2.6vw,.8rem);font-weight:600;line-height:1;color:var(--muted);pointer-events:none}.mxw-letter{font-size:clamp(1.4rem,8vw,2.3rem);font-weight:700;line-height:1;text-transform:uppercase;pointer-events:none}.mxw-board[data-size="6"] .mxw-letter{font-size:clamp(1.2rem,6.5vw,1.9rem)}.mxw-cell.mxw-word{background:var(--accent-soft)}.mxw-cell.mxw-sel{background:var(--hl)}.mxw-cell.mxw-wrong .mxw-letter{color:var(--bad)}.mxw-cell.mxw-wrong:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top right,transparent calc(50% - 1px),var(--bad) calc(50% - 1px),var(--bad) calc(50% + 1px),transparent calc(50% + 1px));opacity:.7}.mxw-cell.mxw-revealed .mxw-letter{color:var(--accent)}.mxw-cell.mxw-revealed:before{content:"";position:absolute;right:3px;top:3px;width:0;height:0;pointer-events:none;border-left:8px solid transparent;border-top:8px solid var(--accent)}.mxw-cell.mxw-solved{background:color-mix(in srgb,var(--good) 14%,var(--cell))}.mxw-is-solved .mxw-cell.mxw-block{background:var(--cell-strong)}.mxw-banner{text-align:center;font-weight:700;min-height:1.4em}.mxw-banner-good{color:var(--good)}.mxw-banner-warn{color:var(--bad)}.mxw-kbd{display:grid;gap:6px;user-select:none;-webkit-user-select:none;touch-action:manipulation}.mxw-kbd-row{display:flex;justify-content:center;gap:4px}.mxw-key{appearance:none;border:0;flex:1 1 0;max-width:40px;min-width:0;height:46px;padding:0;border-radius:6px;background:var(--cell-alt);color:var(--text);font:inherit;font-weight:700;font-size:1rem;cursor:pointer;box-shadow:0 1px 0 var(--cell-line)}.mxw-key:active{background:var(--accent-soft)}.mxw-key-wide{flex:1.5 1 0;max-width:60px;font-size:1.2rem}@media (hover: hover) and (pointer: fine){.mxw-kbd{display:none}}.mxw-lists{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-width:0}.mxw-list-title{margin:0 0 6px;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);border-bottom:1px solid var(--cell-line);padding-bottom:4px}.mxw-list{list-style:none;margin:0;padding:0;display:grid;gap:2px}.mxw-clue-item{appearance:none;border:0;background:transparent;color:var(--text);font:inherit;font-size:.92rem;text-align:left;display:flex;gap:6px;width:100%;padding:6px;border-radius:6px;cursor:pointer;line-height:1.3;border-left:3px solid transparent}.mxw-clue-item:hover{background:var(--cell-alt)}.mxw-clue-n{min-width:1.3em;flex:0 0 auto}.mxw-list li.mxw-active .mxw-clue-item{background:var(--accent-soft);border-left-color:var(--accent)}.mxw-list li.mxw-cross .mxw-clue-item{border-left-color:var(--cell-line)}.mxw-list li.mxw-done .mxw-clue-item span{color:var(--muted)}@media (max-width: 420px){.mxw-lists{grid-template-columns:1fr}.mxw-key{height:44px;font-size:.95rem}}@media (min-width: 820px){.mxw{grid-template-columns:minmax(0,420px) minmax(260px,360px);align-items:start}.mxw-lists{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.mxw-cell{transition:none}}:root.colorblind .mxw-cell.mxw-wrong .mxw-letter{text-decoration:underline wavy}