.laundry-page{max-width:1240px;margin:22px auto;padding:0 14px;color:#483b55}.laundry-page>h1{font-size:30px;margin:0 0 8px}.laundry-page>.kids-seo-lead{margin:0 0 20px}#host{container-type:inline-size;position:relative;isolation:isolate;aspect-ratio:16/9;overflow:hidden;background:#d9c9e5 url('./assets/room.webp') center/cover;border:4px solid #ac95bd;border-radius:20px;box-shadow:0 12px 30px #59496b2d;color:#483b55;font-family:'Zen Maru Gothic',sans-serif}#host *{box-sizing:border-box}#host [hidden]{display:none!important}#host p,#host h2{margin:0}#base{height:100%;display:flex;flex-direction:column}#host button{font:900 clamp(12px,1.5cqw,22px)/1.25 'Zen Maru Gothic',sans-serif;min-height:36px;border:2px solid #b8a6c0;border-radius:12px;padding:.55em .7em;background:#fff8e8;color:#483b55;box-shadow:0 3px 0 #766c6b30;cursor:pointer;touch-action:manipulation}#host button:focus-visible{outline:4px solid #5a549d;outline-offset:3px}#host button:hover{filter:brightness(1.035)}#host button:disabled{cursor:default}#host .primary{color:#fff9e6;background:#c66624;border-color:#aa531b}#host b,#host strong#number{font-family:'Fredoka',sans-serif}.laundry-top{height:10%;min-height:46px;background:#fff6e3dc;border-bottom:2px dashed #b6a087;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 2%}.laundry-top>strong{font-size:2cqw;white-space:nowrap}.laundry-top nav{display:flex;gap:8px}.laundry-top button{font-size:1.25cqw!important;min-height:32px!important;padding:.4em .65em!important}#cover{flex:1;min-height:0;display:grid;grid-template-rows:18% 9% minmax(0,1fr) 14% 6%;gap:3%;padding:2% 8% 3%;text-align:center}#cover h2{font-size:4.4cqw;line-height:1.1;align-self:center;background:#fff5db;border:2px dashed #b9a282;border-radius:8px;padding:1%}#cover em{font-style:normal;color:#33725a}.intro{font-size:2cqw}.cover-middle{display:grid;grid-template-columns:30% minmax(0,1fr) 30%;align-items:center;min-height:0;gap:2%}.example{padding:2%;border-radius:10px;background:#fffaf0e8}.sample-pair{display:flex;align-items:center;justify-content:center}.sample-pair img{width:33%;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply}.example:first-child .sample-pair img{width:40%}.example p{font-size:1.6cqw;font-weight:900}.ranges{display:flex;flex-direction:column;gap:7px}#cover-ranges{padding:0 5%}#cover-ranges button{font-size:2.25cqw;min-height:0;padding:.25em}#host .ranges button[aria-pressed=true]{background:#d5eee0;border-color:#4d896a;color:#22513b;box-shadow:0 0 0 2px #fff9df}#start{width:60%;justify-self:center;font-size:2.3cqw!important;padding:.3em!important;min-height:0!important}#ready-note{font-size:1.2cqw;align-self:center}#match{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 21%;gap:2%;padding:2% 4% 3%}#sorting-floor{min-height:0;display:grid;grid-template-rows:38% 20% minmax(0,1fr);gap:2%}.number-area{display:flex;align-items:center;justify-content:center;min-height:0;gap:4%}#number-tag{height:100%;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20% 8% 6%;position:relative;background:url('./assets/tag.webp') center/100% 100%;border-radius:12px;flex-shrink:0}#number-tag>span{position:absolute;top:24%;font-size:1.1cqw;white-space:nowrap}#number{position:absolute;top:31%;font-size:7.7cqw;line-height:1.1;letter-spacing:-.03em;color:#342d3e}.pair-guide{background:#fff8e9e6;border:2px dashed #cbb999;border-radius:10px;max-width:56%;padding:2%;text-align:center}#pair-caption{font-size:2cqw;line-height:1.3}#tens-note{font-size:1.15cqw;line-height:1.6;margin-top:6px!important}#feedback{font-size:1.5cqw;font-weight:900;margin-top:8px!important;line-height:1.4;color:#634978}#host[data-answer=correct] #feedback{color:#276746}#host[data-answer=try] #feedback{color:#8b4627}#sock-rack{display:flex;align-items:center;justify-content:center;gap:2%;min-height:0;background:#fffaf0;border:2px solid #d7be9c;border-radius:12px;padding:1% 2%}.sock-pair{width:18%;flex-shrink:0;display:flex;justify-content:center;align-items:center;border-bottom:3px solid #79a18d;border-radius:0 0 7px 7px}.sock-pair.single{border-color:#d89348}.sock-pair img{width:50%;height:auto;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply}.zero-socks{font-size:1.6cqw;font-weight:900}#bins{display:flex;justify-content:center;align-items:center;gap:7%;min-height:0}#bins button{aspect-ratio:1;height:100%;width:auto;max-width:45%;min-height:0;padding:0;border:0;border-radius:15px;background:#fffaf0 url('./assets/baskets.webp') 0 50%/200% 100%;position:relative;box-shadow:0 3px 0 #8a79623d}#bins button[data-kind=odd]{background-position:100% 50%}#bins button>span{position:absolute;left:22%;right:22%;top:41%;height:30%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}#bins b{font-family:inherit;font-size:1.7cqw;white-space:nowrap}#bins small{font-size:1.8cqw;font-weight:900;line-height:1.1;white-space:nowrap}#bins button[data-correct=true]{outline:4px solid #387655;outline-offset:2px}.laundry-side{display:flex;flex-direction:column;justify-content:space-between;gap:2%;padding:4% 7%;background:#fff6e4ed;border:2px dashed #bcac90;border-radius:12px;min-height:0}.stats{display:grid;gap:9px;text-align:center}.stats>span{font-size:1.2cqw;font-weight:900;border:1px solid #cfc2a8;border-radius:9px;background:#e4d9ed;padding:3px}.stats>span:nth-child(2){background:#dcecdc}.stats>span:nth-child(3){background:#f8ddbe}.stats b{display:block;font-size:2.55cqw;line-height:1.15}.laundry-side .ranges button{font-size:1.25cqw;min-height:28px;padding:.25em}.side-actions{display:grid;gap:8px}.side-actions button{font-size:1.15cqw!important;min-height:32px!important;padding:.35em!important}.rule-note{font-size:1.05cqw;line-height:1.4;text-align:center}#review{flex:1;min-height:0;display:grid;grid-template-rows:11% minmax(0,1fr) 7% 12% 5%;gap:2%;padding:2% 10%}#review>h2{text-align:center;font-size:3.1cqw;background:#fff6df;border-radius:10px;border:2px dashed #bea884;line-height:1.5}.review-main{display:grid;grid-template-columns:30% minmax(0,1fr);gap:7%;min-height:0;align-items:center}.review-stats{gap:14px}.review-stats>span{font-size:1.5cqw;padding:7px}.review-stats b{font-size:3.6cqw}#review-tags{height:100%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:4%;min-height:0}.review-tag{position:relative;background:url('./assets/tag.webp') center/contain no-repeat;aspect-ratio:1;min-height:0;height:100%;max-width:100%;justify-self:center;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:16%;text-align:center}.review-tag b,.review-tag span,.review-tag small{position:absolute;left:13%;right:13%;line-height:1.1}.review-tag b{top:31%;font-size:2.9cqw}.review-tag span{top:57%;font-size:1.2cqw;font-weight:900}.review-tag small{top:72%;font-size:1cqw;color:#ac481c;font-weight:900}.review-tag[data-ok=false] small{color:#574e96}#no-record{grid-column:1/-1;grid-row:1/-1;align-self:center;text-align:center;font-size:2cqw;background:#fff6e2;padding:20px;border-radius:12px}#review-pager{display:flex;align-items:center;justify-content:center;gap:14px}#review-pager button{min-height:24px;padding:1px 12px;font-size:1.2cqw}#record-page{font-size:1.2cqw}.review-actions{display:flex;gap:10px;justify-content:center}.review-actions button{min-height:0;min-width:20%;padding:.3em}.review-actions .primary{min-width:40%;font-size:2.2cqw!important}.review-note{text-align:center;font-size:1.05cqw}.parent-note{font-size:14px;line-height:1.9;margin:20px 0}#modal{position:absolute;inset:0;padding:3%;background:#43344b88;display:grid;place-items:center;z-index:5}.dialog{background:#fff8e9;border:3px solid #af95bc;border-radius:15px;width:68%;padding:3%;max-height:100%;overflow:auto}.dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.dialog h2{font-size:2.4cqw}#dialog-content{display:grid;gap:12px}.dialog p,.dialog label{font-size:1.6cqw;line-height:1.7}.dialog small{font-size:1.1cqw;line-height:1.8}.dialog input{min-height:42px;width:100%}#host:fullscreen{width:100vw;height:100dvh;aspect-ratio:auto;border:0;border-radius:0}#host:fullscreen #base{position:absolute;inset:0;margin:auto;width:min(100vw,177.778dvh);height:min(100dvh,56.25vw)}
@media(max-width:600px) and (orientation:portrait){#host{aspect-ratio:9/22;border-width:3px;border-radius:14px}.laundry-page>h1{font-size:25px}.laundry-top{height:10%;min-height:72px;flex-direction:column;justify-content:center;gap:5px;padding:4px}.laundry-top>strong{font-size:4.5cqw}.laundry-top nav{gap:4px}.laundry-top button{font-size:11px!important;padding:.35em .4em!important;min-height:32px!important}#cover{grid-template-rows:13% 8% minmax(0,1fr) 14% 8%;gap:3%;padding:5% 7%}#cover h2{font-size:6.5cqw;white-space:nowrap;padding:5% 2%}.intro{font-size:4.5cqw}.cover-middle{grid-template-columns:1fr 1fr;grid-template-rows:47% minmax(0,1fr);gap:7% 6%}.example{padding:6% 2%}.example p{font-size:3.7cqw}.example:first-child{grid-row:1;grid-column:1}.example:last-child{grid-row:1;grid-column:2}#cover-ranges{grid-row:2;grid-column:1/3;padding:0;gap:7px}#cover-ranges button{font-size:5.5cqw;min-height:36px;padding:.15em}#start{width:100%;font-size:5.6cqw!important}#ready-note{font-size:clamp(10px,3.5cqw,15px)}#match{grid-template-columns:1fr;grid-template-rows:72% minmax(0,1fr);gap:3%;padding:4% 5% 6%}#sorting-floor{grid-template-rows:40% 20% minmax(0,1fr);gap:3%}.number-area{gap:4%}#number-tag{max-width:48%;height:auto;width:45%;aspect-ratio:1;padding:0}#number-tag>span{font-size:2.9cqw;top:25%}#number{font-size:17cqw;top:33%}.pair-guide{max-width:51%;padding:4% 3%}#pair-caption{font-size:clamp(12px,4cqw,18px)}#tens-note{font-size:clamp(10px,3cqw,14px);line-height:1.4}#feedback{font-size:clamp(11px,3.7cqw,17px);line-height:1.4;margin-top:5px!important}#sock-rack{padding:1% 2%;gap:2%;border-radius:9px}.sock-pair{border-bottom-width:2px}.zero-socks{font-size:4cqw}#bins{gap:8%}#bins button{height:auto;width:44%;max-width:44%;max-height:100%;border-radius:9px}#bins b{font-size:3.8cqw}#bins small{font-size:4.5cqw}#bins button>span{gap:2px}.laundry-side{padding:3%;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:37% 24% minmax(0,1fr);gap:5%;border-radius:10px}.laundry-side .stats{grid-template-columns:repeat(3,1fr);gap:5px}.stats>span{font-size:clamp(10px,3cqw,14px);padding:1px}.stats b{font-size:5.3cqw}.laundry-side .ranges{flex-direction:row;gap:5px}.laundry-side .ranges button{flex:1;font-size:3.5cqw;min-height:24px;padding:.15em}.side-actions{grid-template-columns:1fr 1fr;gap:6px}.side-actions button{font-size:clamp(10px,3.2cqw,14px)!important;min-height:28px!important;padding:1px!important}.rule-note{display:none}#review{grid-template-rows:10% minmax(0,1fr) 8% 12% 5%;gap:3%;padding:5% 8%}#review>h2{font-size:5.3cqw;line-height:1.6;align-self:center}.review-main{grid-template-columns:1fr;grid-template-rows:23% minmax(0,1fr);gap:5%}.review-stats{grid-template-columns:repeat(3,1fr);gap:5px}.review-stats>span{font-size:3.4cqw;padding:4px}.review-stats b{font-size:6.5cqw}#review-tags{gap:5%}.review-tag{width:100%;height:auto;aspect-ratio:1;max-height:100%;padding-top:17%}.review-tag b{font-size:7.5cqw}.review-tag span{font-size:clamp(10px,3.2cqw,15px)}.review-tag small{font-size:clamp(9px,3cqw,14px)}#no-record{font-size:4cqw;padding:15px}#review-pager{gap:8px}#review-pager button{font-size:3.5cqw;min-height:30px}#record-page{font-size:3.5cqw}.review-actions{flex-wrap:wrap;gap:5px}.review-actions button{font-size:3.6cqw;min-height:30px;flex:1}.review-actions .primary{flex-basis:100%;font-size:4.7cqw!important;min-height:36px}.review-note{font-size:3cqw}.dialog{width:98%;padding:5%;max-height:96%}.dialog h2{font-size:5.5cqw}.dialog p,.dialog label{font-size:4cqw}.dialog small{font-size:3.2cqw}.dialog button{font-size:4cqw!important}#host:fullscreen #base{position:relative;width:100%;height:100%}}
@media(min-width:601px) and (max-width:1000px){.laundry-top button{font-size:clamp(11px,1.2cqw,15px)!important;min-height:28px!important}.laundry-side{padding:3% 6%;gap:2%}.stats{gap:4px}.stats>span{font-size:11px}.stats b{font-size:2.2cqw}.laundry-side .ranges{gap:5px}.laundry-side .ranges button{min-height:25px;font-size:11px}.side-actions{gap:5px}.side-actions button{min-height:27px!important;font-size:11px!important}.rule-note{display:none}.dialog p{font-size:14px}.dialog small{font-size:12px}}
@media(prefers-reduced-motion:reduce){#host *{scroll-behavior:auto}}