.word-sorting{color:#304951;background:0 0}.word-sorting button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}.word-sorting button:disabled{cursor:default;opacity:.6}.word-sorting :focus-visible{outline-offset:3px;outline:3px solid #a86423}.word-sorting .math-toolbar>div{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.word-sorting .math-choices.ws-three{grid-template-columns:repeat(3,minmax(0,1fr))}.word-sorting .math-choices.ws-topics{grid-template-columns:1fr}.ws-topic-note,.ws-start-note{color:#5d705f;margin:8px 0 0;font-size:16px;line-height:1.4}.ws-start-note{text-align:center}.ws-preview{min-width:0}.ws-preview>svg{max-height:310px}.ws-preview h2{font:700 42px var(--font-caveat),cursive;margin:20px 0 12px}.ws-preview>p{margin:15px 0;font-size:20px;line-height:1.5}.ws-match-head{justify-content:space-between;align-items:center;gap:16px;margin:16px 0;display:flex}.ws-match-head h1{font:700 46px/1 var(--font-caveat),cursive;margin:8px 0}.ws-match-head p{margin:6px 0}.ws-clock{white-space:nowrap;background:#fffaf0;border:2px solid #acb99c;border-radius:14px;padding:8px 16px;font-size:25px}.ws-clock.urgent{color:#98452e;border-color:#b2684c}.ws-axi{background:#edf0e2;border:1px dashed #9fb193;border-radius:15px;align-items:center;gap:12px;margin:12px 0;padding:9px 14px;font-size:17px;line-height:1.4;display:flex}.ws-axi img{object-fit:contain;flex:none;width:48px;height:48px}.ws-axi p{margin:0}.ws-axi b{color:#315d80;display:block}.ws-boards{align-items:start;gap:20px;display:grid}.ws-boards.duel{grid-template-columns:repeat(2,minmax(0,1fr))}.ws-boards.solo{max-width:850px;margin:auto}.ws-board{scrollbar-gutter:stable;background:#fffcf4;border:2px solid #7394a6;border-radius:18px 12px 21px 14px;min-width:0;padding:18px;box-shadow:4px 5px #315d8010}.ws-board>header{border-bottom:1px dashed #afbaab;justify-content:space-between;align-items:center;gap:8px;padding-bottom:10px;display:flex}.ws-board h2{font:700 31px/1.1 var(--font-caveat),cursive;color:#315d80;margin:0}.ws-board header strong{white-space:nowrap;font-size:29px}.ws-board header small{font-size:17px;font-weight:400}.ws-team-1{border-color:#b28a66}.ws-team-1 h2{color:#995d32}.ws-progress{justify-content:space-between;align-items:center;gap:10px;margin:10px 0;font-size:16px;display:flex}.ws-progress progress{accent-color:#68815b;width:30%;height:9px}.ws-instruction{margin:12px 0;font-size:18px;line-height:1.4}.ws-rule{background:#edf0df;border-left:3px solid #acb88b;border-radius:5px;margin:8px 0 14px;padding:10px 12px;font-size:16px;line-height:1.45}.ws-hint-toggle{background:0 0;border:0;border-bottom:1px dashed #8d9a78;min-height:44px;font-size:16px}.ws-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0 20px;display:grid}.ws-word{-webkit-user-select:none;user-select:none;background:#fff;border:2px solid #aab89e;border-radius:10px 15px 12px 10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:0;min-height:82px;padding:13px 7px;transition:background .18s,border-color .18s;display:flex;position:relative}.ws-word>span{overflow-wrap:anywhere;font-size:25px;line-height:1.25}.ws-word>small{color:#627260;font-size:12px}.ws-word.selected{background:#fff0c6;border-color:#b17b2d;box-shadow:0 0 0 2px #d9b663}.ws-word.wrong{background:#fbe7dc;border-style:dashed;border-color:#a45c3c}.ws-word.found{box-shadow:none;cursor:default;background:#e4efdd;border-color:#668957}.ws-word.found>small{color:#385b2f}.ws-shelves{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.ws-groups-3{grid-template-columns:repeat(3,minmax(0,1fr))}.ws-shelf{background:#f1ead7;border:1px solid #d6c39d;border-bottom:5px solid #ad956e;border-radius:10px 9px 5px 4px;min-width:0;padding:5px;transition:background .15s}.ws-shelf.over{background:#dceacb;outline:3px solid #71915d}.ws-shelf>button{background:#fff9e9;border:1px dashed #b5a17e;border-radius:9px;flex-direction:column;align-items:center;width:100%;min-height:73px;padding:6px 2px;display:flex}.ws-shelf b{font:700 34px/1.1 var(--font-caveat),cursive}.ws-shelf button span{margin-top:4px;font-size:13px;line-height:1.3}.ws-shelf ul{margin:8px 0 2px;padding:0;font-size:16px;line-height:1.5;list-style:none}.ws-shelf li{overflow-wrap:anywhere;color:#496141;padding:2px 4px}.ws-feedback{overflow-wrap:anywhere;background:#edf0e5;border-radius:10px;min-height:73px;margin:16px 0 0;padding:12px;font-size:17px;line-height:1.45}.ws-feedback.success{color:#365b3b;background:#e0ecd8}.ws-feedback.error{color:#83442d;background:#f8e5d7}.ws-keyboard{text-align:center;color:#5f705e;margin:22px 0 0;font-size:15px;line-height:1.5}.word-sorting .ws-primary{color:#fffdf4;background:#315d80;border:2px solid #274c67;border-radius:11px 9px 13px 10px;min-height:46px;padding:10px 17px;font-size:20px}.ws-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.ws-actions>button{background:#fffaf0;border:1px solid #99ac91;border-radius:10px;min-height:46px;padding:10px 16px}.ws-result{text-align:center;background:#fffcf4;border:2px solid #91a78a;border-radius:20px;max-width:880px;margin:30px auto;padding:30px}.ws-result h1{font:700 50px/1.1 var(--font-caveat),cursive;margin:15px 0 25px}.ws-results{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.ws-results>div{background:#e9eddf;border-radius:14px;flex:1;min-width:190px;padding:20px}.ws-results h2{font-size:27px}.ws-results strong{color:#315d80;font-size:32px}.ws-results p{margin:10px 0 0}.ws-result details{text-align:left;margin-top:24px;font-size:18px;line-height:1.5}.ws-result details li{overflow-wrap:anywhere;margin:12px 0}.ws-result summary{cursor:pointer;min-height:44px;font-size:21px}.ws-dialog{color:#304951;background:#fffaf0;border:2px solid #899f8a;border-radius:18px;max-width:min(520px,100% - 32px);margin:auto;padding:26px}.ws-dialog::backdrop{background:#263d43aa}.ws-dialog h2{font:700 34px var(--font-caveat),cursive;margin:0 0 16px}.ws-dialog p{margin-bottom:20px;font-size:19px;line-height:1.5}@media (min-width:761px){.ws-boards.duel .ws-board{overscroll-behavior-y:contain;max-height:78vh;overflow-y:auto}.word-sorting:fullscreen .ws-boards.duel .ws-board{min-height:280px;max-height:calc(100dvh - 275px)}.ws-boards.duel .ws-board>header{z-index:2;background:#fffcf4;padding-top:10px;position:sticky;top:-18px}}@media (max-width:1100px){.word-sorting .math-toolbar>span{display:none}.ws-board{padding:13px}.ws-word>span{font-size:22px}}@media (max-width:760px){.word-sorting{padding:20px 12px}.ws-boards.duel{grid-template-columns:minmax(0,1fr)}.ws-boards.duel .ws-board{overscroll-behavior-y:auto;max-height:85dvh;overflow-y:auto}.ws-boards.duel .ws-board>header{z-index:2;background:#fffcf4;padding-top:10px;position:sticky;top:-13px}.word-sorting .math-toolbar{flex-wrap:wrap;gap:10px}.word-sorting .math-toolbar button{padding:8px;font-size:14px}.word-sorting .math-heading h1{font-size:48px}.word-sorting .math-options{padding:20px 10px}.word-sorting .math-grades{grid-template-columns:repeat(2,minmax(0,1fr))}.word-sorting .math-options fieldset:first-child .math-grades{grid-template-columns:repeat(4,minmax(0,1fr))}.word-sorting .math-options fieldset:first-child button{padding:10px 2px;font-size:15px}.word-sorting .math-choices.ws-three button{padding:10px 4px;font-size:16px}.ws-match-head h1{font-size:35px}.ws-match-head{flex-wrap:wrap}.ws-clock{padding:8px 10px;font-size:19px}.ws-match-head .eyebrow{font-size:12px}.ws-axi{gap:9px;padding:9px;font-size:15px}.ws-axi img{width:42px;height:42px}.ws-preview>p{font-size:18px}.ws-preview h2{font-size:34px}.ws-cards{gap:8px}.ws-word>span{font-size:22px}.ws-result{padding:20px 12px}.ws-result h1{font-size:38px}.ws-keyboard,.ws-progress{font-size:14px}.ws-shelves{gap:8px}}@media (prefers-reduced-motion:reduce){.word-sorting *{scroll-behavior:auto!important;transition:none!important}}.word-sorting .ws-word{touch-action:none}.ws-drag-ghost{z-index:100;pointer-events:none;overflow-wrap:anywhere;background:#fff0c6;border:2px solid #a67935;border-radius:12px;max-width:80vw;padding:12px 20px;font-size:24px;position:fixed;transform:translate(-50%,-115%);box-shadow:3px 5px 10px #30495130}
