:root{--wd-body-bg: radial-gradient(ellipse 80% 45% at 70% -10%, rgb(99, 102, 241, .16), transparent), linear-gradient(165deg, var(--tok-bg) 0%, #0a0e24 55%, #120e2b 100%);--wd-topbar-border-bottom: 1px solid rgb(255, 255, 255, .08);--wd-icon-btn-hover-bg: rgb(255, 255, 255, .12);--wd-icon-btn-hover-border: rgb(255, 255, 255, .2);--wd-icon-btn-active-bg: rgb(99, 102, 241, .24);--wd-icon-btn-active-border: rgb(148, 163, 255, .45);--wd-icon-btn-active-text: #fff;--wd-lang-btn-text: #e0e7ff;--wd-lang-btn-bg: rgb(99, 102, 241, .16);--wd-lang-btn-border: 1px solid rgb(148, 163, 255, .3);--wd-lang-btn-hover-bg: rgb(99, 102, 241, .28);--wd-lang-btn-hover-border: rgb(148, 163, 255, .5);--wd-title-bg: linear-gradient(120deg, #a5b4fc, #f0abfc 60%, #fcd34d);--wd-mode-tag-bg: rgb(99, 102, 241, .16);--wd-mode-tag-border: 1px solid rgb(148, 163, 255, .3);--wd-mode-tag-text: #c7d2fe;--wd-banner-text: #fcd34d;--wd-banner-bg: rgb(252, 211, 77, .1);--wd-banner-border: 1px solid rgb(252, 211, 77, .3);--wd-banner-btn-bg: rgb(252, 211, 77, .2);--wd-banner-btn-border: 1px solid rgb(252, 211, 77, .5);--wd-banner-btn-text: #fef08a;--wd-diff-trigger-text: #fff;--wd-diff-trigger-bg: linear-gradient(135deg, rgb(99, 102, 241, .38), rgb(168, 85, 247, .38));--wd-diff-trigger-border: 1px solid rgb(168, 85, 247, .7);--wd-diff-trigger-shadow: 0 4px 14px rgb(99, 102, 241, .28), inset 0 1px 0 rgb(255, 255, 255, .2);--wd-diff-trigger-hover-border: rgb(192, 132, 252, .9);--wd-diff-trigger-hover-shadow: 0 5px 18px rgb(99, 102, 241, .38), inset 0 1px 0 rgb(255, 255, 255, .25);--wd-diff-menu-border: 1px solid rgb(255, 255, 255, .14);--wd-diff-menu-shadow: 0 16px 40px rgb(0, 0, 0, .55);--wd-diff-opt-text: #a5b4fc;--wd-diff-opt-hover-bg: rgb(255, 255, 255, .09);--wd-diff-opt-hover-text: #fff;--wd-diff-opt-active-text: #fff;--wd-diff-opt-active-bg: rgb(99, 102, 241, .32);--wd-diff-tag-bg: rgb(255, 255, 255, .08);--wd-diff-trigger-diff-tag-bg: rgb(255, 255, 255, .22);--wd-diff-trigger-diff-tag-text: #fff;--wd-diff-status-lost-text: #f87171;--wd-hint-card-text: #e0e7ff;--wd-hint-card-bg: rgb(30, 36, 68, .75);--wd-hint-card-border: 1px solid rgb(148, 163, 255, .28);--wd-hint-card-shadow: 0 4px 16px rgb(0, 0, 0, .25);--wd-hint-label-text: #a5b4fc;--wd-tile-bg: rgb(255, 255, 255, .03);--wd-tile-border: 2px solid rgb(255, 255, 255, .14);--wd-tile-filled-border: #818cf8;--wd-tile-filled-bg: rgb(99, 102, 241, .14);--wd-tile-filled-text: #fff;--wd-tile-filled-shadow: 0 0 10px rgb(99, 102, 241, .28);--wd-tile-correct-text: #fff;--wd-tile-correct-shadow: 0 0 14px rgb(58, 166, 85, .4);--wd-tile-present-text: #fff;--wd-tile-present-shadow: 0 0 14px rgb(207, 165, 63, .4);--wd-tile-absent-text: #8fa0d8;--wd-toast-text: #10142e;--wd-input-bg: rgb(255, 255, 255, .06);--wd-input-border: 2px solid rgb(148, 163, 255, .38);--wd-input-shadow: inset 0 2px 4px rgb(0, 0, 0, .25);--wd-input-text: #717d9f;--wd-input-focus-border: #818cf8;--wd-input-focus-bg: rgb(255, 255, 255, .09);--wd-input-focus-shadow: 0 0 0 3px rgb(129, 140, 248, .25), inset 0 2px 4px rgb(0, 0, 0, .2);--wd-submit-btn-text: #fff;--wd-submit-btn-bg: linear-gradient(135deg, #6366f1, #8b5cf6);--wd-submit-btn-shadow: 0 4px 14px rgb(99, 102, 241, .35);--wd-submit-btn-hover-shadow: 0 6px 20px rgb(99, 102, 241, .5);--wd-end-panel-bg: rgb(18, 24, 48, .92);--wd-end-panel-border: 1px solid rgb(148, 163, 255, .25);--wd-end-panel-shadow: 0 10px 32px rgb(0, 0, 0, .45);--wd-end-status-lost-text: #f87171;--wd-end-answer-text: #f8fafc;--wd-end-hint-text: #94a3b8;--wd-end-hint-bg: rgb(255, 255, 255, .05);--wd-end-hint-border: 1px solid rgb(255, 255, 255, .08);--wd-modal-bg: rgb(5, 6, 15, .72);--wd-modal-box-border: 1px solid rgb(255, 255, 255, .12);--wd-modal-box-shadow: 0 24px 60px rgb(0, 0, 0, .5);--wd-mini-tile-correct-text: #fff;--wd-mini-tile-present-text: #fff;--wd-dist-bar-bg: #2a3155;--wd-dist-bar-text: #dfe6ff;--wd-global-text: #93c5fd;--wd-btn-bg: rgb(255, 255, 255, .08);--wd-btn-border: 1px solid rgb(255, 255, 255, .14);--wd-btn-hover-bg: rgb(255, 255, 255, .14);--wd-btn-primary-bg: linear-gradient(120deg, #6366f1, #8b5cf6);--wd-btn-primary-shadow: 0 6px 20px rgb(99, 102, 241, .4);--wd-btn-success-bg: linear-gradient(120deg, #10b981, #059669);--wd-btn-success-shadow: 0 6px 20px rgb(16, 185, 129, .35);--wd-btn-success-text: #fff;--wd-btn-success-hover-bg: linear-gradient(120deg, var(--tok-success), #10b981);--wd-btn-secondary-bg: rgb(255, 255, 255, .08);--wd-btn-secondary-border: 1px solid rgb(255, 255, 255, .18);--wd-btn-secondary-hover-bg: rgb(255, 255, 255, .15)}:root[data-theme=light]{--wd-body-bg: radial-gradient(ellipse 80% 45% at 70% -10%, rgb(99, 102, 241, .16), transparent), linear-gradient(165deg, var(--tok-bg) 0%, #eff0f6 55%, #ecebf3 100%);--wd-topbar-border-bottom: 1px solid rgb(15, 23, 42, .088);--wd-icon-btn-hover-bg: rgb(255, 255, 255, .91);--wd-icon-btn-hover-border: rgb(15, 23, 42, .2);--wd-icon-btn-active-bg: rgb(99, 102, 241, .24);--wd-icon-btn-active-border: rgb(148, 163, 255, .45);--wd-icon-btn-active-text: #0f172a;--wd-lang-btn-text: #0f172a;--wd-lang-btn-bg: rgb(99, 102, 241, .16);--wd-lang-btn-border: 1px solid rgb(148, 163, 255, .3);--wd-lang-btn-hover-bg: rgb(99, 102, 241, .28);--wd-lang-btn-hover-border: rgb(148, 163, 255, .5);--wd-title-bg: linear-gradient(120deg, #4f46e5, #c026d3 60%, #d97706);--wd-mode-tag-bg: rgb(99, 102, 241, .16);--wd-mode-tag-border: 1px solid rgb(148, 163, 255, .3);--wd-mode-tag-text: #0f172a;--wd-banner-text: #bd940f;--wd-banner-bg: rgb(252, 211, 77, .1);--wd-banner-border: 1px solid rgb(252, 211, 77, .3);--wd-banner-btn-bg: rgb(252, 211, 77, .2);--wd-banner-btn-border: 1px solid rgb(252, 211, 77, .5);--wd-banner-btn-text: #bda80f;--wd-diff-trigger-text: #0f172a;--wd-diff-trigger-bg: linear-gradient(135deg, rgb(99, 102, 241, .38), rgb(168, 85, 247, .38));--wd-diff-trigger-border: 1px solid rgb(168, 85, 247, .7);--wd-diff-trigger-shadow: 0 4px 14px rgb(15, 23, 42, .098), inset 0 1px 0 rgb(15, 23, 42, .07);--wd-diff-trigger-hover-border: rgb(192, 132, 252, .9);--wd-diff-trigger-hover-shadow: 0 5px 18px rgb(15, 23, 42, .133), inset 0 1px 0 rgb(15, 23, 42, .087);--wd-diff-menu-border: 1px solid rgb(15, 23, 42, .154);--wd-diff-menu-shadow: 0 16px 40px rgb(15, 23, 42, .193);--wd-diff-opt-text: #0f172a;--wd-diff-opt-hover-bg: rgb(255, 255, 255, .82);--wd-diff-opt-hover-text: #0f172a;--wd-diff-opt-active-text: #0f172a;--wd-diff-opt-active-bg: rgb(99, 102, 241, .32);--wd-diff-tag-bg: rgb(255, 255, 255, .79);--wd-diff-trigger-diff-tag-bg: rgb(255, 255, 255, .95);--wd-diff-trigger-diff-tag-text: #0f172a;--wd-diff-status-lost-text: #bd0f0f;--wd-hint-card-text: #0f172a;--wd-hint-card-bg: rgb(223, 224, 233, .75);--wd-hint-card-border: 1px solid rgb(148, 163, 255, .28);--wd-hint-card-shadow: 0 4px 16px rgb(15, 23, 42, .087);--wd-hint-label-text: #0f172a;--wd-tile-bg: rgb(255, 255, 255, .64);--wd-tile-border: 2px solid rgb(15, 23, 42, .154);--wd-tile-filled-border: #818cf8;--wd-tile-filled-bg: rgb(99, 102, 241, .14);--wd-tile-filled-text: #0f172a;--wd-tile-filled-shadow: 0 0 10px rgb(15, 23, 42, .098);--wd-tile-correct-text: #fff;--wd-tile-correct-shadow: 0 0 14px rgb(15, 23, 42, .14);--wd-tile-present-text: #fff;--wd-tile-present-shadow: 0 0 14px rgb(15, 23, 42, .14);--wd-tile-absent-text: #fff;--wd-toast-text: #10142e;--wd-input-bg: rgb(255, 255, 255, .73);--wd-input-border: 2px solid rgb(148, 163, 255, .38);--wd-input-shadow: inset 0 2px 4px rgb(15, 23, 42, .087);--wd-input-text: #525d7a;--wd-input-focus-border: #818cf8;--wd-input-focus-bg: rgb(255, 255, 255, .82);--wd-input-focus-shadow: 0 0 0 3px rgb(15, 23, 42, .087), inset 0 2px 4px rgb(15, 23, 42, .07);--wd-submit-btn-text: #fff;--wd-submit-btn-bg: linear-gradient(135deg, #4f46e5, #7c3aed);--wd-submit-btn-shadow: 0 4px 14px rgb(15, 23, 42, .122);--wd-submit-btn-hover-shadow: 0 6px 20px rgb(15, 23, 42, .175);--wd-end-panel-bg: rgb(255, 255, 255, .98);--wd-end-panel-border: 1px solid rgb(148, 163, 255, .25);--wd-end-panel-shadow: 0 10px 32px rgb(15, 23, 42, .158);--wd-end-status-lost-text: #bd0f0f;--wd-end-answer-text: #0f172a;--wd-end-hint-text: #51637b;--wd-end-hint-bg: rgb(255, 255, 255, .7);--wd-end-hint-border: 1px solid rgb(15, 23, 42, .088);--wd-modal-bg: rgb(15, 23, 42, .32);--wd-modal-box-border: 1px solid rgb(15, 23, 42, .132);--wd-modal-box-shadow: 0 24px 60px rgb(15, 23, 42, .175);--wd-mini-tile-correct-text: #fff;--wd-mini-tile-present-text: #fff;--wd-dist-bar-bg: #d6d8e2;--wd-dist-bar-text: #0f172a;--wd-global-text: #0f61bd;--wd-btn-bg: rgb(255, 255, 255, .79);--wd-btn-border: 1px solid rgb(15, 23, 42, .154);--wd-btn-hover-bg: rgb(255, 255, 255, .95);--wd-btn-primary-bg: linear-gradient(120deg, #6366f1, #8b5cf6);--wd-btn-primary-shadow: 0 6px 20px rgb(15, 23, 42, .14);--wd-btn-success-bg: linear-gradient(120deg, #10b981, #059669);--wd-btn-success-shadow: 0 6px 20px rgb(15, 23, 42, .122);--wd-btn-success-text: #fff;--wd-btn-success-hover-bg: linear-gradient(120deg, var(--tok-success), #10b981);--wd-btn-secondary-bg: rgb(255, 255, 255, .79);--wd-btn-secondary-border: 1px solid rgb(15, 23, 42, .198);--wd-btn-secondary-hover-bg: rgb(255, 255, 255, .95)}:root{--bg: #0a0e24;--bg-soft: #111737;--tile-border: rgb(255, 255, 255, .14);--tile-border-filled: rgb(148, 163, 255, .55);--tile-bg: transparent;--correct: #10b981;--present: #cfa53f;--absent: #333a56;--key-bg: #2a3155;--text: #e8ecff;--text-dim: #8fa0d8;--accent: #6366f1}:root[data-theme=light]{--bg: #f3f5fa;--bg-soft: #fff;--tile-border: rgb(15, 23, 42, .16);--tile-border-filled: rgb(79, 70, 229, .55);--absent: #7a8195;--key-bg: #dde2ee;--text: #182033;--text-dim: #3f4a6b;--accent: #4f46e5}html,body{height:100%}body{background:var(--wd-body-bg);touch-action:manipulation;font-family:Segoe UI,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;color:var(--text)}.wd-topbar{border-bottom:var(--wd-topbar-border-bottom)}.wd-icon-btn{white-space:nowrap;font-family:inherit;color:var(--text)}.wd-icon-btn:hover{background:var(--wd-icon-btn-hover-bg);border-color:var(--wd-icon-btn-hover-border)}.wd-icon-btn:active{transform:scale(.94)}.wd-icon-btn.active{background:var(--wd-icon-btn-active-bg);border-color:var(--wd-icon-btn-active-border);color:var(--wd-icon-btn-active-text)}.wd-lang-btn{font-size:12px;font-weight:700;color:var(--wd-lang-btn-text);background:var(--wd-lang-btn-bg);border:var(--wd-lang-btn-border)}.wd-lang-btn:hover{background:var(--wd-lang-btn-hover-bg);border-color:var(--wd-lang-btn-hover-border)}.wd-title-box{text-align:center;min-width:0;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.wd-title{font-size:20px;font-weight:800;letter-spacing:.04em;background:var(--wd-title-bg);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap;line-height:1.2;overflow:hidden;text-overflow:ellipsis;max-width:100%}.wd-sub-row{display:flex;justify-content:center;align-items:center;gap:6px;font-size:11px;color:var(--text-dim);margin-top:2px;white-space:nowrap;max-width:100%}.wd-num{font-weight:700;font-variant-numeric:tabular-nums}.wd-mode-tag{background:var(--wd-mode-tag-bg);border:var(--wd-mode-tag-border);border-radius:999px;padding:1px 7px;font-size:10.5px;color:var(--wd-mode-tag-text)}.wd-banner{margin-top:8px;font-size:12.5px;color:var(--wd-banner-text);background:var(--wd-banner-bg);border:var(--wd-banner-border);border-radius:9px;padding:6px 14px;text-align:center;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.wd-banner-btn{background:var(--wd-banner-btn-bg);border:var(--wd-banner-btn-border);color:var(--wd-banner-btn-text);font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:6px;cursor:pointer;transition:background .15s;font-family:inherit}.wd-diff-row{margin:8px auto 0;max-width:440px;width:100%;display:flex;gap:8px;align-items:center;justify-content:flex-start;transition:opacity .2s}.wd-diff-dd{position:relative;flex:0 0 auto;min-width:0}.wd-diff-trigger{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:6px 10px;font-family:inherit;font-size:12.5px;font-weight:700;color:var(--wd-diff-trigger-text);background:var(--wd-diff-trigger-bg);border:var(--wd-diff-trigger-border);border-radius:12px;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s,transform .1s;user-select:none;white-space:nowrap;box-shadow:var(--wd-diff-trigger-shadow)}.wd-diff-trigger:hover{border-color:var(--wd-diff-trigger-hover-border);box-shadow:var(--wd-diff-trigger-hover-shadow)}.wd-diff-trigger:active{transform:scale(.97)}.wd-diff-trigger[aria-expanded=true] .wd-diff-caret{transform:rotate(180deg)}.wd-diff-caret{flex:0 0 auto;opacity:.85;transition:transform .18s ease}.wd-diff-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:60;min-width:100%;display:flex;flex-direction:column;gap:2px;padding:5px;background:var(--bg-soft);border:var(--wd-diff-menu-border);border-radius:13px;box-shadow:var(--wd-diff-menu-shadow);animation:wd-dd-in .14s ease-out}@keyframes wd-dd-in{0%{transform:translateY(-5px);opacity:0}to{transform:translateY(0);opacity:1}}.wd-diff-opt{display:flex;align-items:center;gap:7px;padding:8px 10px;font-family:inherit;font-size:12.5px;font-weight:700;color:var(--wd-diff-opt-text);background:transparent;border:0;border-radius:9px;cursor:pointer;text-align:left;white-space:nowrap;user-select:none;transition:background .13s,color .13s}.wd-diff-opt:hover{background:var(--wd-diff-opt-hover-bg);color:var(--wd-diff-opt-hover-text)}.wd-diff-opt.active{color:var(--wd-diff-opt-active-text);background:var(--wd-diff-opt-active-bg)}.wd-diff-tag{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:6px;background:var(--wd-diff-tag-bg);font-size:11.5px;font-weight:800;color:inherit}.wd-diff-trigger .wd-diff-tag,.wd-diff-opt.active .wd-diff-tag{background:var(--wd-diff-trigger-diff-tag-bg);color:var(--wd-diff-trigger-diff-tag-text)}.wd-diff-title{font-size:12px}.wd-diff-desc{font-weight:600;opacity:.72}:root[data-theme=light] .wd-diff-desc{opacity:.85}.wd-diff-status{display:inline-flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:800;margin-left:1px}.wd-diff-status.won{color:var(--tok-success)}.wd-diff-status.lost{color:var(--wd-diff-status-lost-text)}.wd-diff-row>.wd-lang-btn,.wd-diff-row>#wd-btn-practice{flex:0 0 auto;min-width:max-content}@media(max-width:480px){.wd-diff-dd{flex:1 1 auto;min-width:0}.wd-diff-trigger{max-width:100%}.wd-diff-trigger .wd-diff-title{overflow:hidden;text-overflow:ellipsis}.wd-diff-desc{display:none}}.wd-hint-card{margin:8px auto 4px;max-width:440px;width:100%;font-size:13.5px;line-height:1.5;color:var(--wd-hint-card-text);background:var(--wd-hint-card-bg);border:var(--wd-hint-card-border);border-radius:12px;padding:8px 14px;text-align:center;box-shadow:var(--wd-hint-card-shadow);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:wd-fade-in .25s ease-out;flex-shrink:0}@keyframes wd-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.wd-hint-label{color:var(--wd-hint-label-text);font-weight:800;margin-right:6px}.wd-main{width:100%;max-width:480px;flex:1;display:flex;flex-direction:column;align-items:center;flex-basis:0%;padding:12px 0 20px;min-height:min-content}.wd-board-wrap{width:100%;display:flex;justify-content:center;flex-shrink:0}.wd-board{display:grid;grid-template-rows:repeat(6,1fr);gap:8px;margin:0 auto;width:100%;max-width:calc(var(--cols) * 62px + (var(--cols) - 1) * 8px)}.wd-row{display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:8px}.wd-row.shake{animation:wd-shake .45s}@keyframes wd-shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.wd-tile{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:clamp(20px,6vw,30px);font-weight:800;line-height:1;text-transform:uppercase;color:var(--text);background:var(--wd-tile-bg);border:var(--wd-tile-border);border-radius:10px;user-select:none;transition:transform .1s,border-color .15s,background-color .2s}.wd-tile.filled{border-color:var(--wd-tile-filled-border);background:var(--wd-tile-filled-bg);color:var(--wd-tile-filled-text);box-shadow:var(--wd-tile-filled-shadow);animation:wd-pop-in .12s ease-out}@keyframes wd-pop-in{0%{transform:scale(.85)}to{transform:scale(1)}}.wd-tile.pop{animation:wd-pop-in .12s ease-out}.wd-tile.flip{animation:wd-flip .25s ease-in}@keyframes wd-flip{0%{transform:rotateX(0)}to{transform:rotateX(90deg)}}.wd-tile.correct{background:var(--correct);border-color:var(--correct);color:var(--wd-tile-correct-text);box-shadow:var(--wd-tile-correct-shadow);animation:wd-reveal .25s ease-out}.wd-tile.present{background:var(--present);border-color:var(--present);color:var(--wd-tile-present-text);box-shadow:var(--wd-tile-present-shadow);animation:wd-reveal .25s ease-out}.wd-tile.absent{background:var(--absent);border-color:var(--absent);color:var(--wd-tile-absent-text);box-shadow:none;animation:wd-reveal .25s ease-out}@keyframes wd-reveal{0%{transform:rotateX(90deg)}to{transform:rotateX(0)}}.wd-tile.bounce{animation:wd-bounce .6s ease-out}@keyframes wd-bounce{0%,to{transform:translateY(0)}35%{transform:translateY(-16px)}60%{transform:translateY(4px)}80%{transform:translateY(-4px)}}.wd-toast{top:74px;background:var(--tok-text);color:var(--wd-toast-text);font-size:13.5px;font-weight:700;padding:9px 18px;opacity:0;transition:opacity .2s;max-width:86vw;text-align:center}.wd-toast.show{opacity:1}.wd-input-row{display:flex;gap:8px;width:100%;max-width:calc(var(--cols) * 62px + (var(--cols) - 1) * 8px);margin-top:18px;animation:wd-input-appear .25s ease-out}@keyframes wd-input-appear{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.wd-input{flex:1;min-width:0;height:48px;font-family:inherit;font-size:20px;font-weight:800;text-align:center;letter-spacing:.2em;text-indent:.2em;text-transform:uppercase;color:var(--text);background:var(--wd-input-bg);border:var(--wd-input-border);border-radius:12px;padding:0 12px;outline:none;transition:border-color .2s,box-shadow .2s,background .2s;box-shadow:var(--wd-input-shadow)}.wd-input::placeholder{font-size:13.5px;font-weight:500;letter-spacing:0;text-indent:0;text-transform:none;color:var(--wd-input-text)}.wd-input:focus{border-color:var(--wd-input-focus-border);background:var(--wd-input-focus-bg);box-shadow:var(--wd-input-focus-shadow)}.wd-submit-btn{height:48px;min-width:84px;padding:0 18px;font-family:inherit;font-size:15px;font-weight:800;color:var(--wd-submit-btn-text);background:var(--wd-submit-btn-bg);border:none;border-radius:12px;cursor:pointer;box-shadow:var(--wd-submit-btn-shadow);transition:transform .1s,box-shadow .15s,opacity .15s;white-space:nowrap;display:flex;align-items:center;justify-content:center;user-select:none}.wd-submit-btn:hover{box-shadow:var(--wd-submit-btn-hover-shadow);filter:brightness(1.08)}.wd-submit-btn:active{transform:scale(.95)}.wd-end-panel{display:flex;flex-direction:column;align-items:center;width:100%;max-width:calc(var(--cols) * 62px + (var(--cols) - 1) * 8px);margin-top:16px;padding:16px 18px;background:var(--wd-end-panel-bg);border:var(--wd-end-panel-border);border-radius:16px;box-shadow:var(--wd-end-panel-shadow);animation:wd-fade-in-up .35s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}@keyframes wd-fade-in-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.wd-end-info{text-align:center;margin-bottom:14px;width:100%}.wd-end-status{font-size:16px;font-weight:800;margin-bottom:4px}.wd-end-status.won{color:var(--tok-success)}.wd-end-status.lost{color:var(--wd-end-status-lost-text)}.wd-end-answer{font-size:18px;font-weight:800;letter-spacing:.12em;color:var(--wd-end-answer-text);margin:4px 0}.wd-end-hint{font-size:13px;color:var(--wd-end-hint-text);line-height:1.5;margin-top:8px;padding:8px 12px;background:var(--wd-end-hint-bg);border:var(--wd-end-hint-border);border-radius:8px;max-height:90px;overflow-y:auto;text-align:left}.wd-end-actions{display:flex;flex-direction:column;gap:10px;width:100%}.wd-end-sub-actions{display:flex;gap:10px;width:100%}.wd-end-sub-actions .wd-btn{flex:1;padding:9px 12px;font-size:13.5px}.wd-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--wd-modal-bg);backdrop-filter:blur(8px);z-index:100;padding:18px}.wd-modal-box{width:100%;max-width:380px;max-height:86vh;overflow-y:auto;background:var(--bg-soft);border:var(--wd-modal-box-border);border-radius:18px;padding:22px;box-shadow:var(--wd-modal-box-shadow);animation:wd-modal-in .22s ease-out;display:flex;flex-direction:column;gap:14px}@keyframes wd-modal-in{0%{transform:translateY(16px) scale(.97);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.wd-modal-title{font-size:19px;font-weight:800;text-align:center}.wd-help-body p{font-size:13.5px;line-height:1.65;color:var(--tok-text-soft);margin-bottom:8px}.wd-example{display:flex;align-items:center;gap:5px;margin-top:10px}.wd-mini-tile{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;border-radius:6px;border:2px solid var(--tile-border)}.wd-mini-tile.correct{background:var(--correct);border-color:var(--correct);color:var(--wd-mini-tile-correct-text)}.wd-mini-tile.present{background:var(--present);border-color:var(--present);color:var(--wd-mini-tile-present-text)}.wd-mini-tile.absent{background:var(--absent);border-color:var(--absent)}.wd-example-note{font-size:12px;color:var(--text-dim);margin-left:6px}.wd-help-tip{font-size:12px;color:var(--tok-text-faint)}.wd-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;text-align:center}.wd-stat{display:flex;flex-direction:column;gap:2px}.wd-stat-num{font-size:26px;font-weight:800;font-variant-numeric:tabular-nums}.wd-stat-label{font-size:10.5px;color:var(--text-dim);letter-spacing:.04em}.wd-dist-title{font-size:13px;font-weight:700;color:var(--tok-text-soft);text-align:center}.wd-dist{display:flex;flex-direction:column;gap:4px}.wd-dist-row{display:flex;align-items:center;gap:8px;font-size:12.5px}.wd-dist-label{width:12px;color:var(--text-dim);font-weight:700}.wd-dist-bar-wrap{flex:1}.wd-dist-bar{height:20px;min-width:22px;background:var(--wd-dist-bar-bg);color:var(--wd-dist-bar-text);font-size:11.5px;font-weight:700;line-height:20px;text-align:right;padding-right:7px;border-radius:4px}.wd-dist-bar.highlight{background:var(--correct)}.wd-global{min-height:18px;text-align:center;font-size:12.5px;color:var(--wd-global-text)}.wd-btn{font-family:inherit;font-size:14.5px;font-weight:700;color:var(--text);background:var(--wd-btn-bg);border:var(--wd-btn-border);border-radius:12px;padding:11px 18px;cursor:pointer;transition:transform .1s,background .15s}.wd-btn:hover{background:var(--wd-btn-hover-bg)}.wd-btn:active{transform:scale(.97)}.wd-btn-primary{background:var(--wd-btn-primary-bg);border:none;box-shadow:var(--wd-btn-primary-shadow)}.wd-btn-success{background:var(--wd-btn-success-bg);border:none;box-shadow:var(--wd-btn-success-shadow);color:var(--wd-btn-success-text)}.wd-btn-success:hover{background:var(--wd-btn-success-hover-bg)}.wd-btn-secondary{background:var(--wd-btn-secondary-bg);border:var(--wd-btn-secondary-border);color:var(--text)}.wd-btn-secondary:hover{background:var(--wd-btn-secondary-hover-bg)}.wd-btn-lg{padding:13px 22px;font-size:15.5px;font-weight:800}.wd-btn-ghost{background:transparent;color:var(--text-dim)}.wd-btn-block{width:100%}.wd-countdown{text-align:center;font-size:13px;color:var(--text-dim);font-variant-numeric:tabular-nums}@media(max-width:480px){.wd-icon-btn svg{width:18px;height:18px}.wd-lang-btn{font-size:11px;font-weight:600}.wd-title{font-size:16px;letter-spacing:.02em}.wd-sub-row{font-size:10px;gap:4px}.wd-mode-tag{padding:1px 5px;font-size:9.5px}.wd-hint-card{margin:6px auto 4px;padding:7px 10px;font-size:12.5px;line-height:1.45;border-radius:10px}.wd-diff-row{gap:5px;margin-top:6px}.wd-diff-trigger{min-height:33px;font-size:11px;padding:4px 8px;border-radius:9px;gap:5px}.wd-diff-opt{min-height:33px;font-size:11px;padding:6px 8px}.wd-diff-tag{width:17px;height:17px;font-size:10.5px;border-radius:5px}.wd-diff-title,.wd-diff-status{font-size:11px}.wd-main{padding:8px 0 14px;flex-basis:0%}.wd-board{gap:6px;max-width:min(100%,calc(var(--cols) * 56px + (var(--cols) - 1) * 6px))}.wd-row{gap:6px}.wd-tile{border-radius:8px}.wd-input-row,.wd-end-panel{max-width:min(100%,calc(var(--cols) * 56px + (var(--cols) - 1) * 6px));margin-top:14px}.wd-input{height:44px;font-size:18px;border-radius:10px}.wd-submit-btn{height:44px;min-width:72px;font-size:14px;border-radius:10px;padding:0 14px}}@media(max-width:360px){.wd-icon-btn svg{width:16px;height:16px}.wd-lang-btn{font-size:10px}.wd-title{font-size:14px}.wd-sub-row{font-size:9px;gap:3px}.wd-mode-tag{padding:0 4px;font-size:9px}.wd-hint-card{margin:4px auto 2px;padding:5px 8px;font-size:11.5px;line-height:1.4}}@media(max-height:720px){.wd-title{font-size:16px}.wd-hint-card{margin:4px auto 2px;padding:6px 10px;font-size:12px;line-height:1.4}.wd-main{padding:6px 0 10px}.wd-board{gap:5px;max-width:min(100%,calc(var(--cols) * 48px + (var(--cols) - 1) * 5px))}.wd-row{gap:5px}.wd-tile{font-size:clamp(17px,5vw,22px);border-radius:7px}.wd-input-row,.wd-end-panel{max-width:min(100%,calc(var(--cols) * 48px + (var(--cols) - 1) * 5px));margin-top:10px}.wd-input{height:40px;font-size:16px}.wd-submit-btn{height:40px;min-width:64px;font-size:13px}}@media(max-height:600px){.wd-hint-card{margin:3px auto 2px;padding:4px 8px;font-size:11.5px;line-height:1.35}.wd-main{padding:4px 0 8px}.wd-board{gap:4px;max-width:min(100%,calc(var(--cols) * 42px + (var(--cols) - 1) * 4px))}.wd-row{gap:4px}.wd-tile{font-size:clamp(15px,4.5vw,19px);border-radius:6px}.wd-input-row,.wd-end-panel{max-width:min(100%,calc(var(--cols) * 42px + (var(--cols) - 1) * 4px));margin-top:6px}.wd-input{height:36px;font-size:15px}.wd-submit-btn{height:36px;min-width:58px;font-size:12px}}@media(prefers-reduced-motion:reduce){@layer accessibility{.wd-tile,.wd-row,.wd-modal-box,.wd-btn,.wd-icon-btn{animation:none!important;transition:none!important}}}.wd-home-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}@media(min-width:1024px){.wd-shell{--wd-avail-h: max(160px, calc(100dvh - 304px) )}.wd-main{max-width:352px;row-gap:0}.wd-board-wrap,.wd-input-row,.wd-end-panel{flex:0 0 auto}.wd-board,.wd-input-row,.wd-end-panel{max-width:min(calc(296px + (var(--cols) - 4) * 56px),calc(var(--cols) * (var(--wd-avail-h) - 40px) / 6 + (var(--cols) - 1) * 8px))}.wd-board,.wd-row{gap:8px}.wd-tile{border-radius:12px;font-size:32px}.wd-input-row,.wd-end-panel{margin-top:20px}.wd-input{height:50px;font-size:22px}.wd-submit-btn{height:50px;min-width:90px;font-size:16px}}.wd-shell{--frame-max-wide: 600px}