.xw{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;max-width:560px;margin:0 auto}.xw-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.xw-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:40px}.xw-meta{display:flex;gap:12px;color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:.95rem;white-space:nowrap}.xw-meta b{color:var(--ink);font-size:1.05rem}.xw-tools{display:flex;gap:6px;align-items:center}.xw-tools .suvi-btn{min-height:40px;padding:4px 12px;font-size:.92rem}.xw-tools .xw-settings{padding:4px 8px}.xw-main{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.xw-board{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.xw-grid{--n: 11;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));width:min(100%,520px);margin:0 auto;aspect-ratio:1;background:var(--ink);border:2px solid var(--ink);border-radius:8px;overflow:hidden;touch-action:manipulation;user-select:none;-webkit-user-select:none}.xw-cell{position:relative;background:var(--cell);min-width:0;aspect-ratio:1;display:grid;place-items:center;box-shadow:inset 0 0 0 .5px color-mix(in srgb,var(--ink) 55%,transparent);cursor:pointer;font-family:var(--font-display);font-weight:700;font-size:calc(min(100vw - 36px,520px) / var(--n) * .58);line-height:1;color:var(--ink);transition:background .08s}.xw-cell.is-black{background:var(--ink);cursor:default;box-shadow:none}.xw-cell .n{position:absolute;left:2px;top:1px;font-family:var(--font-body);font-weight:600;font-size:calc(min(100vw - 36px,520px) / var(--n) * .27);line-height:1;color:var(--ink-2)}.xw-cell.is-word{background:var(--cell-selected)}.xw-cell.is-sel{background:var(--sun)}.xw-cell.is-wrong{color:var(--coral)}.xw-cell.is-wrong:after{content:"";position:absolute;inset:0;background:linear-gradient(to top left,transparent calc(50% - 1px),var(--coral),transparent calc(50% + 1px));opacity:.5;pointer-events:none}.xw-cell.is-revealed .l{color:var(--ink-2)}.xw-cell.is-checked-ok .l{color:#2e9e6b}.xw-cell .l{animation:xw-pop calc(.12s * var(--motion)) ease-out}@keyframes xw-pop{0%{transform:scale(.7);opacity:.4}to{transform:scale(1);opacity:1}}.xw-done .xw-cell{background:var(--cell)}.xw-done .xw-cell.is-black{background:var(--ink)}.xw-done .xw-cell .l{color:#2e9e6b}.xw-clue{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;min-height:56px;border-radius:12px;background:var(--cell-selected);border:1px solid var(--line)}.xw-clue button{height:100%;min-height:56px;border:0;background:transparent;font-size:1.4rem;color:var(--ink-2);cursor:pointer;border-radius:12px}.xw-clue button:active{background:#0000000f}.xw-clue-text{padding:6px 4px;font-size:1.05rem;line-height:1.3;text-align:center}.xw-clue-text b{font-family:var(--font-display);margin-right:6px;color:var(--ink-2);white-space:nowrap}.xw-clue-text .len,.xw-lists .len{color:var(--ink-2);font-size:.9em;white-space:nowrap}.xw-msg{min-height:1.3em;text-align:center;color:var(--ink-2);font-size:.95rem}.xw-loading{text-align:center;padding:40px 0}.xw-lists{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;font-size:.98rem}.xw-lists h3{margin:0 0 6px;font-family:var(--font-display);font-size:.95rem;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2)}.xw-lists ol{list-style:none;margin:0;padding:0}.xw-lists li{padding:6px 8px;border-radius:8px;cursor:pointer;line-height:1.35}.xw-lists li b{font-family:var(--font-display);display:inline-block;min-width:1.8em;color:var(--ink-2)}.xw-lists li.is-on{background:var(--cell-selected)}.xw-lists li.is-done{color:var(--ink-2);text-decoration:line-through;text-decoration-color:var(--line)}@media(max-width:520px){.xw-lists{grid-template-columns:minmax(0,1fr)}}@media(pointer:fine)and (min-width:700px){.xw .suvi-kb{display:none}}@media(min-width:960px){.suvi-main:has(.xw){max-width:1040px}.xw{max-width:1008px}.xw-lists{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.xw-levels,.xw-row{max-width:520px;width:100%}.xw-main{grid-template-columns:520px minmax(0,1fr);align-items:start}.xw-lists{max-height:640px;overflow:auto;padding-right:4px}.xw-cell{font-size:calc(520px / var(--n) * .58)}.xw-cell .n{font-size:calc(520px / var(--n) * .27)}}.xw-theme{display:flex;align-items:center;gap:10px;min-height:44px;padding:6px 12px;border-radius:12px;background:var(--cell-selected);border:1px solid var(--line)}.xw-theme[hidden]{display:none}.xw-theme-icon{font-size:1.5rem;line-height:1}.xw-theme b{display:block;font-family:var(--font-display);font-size:1.05rem;line-height:1.2}.xw-theme small{display:block;color:var(--ink-2);font-size:.85rem}.suvi-week-archive{max-width:60ch;margin:18px auto 0}.suvi-week-archive h2{font-size:1.05rem;margin:0 0 6px;text-align:center}.suvi-week-archive ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}.suvi-week-archive li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:8px 12px;border-radius:10px;background:var(--bg-2)}.suvi-week-archive li small{color:var(--ink-2);white-space:nowrap}@media(min-width:960px){.xw-theme{max-width:520px;width:100%;box-sizing:border-box}}.suvi-week-archive+.suvi-archive-link{margin-top:14px}@media(max-width:420px){:root[data-text-size=large] .xw-row{flex-wrap:wrap;row-gap:4px}:root[data-text-size=large] .xw-tools{margin-left:auto}}:root[data-text-size=large] .xw-cell .n{font-size:calc(min(100vw - 36px,520px) / var(--n) * .32)}@media(min-width:960px){:root[data-text-size=large] .xw-cell .n{font-size:calc(520px / var(--n) * .32)}}.xw.xw-large .xw-levels{display:none}.xw.xw-large .xw-cell{font-size:calc(min(100vw - 36px,520px) / var(--n) * .66);box-shadow:inset 0 0 0 .75px color-mix(in srgb,var(--ink) 80%,transparent)}.xw.xw-large .xw-cell .n{font-size:calc(min(100vw - 36px,520px) / var(--n) * .33);color:var(--ink);left:2px;top:1px}.xw.xw-large .xw-clue{min-height:72px;border:2px solid color-mix(in srgb,var(--ink) 30%,var(--line))}.xw.xw-large .xw-clue-text{font-size:1.35rem;line-height:1.3;padding:8px 4px}.xw.xw-large .xw-clue-text b{color:var(--ink)}.xw.xw-large .suvi-kb-key{min-height:56px;font-size:1.3rem}.xw.xw-large .suvi-kb-key.is-wide{font-size:1rem}.xw.xw-large .xw-lists{font-size:1.15rem}.xw.xw-large .xw-lists h3{font-size:1.05rem;color:var(--ink)}.xw.xw-large .xw-lists li.is-on{outline:2px solid var(--ink);outline-offset:-2px}@media(min-width:640px){.xw.xw-large .xw-grid{width:min(100%,600px)}.xw.xw-large .xw-cell{font-size:calc(min(100vw - 36px,600px) / var(--n) * .66)}.xw.xw-large .xw-cell .n{font-size:calc(min(100vw - 36px,600px) / var(--n) * .33)}}@media(min-width:960px){.suvi-main:has(.xw-large){max-width:1160px}.xw.xw-large{max-width:1128px}.xw.xw-large .xw-levels,.xw.xw-large .xw-row{max-width:600px}.xw.xw-large .xw-main{grid-template-columns:600px minmax(0,1fr)}.xw.xw-large .xw-lists{max-height:720px}.xw.xw-large .xw-cell{font-size:calc(600px / var(--n) * .66)}.xw.xw-large .xw-cell .n{font-size:calc(600px / var(--n) * .33)}}.xw.xw-large .xw-dock{display:contents}@media(max-width:700px)and (orientation:portrait){.xw.xw-large .xw-board{display:contents}.xw.xw-large .xw-lists{order:1}.xw.xw-large .xw-dock{order:2;display:grid;grid-template-columns:minmax(0,1fr);gap:6px;position:sticky;bottom:0;z-index:6;margin:0 -16px;padding:8px 12px max(8px,env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--line);box-shadow:0 -6px 18px #3c28141a}.xw.xw-large .xw-dock .xw-msg{order:-1}.xw.xw-large .xw-dock .xw-msg:empty{display:none}.xw.xw-large .xw-clue{min-height:60px}.xw.xw-large .xw-clue button{min-height:56px}.xw.xw-large .xw-clue-text{padding:4px}}@media(max-width:700px)and (orientation:portrait)and (max-height:700px){.xw.xw-large .suvi-kb-key{min-height:52px}}
