/* classroomwordsearch: accessible color tokens, fluid layout, no remote dependencies. */
:root{color-scheme:light;--page:#f8f6fc;--panel:#fff;--ink:#302643;--muted:#635a72;--purple:#6544b5;--purple-ink:#57349f;--lavender:#f0eafa;--border:#dcd3ea;--control:#887799;--board:#f5f1fb;--tile:#fff;--found:#d3efde;--found-ink:#20583c;--selected:#ffe49b;--selected-ink:#4c3512;--hint:#b65c08;--focus:#2c5eca;--tip:#fff3d8;--shadow:0 5px 0 #eae4f1;--radius:24px;--cell-min:28px;--cell-font:clamp(1rem,2.3vw,1.5rem)}
*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--ink);font-family:ui-rounded,'Trebuchet MS',Arial,sans-serif;font-size:16px;line-height:1.55}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a,select,input,summary{touch-action:manipulation}button,select,summary{cursor:pointer}button{line-height:1.3}a{color:var(--purple-ink)}button{color:inherit}button:disabled{cursor:default;opacity:.65}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--focus);outline-offset:4px}h1,h2,h3,p{margin-top:0}h2,h3{line-height:1.25}h2{font-size:1.45rem}p{margin-bottom:1rem}fieldset{min-width:0;border:0;margin:0;padding:0}[hidden]{display:none!important}.wrap{width:min(1120px,calc(100% - 64px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:16px;top:-100px;padding:12px 20px;background:var(--panel);color:var(--ink);z-index:20;border:2px solid var(--focus);border-radius:12px}.skip-link:focus{top:12px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:26px 18px;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none;font-weight:900;font-size:1.8rem;letter-spacing:-1px;line-height:1.15}.brand-accent{color:var(--purple)}.brand small{display:block;font-size:.68rem;letter-spacing:.15px;font-weight:600;margin-top:5px;color:var(--muted)}.brand-mark{position:relative;display:grid;place-items:center;background:var(--purple);color:#fff;width:48px;height:48px;flex:none;border-radius:15px;transform:rotate(-7deg);font-size:2rem}.brand-mark span{position:absolute;right:-5px;top:-7px;font-size:1.2rem;color:#b57800;text-shadow:1px 1px 0 var(--page)}.header-actions{display:flex;gap:8px;flex-wrap:wrap}.quiet-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:7px;background:transparent;border:1px solid transparent;border-radius:12px;padding:9px 12px;font-size:.88rem;font-weight:700}.quiet-button:hover{background:var(--lavender);border-color:var(--border)}.quiet-button>span:first-child{font-size:1.3rem;line-height:1}.help-icon{display:inline-grid;place-items:center;width:19px;height:19px;border:1.7px solid currentColor;border-radius:50%;font-size:.85rem!important}.hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:32px 30px 30px}.eyebrow{color:var(--purple-ink);font-size:.7rem;font-weight:800;letter-spacing:1.5px;margin-bottom:9px}.hero h1{font-size:clamp(2.3rem,4.5vw,3.4rem);line-height:1.06;letter-spacing:-1.8px;margin-bottom:16px}.hero h1 span{color:var(--purple)}.hero p:last-child{color:var(--muted);font-size:.95rem;margin-bottom:0}.hero-art{width:330px;position:relative;flex:none}.hero-art svg{display:block;width:100%}.art-label{display:block;text-align:center;font-size:.73rem;color:var(--purple-ink);font-weight:700;transform:rotate(-3deg)}.setup-panel{display:grid;grid-template-columns:minmax(180px,1fr) minmax(350px,1.7fr) auto;gap:24px;align-items:end;background:var(--panel);border:1px solid var(--border);border-radius:20px;padding:20px 24px;margin-bottom:26px;box-shadow:0 3px 0 #ece6f3}.field-label{display:block;font-size:.78rem;font-weight:800;margin-bottom:9px}.level-field legend{padding:0}select{width:100%;min-height:50px;max-width:100%;border:1.5px solid var(--control);border-radius:11px;background:var(--panel);color:var(--ink);padding:10px 30px 10px 12px;font-size:.9rem;font-weight:700}.level-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.level-options label{position:relative;cursor:pointer}.level-options input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}.level-options span{display:block;text-align:center;border:1px solid var(--control);border-radius:11px;padding:7px 9px;font-size:.8rem;font-weight:800;line-height:1.3;min-height:50px}.level-options small{display:block;font-size:.65rem;font-weight:400;margin-top:3px}.level-options input:checked+span{background:var(--lavender);border:2px solid var(--purple);color:var(--purple-ink);padding:6px 8px}.level-options input:focus-visible+span{outline:3px solid var(--focus);outline-offset:3px}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:12px 18px;border-radius:12px;font-weight:800;font-size:.87rem;border:2px solid var(--purple);text-decoration:none}.primary-button{background:var(--purple);color:#fff;box-shadow:0 3px 0 var(--purple-ink)}.primary-button:hover{filter:brightness(.93)}.secondary-button{background:var(--panel);color:var(--purple-ink);border-color:var(--control)}.secondary-button:hover{background:var(--lavender)}.new-puzzle{min-height:50px;white-space:nowrap}.game-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:26px;align-items:start}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.board-card{padding:25px 28px;min-width:0;scroll-margin-top:18px}.board-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.board-heading h2{font-size:1.7rem;letter-spacing:-.6px;margin-bottom:6px;overflow-wrap:anywhere}.board-heading .eyebrow{font-size:.65rem;margin-bottom:6px}.adventure-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:var(--lavender);font-size:1.6rem;flex:none}.board-instructions{font-size:.83rem;color:var(--muted);margin-bottom:18px}.grid-scroll{max-width:100%;overflow:auto;padding:6px;border:1px solid var(--border);border-radius:17px;background:var(--board);scrollbar-color:var(--control) var(--board);overscroll-behavior-x:contain;touch-action:pan-x pan-y pinch-zoom}.letter-grid{display:grid;gap:3px;width:100%;min-width:var(--grid-min,250px);user-select:none;-webkit-user-select:none;touch-action:pan-x pan-y pinch-zoom}.grid-row{display:grid;grid-template-columns:repeat(var(--size,8),minmax(var(--cell-min),1fr));gap:3px}.letter{position:relative;aspect-ratio:1;min-width:var(--cell-min);min-height:var(--cell-min);border:1px solid transparent;border-radius:9px;background:var(--tile);color:var(--ink);font-size:var(--cell-font);font-weight:800;line-height:1;padding:0;display:grid;place-items:center;touch-action:pan-x pan-y pinch-zoom}.letter:hover{border-color:var(--control);background:var(--lavender)}.letter.is-found{background:var(--found);color:var(--found-ink);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.letter.is-selected{background:var(--selected);color:var(--selected-ink);border:2px solid var(--selected-ink)}.letter.is-start:after{content:'';position:absolute;width:5px;height:5px;border-radius:50%;background:currentColor;bottom:3px;left:3px}.letter.is-hint{outline:3px dashed var(--hint);outline-offset:-3px}.letter:focus-visible{z-index:1;outline:3px solid var(--focus);outline-offset:-3px}.selection-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:6px 0 2px}.selection-bar p{font-size:.75rem;color:var(--muted);margin:0;overflow-wrap:anywhere}.text-button{min-height:44px;min-width:44px;padding:9px 3px;border:0;background:transparent;color:var(--purple-ink);text-decoration:underline;text-underline-offset:3px;font-size:.76rem;font-weight:700}.feedback{background:var(--lavender);color:var(--purple-ink);border-radius:12px;padding:12px 15px;font-size:.86rem;font-weight:700;overflow-wrap:anywhere;min-height:50px}.feedback.success{background:var(--found);color:var(--found-ink)}.board-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:17px}.small-note{font-size:.75rem;color:var(--muted);line-height:1.55}.board-actions>.small-note{max-width:150px;margin:0}.sidebar{min-width:0;display:grid;gap:20px}.word-card{padding:24px}.list-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px}.list-heading h2{font-size:1.22rem;margin:0;letter-spacing:-.3px}.count-badge{border-radius:9px;background:var(--lavender);color:var(--purple-ink);padding:5px 10px;font-size:.85rem;font-weight:800;white-space:nowrap}progress{display:block;width:100%;height:10px;appearance:none;-webkit-appearance:none;border:0;border-radius:20px;overflow:hidden;background:var(--lavender);accent-color:var(--purple)}progress::-webkit-progress-bar{background:var(--lavender);border-radius:20px}progress::-webkit-progress-value{background:var(--purple);border-radius:20px}progress::-moz-progress-bar{background:var(--purple)}#progress-caption{margin-block:9px 18px}.word-list{list-style:none;display:grid;gap:9px;padding:0;margin:0}.word-item{display:flex;align-items:center;gap:10px;background:var(--board);border:1px solid var(--border);border-radius:11px;padding:11px 14px;font-size:.9rem;font-weight:800;letter-spacing:.8px;min-height:46px;overflow-wrap:anywhere}.word-item .word-label{min-width:0}.word-check{display:grid;place-items:center;flex:none;width:19px;height:19px;border:1.5px solid var(--control);border-radius:50%;font-size:.75rem}.word-item.found{background:var(--found);color:var(--found-ink);border-color:var(--found-ink)}.word-item.found .word-label{text-decoration:line-through}.word-item.found .word-check{border-color:var(--found-ink)}.list-tip{display:flex;gap:8px;align-items:center;border-top:1px solid var(--border);padding-top:16px;margin:20px 0 0;font-size:.76rem;color:var(--muted)}.list-tip>span:first-child{font-size:1.5rem;color:var(--purple-ink)}.tip-card{display:flex;gap:14px;background:var(--tip);border:1px solid var(--border);padding:21px;border-radius:20px}.tip-card h2{font-size:.95rem;margin-bottom:8px}.tip-card p{font-size:.82rem;margin-bottom:10px}.tip-card div>span{font-size:.72rem;font-weight:800}.tip-spark{font-size:1.8rem;color:#865300}.coordinate-tool{font-size:.8rem;border:1px solid var(--border);background:var(--panel);border-radius:14px;padding:5px 16px}.coordinate-tool summary{padding:11px 0;min-height:44px;font-weight:700}.coordinate-tool p{margin-top:8px}.coordinate-tool fieldset{display:flex;gap:12px;margin-bottom:12px}.coordinate-tool legend{font-weight:800;padding:0;margin-bottom:6px}.coordinate-tool label{display:block;flex:1;min-width:0}.coordinate-tool input{display:block;width:100%;min-height:44px;margin-top:4px;border-radius:7px;border:1px solid var(--control);background:var(--panel);color:var(--ink);padding:8px}.coordinate-tool button{margin-bottom:12px;width:100%}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:.7rem;color:var(--muted);padding-block:28px 34px}.site-footer b{font-weight:700}.celebration{margin-top:20px;padding:24px 18px;text-align:center;border:2px solid var(--purple);border-radius:18px;background:var(--lavender);animation:celebrate .35s ease-out}.celebration>span{display:block;font-size:2rem;letter-spacing:8px;color:var(--purple-ink)}.celebration h3{font-size:1.5rem;margin:10px 0}.celebration p{font-size:.9rem}.celebration .primary-button{margin-top:6px}@keyframes celebrate{from{transform:translateY(8px);opacity:.4}to{transform:translateY(0);opacity:1}}dialog{width:min(530px,calc(100% - 32px));max-height:calc(100% - 40px);padding:28px;border:1px solid var(--border);border-radius:24px;background:var(--panel);color:var(--ink);box-shadow:0 20px 80px #21133340;overflow:auto}dialog::backdrop{background:#21133399}dialog p{font-size:.9rem;color:var(--muted)}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.dialog-header h2{margin:0;font-size:1.5rem}.close-button{background:var(--lavender);border:1px solid var(--control);border-radius:50%;width:44px;height:44px;flex:none;font-size:1.5rem}.check-option{display:flex;gap:12px;align-items:flex-start;cursor:pointer;padding-block:20px;border-bottom:1px solid var(--border);font-weight:800;font-size:.95rem}.check-option input{width:24px;height:24px;flex:none;margin:1px 0 0;accent-color:var(--purple)}.check-option small{display:block;font-size:.78rem;color:var(--muted);font-weight:400;margin-top:4px}dialog .small-note{margin-block:16px;font-size:.78rem}.help-steps{padding-left:25px}.help-steps li{padding-left:5px;margin-bottom:14px}.help-steps li::marker{color:var(--purple-ink);font-weight:800}.help-steps p{margin:4px 0}dialog h3{font-size:1rem}kbd{display:inline-block;border:1px solid var(--control);border-radius:5px;padding:1px 5px;background:var(--board);font:inherit;font-size:.8rem;color:var(--ink)}.dialog-actions{display:flex;flex-wrap:wrap;gap:12px}input[type=file]{display:block;width:100%;border:1px solid var(--control);border-radius:10px;padding:10px;font-size:.8rem}input::file-selector-button{min-height:44px;border:1px solid var(--control);border-radius:6px;background:var(--lavender);color:var(--ink);padding:8px;margin-right:10px}.noscript{padding:24px;border:2px solid;margin:20px}
.setup-panel>*{min-width:0}
#setup-disclosure>summary{display:none}
:root[data-large=true]{--cell-min:42px;--cell-font:1.65rem}
:root[data-theme=light]{--page:#fff;--panel:#fff;--ink:#101010;--muted:#282828;--purple:#27205b;--purple-ink:#27205b;--lavender:#eae8f5;--border:#666;--control:#444;--board:#eee;--tile:#fff;--found:#d2efdc;--found-ink:#052d17;--selected:#ffdf70;--selected-ink:#111;--hint:#713000;--focus:#0034b0;--tip:#fff5d9;--shadow:none}
:root[data-theme=dark]{color-scheme:dark;--page:#101019;--panel:#181824;--ink:#fff;--muted:#e0dfea;--purple:#d5c4ff;--purple-ink:#eadfff;--lavender:#34304b;--border:#8e899f;--control:#aaa5bb;--board:#242330;--tile:#181824;--found:#154732;--found-ink:#e7fff1;--selected:#ffe08a;--selected-ink:#16110a;--hint:#ffe08a;--focus:#9cdaff;--tip:#292733;--shadow:none}
:root[data-theme=dark] .primary-button,:root[data-theme=dark] .brand-mark{color:#171024;box-shadow:none}:root[data-theme=dark] .tip-spark{color:#ffe08a}:root:not([data-theme=playful]) .letter{border-color:var(--control)}:root:not([data-theme=playful]) .hero-art{display:none}:root:not([data-theme=playful]) .setup-panel{box-shadow:none}
:root[data-motion=reduced] *, :root[data-motion=reduced] *::before,:root[data-motion=reduced] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(min-width:1500px){.hero{padding-block:40px}}
@media(max-width:1000px){.wrap{width:calc(100% - 40px)}.setup-panel{grid-template-columns:1fr 1.8fr;gap:16px}.new-puzzle{grid-column:1/-1;justify-self:end}.hero{padding-inline:10px}.game-layout{gap:20px;grid-template-columns:minmax(0,1.55fr) minmax(260px,1fr)}.board-card{padding:22px}.word-card{padding:20px}.board-actions{align-items:flex-start;flex-direction:column;gap:10px}.board-actions>.small-note{max-width:none}.hero-art{width:280px}}
@media(max-width:760px){.site-header{flex-wrap:wrap;gap:15px;padding-block:20px 14px}.header-actions{gap:3px}.quiet-button{font-size:.8rem;padding-inline:8px}.hero{padding-block:25px;gap:8px}.hero h1{font-size:2.5rem}.hero-art{width:230px}.hero p:last-child{font-size:.85rem}.setup-panel{grid-template-columns:1fr;gap:18px;padding:18px}.new-puzzle{grid-column:auto;width:100%;justify-self:stretch}.game-layout{display:flex;flex-direction:column}.board-card{width:100%}.sidebar{width:100%;grid-template-columns:1fr}.word-list{grid-template-columns:repeat(2,minmax(0,1fr))}.word-card{padding:20px}.board-actions{flex-direction:row;align-items:center}.board-actions>.small-note{max-width:150px}.site-footer{flex-direction:column;gap:7px;text-align:center}.letter-grid{max-width:560px;margin-inline:auto}.sidebar{order:-1}.tip-card{display:none}.coordinate-tool{order:2}.word-card{box-shadow:none}.word-card .list-tip{margin-top:14px;padding-top:10px}.word-list{gap:7px}.word-item{font-size:.8rem;padding:8px 12px;min-height:40px}.word-card #progress-caption{margin-bottom:12px}.word-card .list-heading{margin-bottom:12px}.coordinate-tool:not([open]){margin-top:-10px}.game-layout{gap:18px}.card{border-radius:20px}}
@media(max-width:480px){.wrap{width:calc(100% - 24px)}.brand{font-size:1.65rem}.brand-mark{width:43px;height:43px}.header-actions{justify-content:space-between;width:100%}.quiet-button{font-size:.78rem;gap:5px}.hero{padding:24px 6px}.hero h1{font-size:2.35rem;letter-spacing:-1.1px}.hero-art{display:none}.hero .eyebrow{font-size:.61rem;letter-spacing:1.2px}.desktop-break{display:none}.hero p:last-child{max-width:290px}.setup-panel{padding:16px;margin-bottom:18px}.level-options{gap:5px}.level-options span{font-size:.75rem;padding-inline:4px}.level-options input:checked+span{padding-inline:3px}.level-options small{font-size:.6rem}.board-card{padding:18px 13px}.board-heading h2{font-size:1.4rem}.board-instructions{font-size:.76rem}.grid-scroll{padding:4px;border-radius:12px}.letter-grid,.grid-row{gap:2px}.letter{border-radius:6px}.board-actions{align-items:flex-start;flex-direction:column;gap:8px}.board-actions>.small-note{max-width:none}.selection-bar{gap:6px}.selection-bar p{font-size:.7rem}.selection-bar button{font-size:.7rem}.feedback{font-size:.8rem}.word-card{padding:17px}.word-item{padding:8px;font-size:.78rem;gap:7px}.word-check{width:17px;height:17px}.count-badge{font-size:.8rem}.list-heading h2{font-size:1.12rem}dialog{padding:21px}.dialog-header h2{font-size:1.3rem}.dialog-actions>*{width:100%}}
@media(forced-colors:active){.letter,.word-item,button,select,input,.card,dialog{border:1px solid ButtonText}.letter.is-found,.word-item.found{border:2px solid LinkText;text-decoration:underline}.letter.is-selected{background:Highlight;color:HighlightText;forced-color-adjust:none}.letter.is-hint{outline:3px dashed Highlight}.letter:focus-visible{outline:3px solid Highlight}.primary-button{border:2px solid ButtonText}.level-options input:checked+span{border:3px solid Highlight}.hero-art{display:none}progress{border:1px solid CanvasText}}
@media(max-width:760px){.hero{display:none}#setup-disclosure{margin-block:16px}#setup-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;min-height:48px;border:1px solid var(--control);border-radius:12px;background:var(--panel);font-size:.9rem;font-weight:800}#setup-disclosure[open]>summary{margin-bottom:12px}#setup-disclosure>summary::marker,#setup-disclosure>summary::-webkit-details-marker{display:none}#setup-disclosure .setup-panel{margin-bottom:0}.word-card #progress-caption{display:none}.word-list{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px}.word-list.long-words{grid-template-columns:repeat(2,minmax(0,1fr))}.word-card .list-tip{font-size:.7rem}.word-card .list-tip>span:first-child{font-size:1.1rem}}