.ws{--ws-scene:linear-gradient(#f3ecda, #efe6cf);--ws-card:#fffdf6;--ws-ink:#29261f;--ws-soft:#5d5747;--ws-edge:#e3dac4;--ws-select:#f2c84b;--ws-gold:#f6d77a;--ws-hint:#b4521f;--ws-miss:#e4c6bf;--ws-mark-0:#ffe08a;--ws-mark-1:#bfe6c8;--ws-mark-2:#c4def6;--ws-mark-3:#f7cad9;--ws-mark-4:#dccff3;--ws-mark-5:#fbd6b4;--ws-font:"DM Sans", system-ui, sans-serif}:is(.ws,.ws-swatch)[data-tone=dark]{--ws-card:#1e231d;--ws-ink:#f1eee2;--ws-soft:#b9bdaf;--ws-edge:#39412f;--ws-select:#8a6a12;--ws-gold:#7d6417;--ws-hint:#f0a26d;--ws-miss:#5a3a35;--ws-mark-0:#74591a;--ws-mark-1:#285d3c;--ws-mark-2:#284f76;--ws-mark-3:#713049;--ws-mark-4:#4f3f80;--ws-mark-5:#7a4920}:is(.ws,.ws-swatch)[data-background=paper]{--ws-scene:repeating-linear-gradient(transparent 0 27px, #d9e2ee 27px 28px), linear-gradient(90deg, transparent 34px, #efb3a9 34px 36px, transparent 36px), #f8f3e6}:is(.ws,.ws-swatch)[data-background=paper][data-tone=dark]{--ws-scene:repeating-linear-gradient(transparent 0 27px, #2d3542 27px 28px), linear-gradient(90deg, transparent 34px, #5c3530 34px 36px, transparent 36px), #191c20}:is(.ws,.ws-swatch)[data-background=meadow]{--ws-scene:radial-gradient(circle at 12% 88%, #f5d14e 0 5px, transparent 6px), radial-gradient(circle at 86% 80%, #f29bb0 0 5px, transparent 6px), radial-gradient(ellipse 80% 40% at 20% 100%, #8fbf6a 0 99%, transparent), radial-gradient(ellipse 90% 45% at 90% 105%, #a5cf7e 0 99%, transparent), linear-gradient(#cfe9f6, #eef7e4)}:is(.ws,.ws-swatch)[data-background=meadow][data-tone=dark]{--ws-scene:radial-gradient(circle at 12% 88%, #b99a2e 0 5px, transparent 6px), radial-gradient(circle at 86% 80%, #a3586b 0 5px, transparent 6px), radial-gradient(ellipse 80% 40% at 20% 100%, #2d4a26 0 99%, transparent), radial-gradient(ellipse 90% 45% at 90% 105%, #365a2c 0 99%, transparent), linear-gradient(#15233a, #1d2b25)}:is(.ws,.ws-swatch)[data-background=ocean]{--ws-scene:radial-gradient(ellipse 60% 24px at 30% 100%, #fff5 0 98%, transparent) 0 0 / 120px 60px, linear-gradient(#bfe3f2, #6fb3d3 60%, #3f86b0)}:is(.ws,.ws-swatch)[data-background=ocean][data-tone=dark]{--ws-scene:radial-gradient(ellipse 60% 24px at 30% 100%, #ffffff1c 0 98%, transparent) 0 0 / 120px 60px, linear-gradient(#0e2537, #123a55 60%, #0b2a40)}:is(.ws,.ws-swatch)[data-background=night]{--ws-scene:radial-gradient(circle at 15% 20%, #fff 0 1px, transparent 2px) 0 0 / 70px 60px, radial-gradient(circle at 60% 70%, #fffbe0 0 1px, transparent 2px) 0 0 / 90px 80px, radial-gradient(circle at 80% 15%, #f7e7a4 0 14px, transparent 15px), linear-gradient(#4b5d93, #8193c4)}:is(.ws,.ws-swatch)[data-background=night][data-tone=dark]{--ws-scene:radial-gradient(circle at 15% 20%, #fff 0 1px, transparent 2px) 0 0 / 70px 60px, radial-gradient(circle at 60% 70%, #fffbe0 0 1px, transparent 2px) 0 0 / 90px 80px, radial-gradient(circle at 80% 15%, #f2e2a0 0 14px, transparent 15px), linear-gradient(#0b1026, #1c2550)}.ws-font-rounded{--ws-font:ui-rounded, "SF Pro Rounded", "Arial Rounded MT Bold", "DM Sans", sans-serif}.ws-swatch{background:var(--ws-scene);border-radius:8px;place-items:center;width:64px;height:40px;display:grid;box-shadow:inset 0 0 0 1px #0000001a}.ws-swatch>span{background:var(--ws-card);width:26px;height:26px;color:var(--ws-ink);border-radius:6px;place-items:center;font-weight:700;display:grid}.ws-play{background:var(--ws-scene);border-radius:20px;padding:clamp(10px,3vw,22px)}.ws-card{border:1px solid var(--ws-edge);background:var(--ws-card);color:var(--ws-ink);border-radius:16px;gap:10px;padding:clamp(10px,2.4vw,18px);display:grid;box-shadow:0 10px 30px #0000001f}.ws-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.ws-title{color:var(--ws-ink);font-family:var(--font-accent);margin:0;font-size:clamp(1.1rem,4.2vw,1.45rem);line-height:1.2}.ws-badge{border:1px solid var(--ws-edge);color:var(--ws-soft);border-radius:999px;flex:none;padding:2px 10px;font-size:.8rem}.ws-body{gap:10px;display:grid}@media (width>=760px){.game-frame:not(:fullscreen,.game-frame-expanded) .ws-body{grid-template-columns:minmax(0,max(330px,100svh - 280px)) minmax(180px,260px);justify-content:center;align-items:start}}.ws-pill{max-width:100%;min-height:1.6em;color:var(--ws-soft);text-align:center;text-overflow:ellipsis;white-space:nowrap;border-radius:999px;justify-self:center;margin:0;padding:2px 14px;font-size:.92rem;transition:background-color .16s,color .16s;overflow:hidden}.ws-pill.is-live{background:var(--ws-select);color:var(--ws-ink);font-family:var(--ws-font);letter-spacing:.12em;font-weight:700}.ws-board-wrap{gap:6px;display:grid}.game-frame:not(:fullscreen,.game-frame-expanded) .ws-board-wrap{justify-self:center;width:min(100%,max(330px,100svh - 280px))}.ws-time{font-variant-numeric:tabular-nums}.ws-board{touch-action:none;-webkit-user-select:none;user-select:none;position:relative;container-type:inline-size}.ws-strokes{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.ws-stroke{stroke:var(--ws-mark);stroke-width:.76px;stroke-linecap:round}.ws-stroke.is-new{stroke-dasharray:1;animation:.24s ease-out both ws-draw}@keyframes ws-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.ws-stroke.is-preview{stroke:var(--ws-select)}.ws-stroke.is-missed{stroke:var(--ws-miss);stroke-dasharray:.3 .3;stroke-width:.6px}.ws-stroke.is-flash{stroke:var(--ws-miss);animation:.26s .42s both ws-fade}.ws-stroke.is-bonus{stroke:var(--ws-gold)}.ws-stroke.is-again{stroke:var(--ws-edge)}@keyframes ws-fade{to{stroke-opacity:0}}.ws-row{grid-template-columns:repeat(var(--board-cols), minmax(0, 1fr));display:grid;position:relative}.ws-cell{aspect-ratio:1;width:100%;color:var(--ws-ink);font-family:var(--ws-font);font-size:calc(100cqi / var(--ws-size) * .54);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;font-weight:600;line-height:1;transition:background-color .16s,color .16s,box-shadow .16s;display:grid}.ws.is-large .ws-cell{font-size:calc(100cqi / var(--ws-size) * .68)}.ws-cell.is-selected{font-weight:800}.ws-cell.is-hinted{box-shadow:inset 0 0 0 2px var(--ws-hint)}.ws-cell:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}@media (hover:hover) and (pointer:fine){.ws-cell:hover{box-shadow:inset 0 0 0 2px var(--ws-edge)}}.ws-board.is-hidden .ws-strokes{visibility:hidden}.ws-board.is-won .ws-cell.is-message{animation:ws-reveal .24s ease calc(var(--ws-order) * 55ms) both}@keyframes ws-reveal{0%{background-color:#0000}to{background-color:var(--ws-gold);color:var(--ws-ink)}}.ws-loupe{z-index:3;border:2px solid var(--ws-select);background:var(--ws-card);color:var(--ws-ink);font-family:var(--ws-font);pointer-events:none;border-radius:50%;grid-template-columns:repeat(3,30px);grid-auto-rows:30px;place-items:center;padding:6px;font-size:1.25rem;font-weight:700;line-height:1;display:grid;position:absolute;transform:translate(-50%,calc(-100% - 34px));box-shadow:0 6px 18px #0003}.ws-loupe>span{width:28px;height:28px;color:var(--ws-soft);border-radius:50%;place-items:center;display:grid}.ws-loupe>.is-selected{background:var(--ws-select);color:var(--ws-ink)}.ws-loupe>.is-center{color:var(--ws-ink);box-shadow:inset 0 0 0 2px var(--ws-ink);font-size:1.6rem;font-weight:800}.ws-words{flex-wrap:wrap;gap:4px 6px;margin:0;padding:0;list-style:none;display:flex}.ws-word{color:var(--ws-ink);font-family:var(--ws-font);border-radius:999px;padding:1px 8px;font-size:.92rem;font-weight:600;transition:background-color .2s}.ws-word.is-found{background:var(--ws-mark);color:var(--ws-ink);text-decoration:line-through 2px}.ws-word.is-missed{color:var(--ws-soft);border:1px dashed var(--ws-soft)}.ws-word.is-mystery{white-space:nowrap}.ws-message{color:var(--ws-ink);font-family:var(--font-accent);text-align:center;margin:0}.ws-status{flex-wrap:wrap;justify-content:center;gap:4px 14px;display:inline-flex}.ws-new{gap:12px;display:grid}.ws-new p{margin:0}.ws-muted{color:var(--muted)}.ws-warning{color:var(--amber-text)}.ws-field{gap:4px;font-weight:600;display:grid}:is(.game-frame:fullscreen,.game-frame-expanded) .ws-play{box-sizing:border-box;border-radius:0;place-items:center;min-height:100%;padding:8px;display:grid}:is(.game-frame:fullscreen,.game-frame-expanded) .ws-card{box-sizing:border-box;max-width:100%}:is(.game-frame:fullscreen,.game-frame-expanded) .ws-body{justify-items:center}:is(.game-frame:fullscreen,.game-frame-expanded) .ws-board.game-board{width:max(var(--board-cols) * var(--board-min-cell), min(100cqw - 42px, 100cqh - 150px - var(--ws-list-lines,4) * 27px))}@container game (width<=480px) and (orientation:portrait){:is(.game-frame:fullscreen,.game-frame-expanded) .ws-play{padding:4px}:is(.game-frame:fullscreen,.game-frame-expanded) :is(.ws-card,.ws-body){gap:6px}:is(.game-frame:fullscreen,.game-frame-expanded) .ws-card{padding:8px}:is(.game-frame:fullscreen,.game-frame-expanded) .ws-words{gap:2px 4px}:is(.game-frame:fullscreen,.game-frame-expanded) .ws-word{font-size:.85rem}:is(.game-frame:fullscreen,.game-frame-expanded) .ws-board.game-board{width:max(var(--board-cols) * var(--board-min-cell), min(100cqw - 26px, 100cqh - 104px - var(--ws-list-lines,4) * 24px))}}@container game (aspect-ratio>=1){:is(.game-frame:fullscreen,.game-frame-expanded) .ws-card{grid-template-rows:auto 1fr;grid-template-columns:auto minmax(160px,320px);align-items:start;column-gap:18px}:is(.game-frame:fullscreen,.game-frame-expanded) .ws-body{display:contents}:is(.game-frame:fullscreen,.game-frame-expanded) .ws-board-wrap{grid-area:1/1/span 2}:is(.game-frame:fullscreen,.game-frame-expanded) .ws-head{flex-wrap:wrap;grid-column:2}:is(.game-frame:fullscreen,.game-frame-expanded) .ws-words{grid-column:2;align-self:start}:is(.game-frame:fullscreen,.game-frame-expanded) .ws-board.game-board{width:max(var(--board-cols) * var(--board-min-cell), min(100cqh - 100px, 100cqw - 240px))}}@media (prefers-reduced-motion:reduce){.ws-cell,.ws-pill,.ws-word{transition:none}.ws-board.is-won .ws-cell.is-message{animation-duration:1ms;animation-delay:0s}.ws-stroke.is-flash,.ws-stroke.is-new{animation:none}}.ws-book{margin-top:20px}.ws-book h3{margin:0 0 4px;font-size:1.05rem}.ws-book>p{color:var(--muted);margin:0 0 8px;font-size:.9rem}.ws-book-theme{border-top:1px solid var(--line)}.ws-book-theme summary{cursor:pointer;align-items:center;gap:8px;min-height:44px;font-weight:600;display:flex}.ws-book-theme summary:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.ws-book-theme ul{font-family:var(--font-accent);margin:0 0 10px;padding-left:18px}