.wordle-board{display:flex;flex-direction:column;gap:5px;max-height:46dvh;overflow-y:auto;padding:2px}.wordle-row{display:flex;gap:5px}.tile{width:min(58px,13vw);height:min(58px,13vw);display:flex;align-items:center;justify-content:center;font-size:1.7rem;font-weight:700;text-transform:uppercase;border:2px solid var(--color-border);color:var(--color-text);-webkit-user-select:none;user-select:none}.tile-filled{border-color:var(--wordle-tile-filled-border)}.tile-correct{background:var(--wordle-correct);border-color:var(--wordle-correct);color:#fff}.tile-present{background:var(--wordle-present);border-color:var(--wordle-present);color:#fff}.tile-absent{background:var(--wordle-absent);border-color:var(--wordle-absent);color:#fff}.conn-board{display:flex;flex-direction:column;gap:8px;width:100%}.conn-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.conn-tile{aspect-ratio:1.4;min-height:68px;border-radius:6px;background:var(--conn-tile-bg);font-weight:700;font-size:.8rem;text-transform:uppercase;display:flex;align-items:center;justify-content:center;padding:2px;word-break:break-word;text-align:center;transition:background var(--pop-duration) ease,color var(--pop-duration) ease,transform var(--pop-duration) ease;-webkit-user-select:none;user-select:none;touch-action:manipulation}.conn-tile:active{transform:scale(.94)}.conn-long{font-size:.62rem}.conn-sel{background:var(--wordle-absent);color:#fff}.conn-banner{border-radius:6px;padding:14px 8px;text-align:center;text-transform:uppercase;animation:banner-in var(--flip-duration) ease}@keyframes banner-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}.conn-banner-name{font-weight:800;font-size:.9rem}.conn-banner-words{font-size:.85rem;margin-top:2px}.conn-yellow{background:var(--conn-yellow)}.conn-green{background:var(--conn-green)}.conn-blue{background:var(--conn-blue)}.conn-purple{background:var(--conn-purple)}.conn-actions{display:flex;gap:10px;margin-top:4px}.conn-action{padding:11px 18px;border:1.5px solid var(--color-text);border-radius:999px;font-weight:700;font-size:.85rem;background:var(--color-bg);transition:opacity var(--fade-duration) ease}.conn-action:disabled{border-color:var(--color-border);color:var(--color-border)}.conn-submit:not(:disabled){background:var(--color-text);color:var(--color-bg)}.xw-grid{display:grid;width:var(--xw-size);border:2.5px solid var(--xw-black);background:var(--xw-black);gap:1px}.xw-cell{position:relative;aspect-ratio:1;background:var(--color-bg);display:flex;align-items:center;justify-content:center;padding:0;transition:background var(--pop-duration) ease}.xw-block{background:var(--xw-black)}.xw-sel{background:var(--xw-selected)}.xw-hl{background:var(--xw-highlight)}.xw-num{position:absolute;top:1px;left:2px;font-size:max(.45rem,calc(var(--xw-size) / var(--cols, 5) * .24));line-height:1;font-weight:600;color:var(--color-text)}.xw-letter{font-size:calc(var(--xw-size) / var(--cols, 5) * .55);font-weight:700;text-transform:uppercase;line-height:1;margin-top:4px}.xw-wrong .xw-letter{color:var(--xw-wrong)}.xw-wrong:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top right,transparent calc(50% - .75px),var(--xw-wrong) calc(50% - .75px),var(--xw-wrong) calc(50% + .75px),transparent calc(50% + .75px));opacity:.85}.xw-confirmed .xw-letter{color:var(--xw-right);transition:color var(--fade-duration) ease}.xw-toggle{width:var(--xw-size);display:flex;align-items:center;justify-content:flex-end;gap:8px;font-size:.8rem;font-weight:600;color:var(--color-text-muted);padding:2px 0;margin-bottom:-6px}.xw-toggle-track{position:relative;width:30px;height:18px;border-radius:999px;background:var(--color-border);transition:background var(--fade-duration) ease}.xw-toggle-track:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #00000040;transition:transform var(--fade-duration) ease}.xw-toggle.on{color:var(--color-text)}.xw-toggle.on .xw-toggle-track{background:var(--xw-right)}.xw-toggle.on .xw-toggle-track:after{transform:translate(12px)}.xw-circled:after{content:"";position:absolute;inset:4%;border:1.5px solid var(--wordle-absent);border-radius:50%;pointer-events:none}.xw-celebrate{animation:xw-pop var(--flip-duration) ease both}@keyframes xw-pop{0%{transform:scale(1);background:var(--color-bg)}50%{transform:scale(1.15);background:var(--conn-purple)}to{transform:scale(1);background:var(--conn-purple)}}@media(prefers-reduced-motion:reduce){.xw-celebrate{animation:none;background:var(--conn-purple)}}.xw-cluebar{display:flex;align-items:stretch;width:100%;background:var(--xw-highlight);border-radius:6px;min-height:48px}.xw-cluebtn{flex:0 0 44px;font-size:1.6rem;font-weight:700;display:flex;align-items:center;justify-content:center}.xw-clue{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;font-size:.85rem;font-weight:600;text-align:center;padding:6px 0}.xw-cluenum{font-weight:800;opacity:.6}.xwd{max-width:720px;margin:0 auto;padding:20px 16px 40px;display:flex;flex-direction:column;gap:14px}.xwd-title{font-family:var(--font-serif);font-size:1.3rem}.xwd-sub{color:var(--color-text-muted);font-size:.9rem}.xwd-grid{--xw-size: min(92vw, 420px)}.xwd-circ{background:#f6edf8}.xwd-cols{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media(max-width:520px){.xwd-cols{grid-template-columns:1fr}}.xwd-h2{font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--color-border);padding-bottom:4px;margin-bottom:8px}.xwd-list{list-style:none;display:flex;flex-direction:column;gap:7px}.xwd-list li{display:flex;gap:8px;align-items:baseline;font-size:.85rem}.xwd-num{font-weight:800;min-width:18px;text-align:right}.xwd-answer{font-weight:700;font-family:monospace;font-size:.9rem;letter-spacing:.05em}.xwd-clue{color:var(--color-text-muted)}.xwd-missing{color:#c00;font-style:italic}:root{--color-bg: #ffffff;--color-text: #121212;--color-text-muted: #5a5a5a;--color-border: #d3d6da;--color-key-bg: #d3d6da;--wordle-correct: #6aaa64;--wordle-present: #c9b458;--wordle-absent: #787c7e;--wordle-tile-filled-border: #878a8c;--conn-yellow: #f9df6d;--conn-green: #a0c35a;--conn-blue: #b0c4ef;--conn-purple: #ba81c5;--conn-tile-bg: #efefe6;--xw-selected: #ffda00;--xw-highlight: #a7d8ff;--xw-black: #121212;--xw-wrong: #e2231a;--xw-right: #2860d8;--xw-size: min(92vw, 360px, 44dvh);--flip-duration: .5s;--shake-duration: .6s;--pop-duration: .1s;--fade-duration: .3s;--font-ui: "nyt-franklin", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-serif: "nyt-karnakcondensed", Georgia, serif}@media(prefers-reduced-motion:reduce){:root{--flip-duration: 0ms;--shake-duration: 0ms;--pop-duration: 0ms;--fade-duration: 0ms}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-ui);background:var(--color-bg);color:var(--color-text);min-height:100dvh;touch-action:manipulation}#root{min-height:100dvh;display:flex;flex-direction:column}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}.shell{flex:1;display:flex;flex-direction:column;max-width:500px;width:100%;margin:0 auto;padding:0 16px calc(16px + env(safe-area-inset-bottom))}.shell-header{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 0 10px;border-bottom:1px solid var(--color-border);margin-bottom:16px}.shell-title{font-family:var(--font-serif);font-weight:700;font-size:1.6rem;letter-spacing:.01em}.progress-dots{display:flex;gap:8px}.progress-dot{width:9px;height:9px;border-radius:50%;border:1.5px solid var(--color-text);background:transparent;transition:background var(--fade-duration) ease}.progress-dot.done{background:var(--wordle-correct);border-color:var(--wordle-correct)}.progress-dot.current{background:var(--color-text)}.screen{flex:1;display:flex;flex-direction:column;align-items:center;gap:16px;animation:screen-in var(--fade-duration) ease}@keyframes screen-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.screen-title{font-family:var(--font-serif);font-size:1.3rem;font-weight:700}.screen-intro{color:var(--color-text-muted);text-align:center;font-size:.95rem;max-width:34ch}.toast{position:fixed;top:calc(70px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);background:var(--color-text);color:var(--color-bg);font-weight:700;font-size:.85rem;padding:10px 14px;border-radius:4px;z-index:10;animation:screen-in var(--fade-duration) ease;white-space:nowrap}.stage-done{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:12px;animation:screen-in var(--fade-duration) ease}.stage-done-msg{font-size:1.05rem;font-weight:700;text-align:center}.continue-btn{padding:13px 28px;border-radius:999px;font-weight:700;font-size:1rem;background:var(--color-text);color:var(--color-bg)}.kb{display:flex;flex-direction:column;gap:6px;width:100%;margin-top:auto;padding-top:8px;-webkit-user-select:none;user-select:none}.kb-row{display:flex;justify-content:center;gap:5px}.kb-key{flex:1;max-width:42px;height:52px;border-radius:4px;background:var(--color-key-bg);font-weight:700;font-size:.9rem;display:flex;align-items:center;justify-content:center;transition:background var(--fade-duration) ease,color var(--fade-duration) ease;touch-action:manipulation}.kb-key:active{filter:brightness(.9)}.kb-wide{flex:1.6;max-width:68px;font-size:.7rem}.kb-correct{background:var(--wordle-correct);color:#fff}.kb-present{background:var(--wordle-present);color:#fff}.kb-absent{background:var(--wordle-absent);color:#fff}@keyframes tile-flip{0%{transform:rotateX(0)}50%{transform:rotateX(-90deg)}to{transform:rotateX(0)}}@keyframes row-shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}@keyframes tile-pop{0%{transform:scale(.8)}40%{transform:scale(1.1)}to{transform:scale(1)}}.anim-flip{animation:tile-flip var(--flip-duration) ease}.anim-shake{animation:row-shake var(--shake-duration) ease}.anim-pop{animation:tile-pop var(--pop-duration) ease}