.toy-handbook-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.toy-handbook-card{padding:clamp(1.25rem,3vw,1.8rem);border:1px solid var(--kids-line);border-radius:1.35rem;background:#fff}.toy-handbook-card>span{color:#304a40;font-size:.75rem;font-weight:950}.toy-handbook-card h3{margin:.45rem 0 .7rem;font-size:clamp(1.25rem,2.8vw,1.65rem)}.toy-handbook-card>p{margin:0;color:var(--kids-muted);line-height:1.8}.toy-handbook-card ul{display:grid;gap:.5rem;margin:1rem 0;padding:0;list-style:none}.toy-handbook-card li{position:relative;padding-left:1.6rem;font-weight:750;line-height:1.7}.toy-handbook-card li:before{position:absolute;left:0;content:"✓";color:#304a40;font-weight:950}.toy-handbook-card aside{padding:.8rem .9rem;border-left:5px solid var(--article-color);border-radius:.7rem;background:var(--article-soft);font-weight:850;line-height:1.65}.toy-challenge-set{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.toy-challenge-card{padding:1.2rem;border:1px solid #cbd5df;border-radius:1.2rem}.toy-challenge-card header{display:grid;grid-template-columns:2.5rem minmax(0,1fr);gap:.75rem}.toy-challenge-card header>span{display:grid;width:2.5rem;aspect-ratio:1;place-items:center;border-radius:.75rem;background:#304a40;color:#fff;font-size:.78rem;font-weight:950}.toy-challenge-card h3{margin:.15rem 0 0;font-size:1.05rem;line-height:1.6}.toy-challenge-choices{display:grid;gap:.45rem;margin:1rem 0;padding:0;list-style:none}.toy-challenge-choices li{display:grid;grid-template-columns:2rem minmax(0,1fr);align-items:center;gap:.55rem;min-width:0;padding:.6rem .7rem;border-radius:.75rem;background:#f3f6f8}.toy-challenge-choices b{font-size:.75rem;text-align:center}.toy-challenge-choices span{font-weight:750;line-height:1.55}.toy-challenge-reveals{display:grid;gap:.45rem}.toy-challenge-reveals details{border:1px solid #b9c5cf;border-radius:.7rem}.toy-challenge-reveals details.is-answer{background:var(--article-soft)}.toy-challenge-reveals summary{padding:.65rem .75rem;cursor:pointer;font-size:.85rem;font-weight:900}.toy-challenge-reveals p{margin:0;padding:0 .75rem .75rem;color:#3e4d5b;font-size:.9rem;line-height:1.7}.toy-challenge-reveals p strong{display:block;margin-bottom:.2rem;color:#1f2f42}.toy-trouble-finder{display:grid;gap:.65rem}.toy-trouble-finder details{overflow:hidden;border:1px solid var(--kids-line);border-radius:1rem;background:#fff}.toy-trouble-finder summary{display:grid;grid-template-columns:2.2rem minmax(0,1fr) auto;align-items:center;gap:.7rem;padding:.9rem 1rem;cursor:pointer;list-style:none}.toy-trouble-finder summary::-webkit-details-marker{display:none}.toy-trouble-finder summary>span{font-size:.8rem;font-weight:950;text-align:center}.toy-trouble-finder summary>strong{line-height:1.55}.toy-trouble-finder summary>b{color:var(--article-color);font-size:1.25rem}.toy-trouble-finder details[open] summary>b{transform:rotate(45deg)}.toy-trouble-finder details>div{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;padding:0 1rem 1rem 3.9rem}.toy-trouble-finder p{margin:0;padding:.8rem;border-radius:.75rem;background:#f4f6f8;font-size:.9rem;line-height:1.7}.toy-trouble-finder p.is-action{background:var(--article-soft)}.toy-trouble-finder p strong{display:block;margin-bottom:.15rem;color:#1f2f42}.toy-mini-lab{padding:clamp(1.2rem,3.5vw,2rem);border:2px solid #24352f;border-radius:1.5rem;background:linear-gradient(145deg,#fff 0%,var(--article-soft) 100%)}.toy-lab-heading{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.8rem}.toy-lab-heading>span{display:grid;width:3.3rem;aspect-ratio:1;place-items:center;border:2px solid #24352f;border-radius:1rem;background:#fff;font-size:1.35rem;font-weight:950}.toy-lab-heading p{margin:0;color:#304a40;font-size:.75rem;font-weight:950}.toy-lab-heading h3{margin:.15rem 0 0;font-size:clamp(1.2rem,3vw,1.65rem)}.toy-lab-instruction,.toy-lab-note{margin:1rem 0;color:#4c5a54;font-weight:750;line-height:1.7}.toy-lab-result{margin-top:1rem;padding:.8rem 1rem;border-radius:.8rem;background:#24352f;color:#fff;font-weight:850;line-height:1.6}.othello-lab-wrap{display:grid;grid-template-columns:1.5rem minmax(0,30rem);grid-template-rows:1.5rem auto;width:min(100%,32rem);margin:1rem auto 0}.othello-lab-coordinates{display:grid;grid-column:2;grid-template-columns:repeat(8,1fr);place-items:center;font-size:.7rem;font-weight:900}.othello-lab-rows{display:grid;grid-row:2;grid-template-rows:repeat(8,1fr);place-items:center;font-size:.7rem;font-weight:900}.othello-lab-board{display:grid;grid-row:2;grid-column:2;overflow:hidden;aspect-ratio:1;grid-template-columns:repeat(8,1fr);border:4px solid #24352f;border-radius:.7rem;background:#64ad82}.othello-lab-cell{position:relative;display:grid;min-width:0;place-items:center;border:1px solid rgba(27,54,42,.48)}.othello-lab-cell>i{display:block;width:74%;aspect-ratio:1;border:2px solid #1a1a1a;border-radius:50%}.othello-lab-cell>i.is-black{background:#1a1a1a}.othello-lab-cell>i.is-white{background:#fff}.othello-lab-cell button{display:grid;width:76%;aspect-ratio:1;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}.othello-lab-cell button span{width:45%;aspect-ratio:1;border:2px dashed rgba(23,55,40,.7);border-radius:50%;background:#ffffff4d}.othello-lab-cell button:hover,.othello-lab-cell button:focus-visible{outline:4px solid #fff06a;outline-offset:-4px}.othello-lab-cell button.is-found{background:#ffdf64}.othello-lab-cell button.is-found span{width:72%;border-style:solid;border-color:#1a1a1a;background:#1a1a1a}.othello-lab-cell button.is-miss{animation:toy-shake .22s linear 2;background:#ff9d91}@keyframes toy-shake{50%{transform:translate(.2rem)}}.cube-step-tabs{display:grid;grid-template-columns:repeat(7,minmax(5.5rem,1fr));gap:.45rem;overflow-x:auto;margin:1rem 0;padding-bottom:.4rem}.cube-step-tabs button{display:grid;min-height:5.4rem;align-content:center;gap:.35rem;padding:.55rem;border:1px solid #9aa9a2;border-radius:.8rem;background:#fff;color:#283833;font-size:.72rem;font-weight:900;cursor:pointer}.cube-step-tabs button span{font-size:.8rem}.cube-step-tabs button[aria-selected=true]{border:3px solid #24352f;background:var(--article-color);color:#1a1a1a}.cube-step-tabs button[aria-selected=true] span{background:#fff}.cube-step-panels section{padding:1rem;border:1px solid #b7c2bd;border-radius:1rem;background:#fff}.cube-step-panels section>span{color:#304a40;font-size:.75rem;font-weight:950}.cube-step-panels h4{margin:.2rem 0 .8rem;font-size:1.25rem}.cube-step-panels p{display:grid;grid-template-columns:8rem minmax(0,1fr);gap:.7rem;margin:.45rem 0;line-height:1.7}.cube-step-panels p strong{color:#253a32}.seven-rule-maker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin-top:1rem}.seven-rule-maker fieldset{display:grid;align-content:start;gap:.4rem;min-width:0;margin:0;padding:.85rem;border:1px solid #b7c2bd;border-radius:.9rem;background:#fff}.seven-rule-maker legend{padding:0 .25rem;font-weight:950}.seven-rule-maker label{display:flex;align-items:center;gap:.45rem;min-height:2.3rem;padding:.35rem .5rem;border-radius:.55rem;background:#f2f4f6;font-weight:750;cursor:pointer}.seven-rule-maker input{width:1.15rem;height:1.15rem;accent-color:var(--article-color)}.seven-rule-maker .seven-rule-check{grid-column:1 / -1;justify-content:center;background:#fff;border:1px solid #b7c2bd}.seven-rule-result{margin-top:.8rem;padding:1rem;border:2px solid #24352f;border-radius:1rem;background:#fff7cf}.seven-rule-result span{display:block;color:#665d2e;font-size:.75rem;font-weight:950}.seven-rule-result strong{display:block;margin:.2rem 0;font-size:1.05rem;line-height:1.6}.seven-rule-result p{margin:0;color:#525b56;font-size:.85rem}.kids-question-article-grid b{color:#304a40}.othello-course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.othello-course-grid article{position:relative;overflow:hidden;padding:1.5rem;border:1px solid #c8d6ce;border-radius:1.35rem;background:#fff}.othello-course-day{display:flex;align-items:center;gap:.6rem}.othello-course-day span{padding:.25rem .55rem;border-radius:.4rem;background:#234c39;color:#fff;font-size:.68rem;font-weight:950}.othello-course-day b{color:#52645b;font-size:.78rem}.othello-course-number{position:absolute;top:.3rem;right:.8rem;color:#edf3ef;font-size:4.5rem;font-weight:950;line-height:1}.othello-course-grid h3{position:relative;margin:1.4rem 0 1rem;font-size:1.35rem;line-height:1.45}.othello-course-grid p{display:grid;gap:.2rem;margin:.7rem 0;color:#52645b;font-size:.88rem;line-height:1.7}.othello-course-grid p strong{color:#25372e;font-size:.72rem}.othello-course-grid a{display:inline-flex;gap:.6rem;margin-top:.8rem;color:#285c44;font-size:.82rem;font-weight:950}.othello-course-note{display:grid;grid-template-columns:2.7rem 1fr;align-items:center;gap:.8rem;margin-top:1rem;padding:1rem 1.2rem;border-radius:1rem;background:#193428;color:#fff}.othello-course-note>span{display:grid;width:2.5rem;aspect-ratio:1;place-items:center;border-radius:50%;background:#ffd865;color:#193428;font-weight:950}.othello-course-note p{margin:0;line-height:1.7}.othello-course-note strong{display:block;color:#ffd865}.othello-drill-legend{display:flex;flex-wrap:wrap;gap:.5rem;margin:-1rem 0 1.2rem}.othello-drill-legend span{padding:.3rem .6rem;border:1px solid #bed0c6;border-radius:999px;color:#3e594c;font-size:.7rem;font-weight:900}.othello-drill-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}.othello-drill-card{display:grid;min-width:0;align-content:start;padding:1rem;border:1px solid #c8d5ce;border-radius:1.15rem;background:#fff}.othello-drill-card header{display:flex;align-items:center;gap:.65rem}.othello-drill-card header>span{display:grid;width:2.5rem;aspect-ratio:1;place-items:center;border-radius:.7rem;background:#254c3a;color:#fff;font-size:.72rem;font-weight:950}.othello-drill-card header>div{display:grid}.othello-drill-card header small{color:#52645b;font-size:.67rem;font-weight:850}.othello-drill-card header b{color:#2b5742;font-size:.76rem}.othello-drill-card h3{margin:.8rem 0;font-size:1rem;line-height:1.6}.othello-drill-card>ol{display:grid;gap:.38rem;margin:0 0 .8rem;padding:0;list-style:none}.othello-drill-card>ol li{display:grid;grid-template-columns:1.8rem 1fr;align-items:center;gap:.5rem;padding:.48rem .55rem;border-radius:.6rem;background:#f3f6f4;font-size:.79rem;font-weight:750;line-height:1.5}.othello-drill-card>ol b{color:#285b43;text-align:center}.othello-drill-card details{margin-top:auto;border-top:1px solid #d9e1dc}.othello-drill-card summary{padding:.75rem 0 .15rem;color:#285b43;cursor:pointer;font-size:.78rem;font-weight:950}.othello-drill-card details p{margin:.6rem 0 0;padding:.75rem;border-radius:.65rem;background:#e8f3ed;color:#354c40;font-size:.8rem;line-height:1.65}.othello-drill-card details strong{display:block;color:#1f3f30}.othello-drill-visual{display:grid;min-height:6rem;place-items:center;margin-top:.8rem;border-radius:.85rem;background:#edf5f0}.othello-drill-visual.is-line>div{display:flex;align-items:center;gap:.25rem}.othello-drill-visual.is-line i{display:grid;width:2rem;aspect-ratio:1;place-items:center;border:2px solid #1a1a1a;border-radius:50%;font-style:normal}.othello-drill-visual.is-line .is-black{background:#1a1a1a}.othello-drill-visual.is-line .is-white{background:#fff}.othello-drill-visual.is-line .is-open{border-style:dashed;border-radius:.4rem;background:#ffd865;font-weight:950}.othello-drill-visual.is-corner>div{display:grid;width:5.4rem;grid-template-columns:repeat(3,1fr);border:2px solid #1c3529}.othello-drill-visual.is-corner i{display:grid;aspect-ratio:1;place-items:center;border:1px solid #4c8067;background:#69af8a;font-size:.6rem;font-style:normal;font-weight:950}.othello-drill-visual.is-corner .is-corner{background:#ffd865}.othello-drill-visual.is-corner .is-c{background:#ffb7a8}.othello-drill-visual.is-corner .is-x{background:#d1c8ff}.othello-drill-visual.is-mobility>div{display:flex;align-items:center;gap:.8rem}.othello-drill-visual.is-mobility span{display:grid;width:3.6rem;aspect-ratio:1;place-items:center;border-radius:.8rem;background:#fff;box-shadow:0 0 0 1px #bfcfc6}.othello-drill-visual.is-mobility b{font-size:1.4rem}.othello-drill-visual.is-mobility small{font-size:.6rem}.othello-drill-visual.is-mobility em{color:#52645b;font-size:.65rem;font-style:normal;font-weight:900}.othello-drill-visual.is-phase>div{display:flex;align-items:center;gap:.35rem}.othello-drill-visual.is-phase span{display:grid;gap:.1rem;text-align:center;font-size:.76rem;font-weight:950}.othello-drill-visual.is-phase small{color:#52645b;font-size:.58rem}.othello-drill-visual.is-phase i{color:#71a58b;font-style:normal}.othello-drill-visual.is-endgame>div{display:grid;width:7.6rem;grid-template-columns:repeat(4,1fr);gap:.25rem}.othello-drill-visual.is-endgame i{display:grid;aspect-ratio:1;place-items:center;border:1px dashed #517864;border-radius:.3rem;background:#fff;color:#496356;font-size:.58rem;font-style:normal;font-weight:900}.othello-replay{display:grid;grid-template-columns:minmax(18rem,1fr) minmax(18rem,.9fr);align-items:center;gap:clamp(1.5rem,5vw,4rem);padding:clamp(1.2rem,4vw,2.5rem);border-radius:1.6rem;background:#183328}.othello-replay-stage{min-width:0}.othello-replay-stage section[hidden],.othello-replay-story section[hidden]{display:none}.othello-replay-board{display:grid;overflow:hidden;aspect-ratio:1;grid-template-columns:repeat(8,1fr);border:clamp(.35rem,1vw,.65rem) solid #1a1a1a;border-radius:1rem;background:#60aa82;box-shadow:.75rem .75rem #0003}.othello-replay-board i{display:grid;min-width:0;place-items:center;border:1px solid rgba(18,55,38,.45);font-style:normal}.othello-replay-board i span{display:none;width:72%;aspect-ratio:1;border:2px solid #1a1a1a;border-radius:50%}.othello-replay-board i.is-black span,.othello-replay-board i.is-white span{display:block}.othello-replay-board i.is-black span{background:#1a1a1a}.othello-replay-board i.is-white span{background:#fff;box-shadow:inset -.15rem -.15rem .25rem #ccd5d0}.othello-replay-board i.is-latest{background:#ffdd67}.othello-replay-story{min-width:0;color:#fff}.othello-replay-story section>span{color:#ffd865;font-size:.72rem;font-weight:950;letter-spacing:.06em}.othello-replay-story h3{margin:.4rem 0 .8rem;color:#fff;font-size:clamp(1.45rem,3vw,2rem)}.othello-replay-story p{min-height:5.2rem;margin:0;color:#d8e5de;line-height:1.8}.othello-replay-story dl{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem;margin:1rem 0}.othello-replay-story dl div{padding:.65rem;border:1px solid rgba(255,255,255,.18);border-radius:.7rem;background:#ffffff0f;text-align:center}.othello-replay-story dt{color:#bcd0c6;font-size:.65rem;font-weight:850}.othello-replay-story dd{margin:.1rem 0 0;color:#fff;font-size:1.05rem;font-weight:950}.othello-replay-controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem}.othello-replay-controls button{min-height:3rem;padding:.55rem .7rem;border:1px solid rgba(255,255,255,.3);border-radius:.7rem;background:#fff;color:#183328;font-weight:900;cursor:pointer}.othello-replay-controls button:disabled{opacity:.35;cursor:default}.othello-replay-controls button:focus-visible{outline:4px solid #ffd865;outline-offset:2px}.othello-replay-controls strong{min-width:3.8rem;text-align:center}.othello-replay-dots{display:flex;justify-content:center;gap:.4rem;margin-top:.8rem}.othello-replay-dots button{width:.72rem;aspect-ratio:1;padding:0;border:0;border-radius:50%;background:#789087;cursor:pointer}.othello-replay-dots button[aria-current]{background:#ffd865;box-shadow:0 0 0 .2rem #ffd8652e}@media(max-width:860px){.toy-handbook-grid,.toy-challenge-set,.seven-rule-maker,.othello-lp-hero__grid{grid-template-columns:1fr}.othello-lp-copy{text-align:center}.othello-lp-copy h1,.othello-lp-lead{margin-right:auto;margin-left:auto}.othello-lp-actions,.othello-lp-safety,.othello-lp-meta{justify-content:center}.othello-lp-visual{width:min(88vw,32rem)}.othello-lp-routes{grid-template-columns:repeat(2,minmax(0,1fr))}.othello-course-grid,.othello-drill-grid{grid-template-columns:1fr}.othello-drill-card{grid-template-columns:7.5rem minmax(0,1fr);column-gap:.9rem}.othello-drill-card header,.othello-drill-card details{grid-column:1/-1}.othello-drill-card .othello-drill-visual{grid-column:1;grid-row:2/4}.othello-drill-card h3,.othello-drill-card>ol{grid-column:2}.othello-drill-card h3{margin-top:.8rem}}@media(max-width:560px){.toy-trouble-finder details>div{grid-template-columns:1fr;padding-left:1rem}.toy-lab-heading,.cube-step-panels p{grid-template-columns:1fr}.othello-lab-wrap{grid-template-columns:1rem minmax(0,1fr);grid-template-rows:1rem auto}.othello-lp-hero{padding-bottom:3rem}.othello-lp-breadcrumb{margin-bottom:2rem}.othello-lp-copy h1{font-size:clamp(2.55rem,13vw,4rem)}.othello-lp-actions{display:grid}.othello-lp-button{width:100%}.othello-lp-safety{gap:.55rem}.othello-lp-visual{width:100%;padding:1.4rem .6rem 2.4rem}.othello-lp-visual__tag{padding:.55rem .65rem}.othello-lp-disc{display:none}.othello-lp-proof .kids-shell{grid-template-columns:repeat(2,1fr)}.othello-lp-proof div div{border-bottom:1px solid #d6dfda}.othello-lp-proof div div:nth-child(odd){border-left:1px solid #d6dfda}.othello-lp-proof div div{grid-template-columns:1fr;gap:.1rem;text-align:center}.othello-lp-routes,.othello-course-note{grid-template-columns:1fr}.othello-course-note>span{width:2.2rem}.othello-drill-card{display:grid;grid-template-columns:1fr}.othello-drill-card header,.othello-drill-card .othello-drill-visual,.othello-drill-card h3,.othello-drill-card>ol,.othello-drill-card details{grid-column:1;grid-row:auto}.othello-replay{grid-template-columns:1fr;padding:1rem}.othello-replay-story p{min-height:0}.othello-replay-controls{grid-template-columns:1fr 1fr}.othello-replay-controls strong{grid-column:1/-1;grid-row:1}.othello-replay-story dl{gap:.25rem}.othello-replay-story dl div{padding:.45rem .2rem}}@media(prefers-reduced-motion:reduce){.othello-lab-cell button.is-miss{animation:none}}.rubiks-support-switch{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem;margin-bottom:.65rem;padding:.7rem;border:1px solid #bdc9d6;border-radius:1rem;background:#fff}.rubiks-support-switch>span{margin-right:.3rem;color:#425269;font-size:.75rem;font-weight:950}.rubiks-support-switch button{display:inline-flex;min-height:2.75rem;align-items:center;gap:.45rem;padding:.45rem .75rem;border:1px solid #aebbc9;border-radius:.7rem;background:#f4f6f8;color:#25354c;font-weight:900;cursor:pointer}.rubiks-support-switch button b{display:grid;width:1.45rem;aspect-ratio:1;place-items:center;border-radius:50%;background:#dce4ec;font-size:.68rem}.rubiks-support-switch button[aria-pressed=true]{border:2px solid #1a1a1a;background:#ffda4f}.rubiks-support-switch button[aria-pressed=true] b{background:#fff}.rubiks-support-switch button:focus-visible{outline:4px solid #6da3de;outline-offset:2px}.rubiks-support-message{margin:0 0 1rem;color:#4d5d70;font-size:.83rem;font-weight:800}.rubiks-stage-tabs button[aria-selected=true]{background:#ffda4f}.rubiks-stage-panels article{display:grid;grid-template-columns:minmax(13rem,.7fr) minmax(0,1.3fr);overflow:hidden;border:2px solid #1a1a1a;border-radius:1.4rem;background:#fff}.rubiks-stage-panels article[hidden]{display:none}.rubiks-stage-visual{display:grid;min-height:25rem;align-content:center;justify-items:center;gap:1rem;padding:1.5rem;background:#1a1a1a;color:#fff;text-align:center}.rubiks-stage-visual>span{color:#ffda4f;font-size:.7rem;font-weight:950;letter-spacing:.08em}.rubiks-stage-visual>div{display:grid;width:min(100%,11.5rem);aspect-ratio:1;grid-template-columns:repeat(3,1fr);gap:.28rem;padding:.35rem;border-radius:.7rem;background:#1a1a1a;transform:rotate(-2deg);box-shadow:.7rem .8rem #0000002e}.rubiks-stage-visual i{border-radius:.15rem;background:#67758a}.rubiks-stage-visual strong{max-width:14rem;line-height:1.5}.rubiks-stage-visual.is-cross i:nth-child(2),.rubiks-stage-visual.is-cross i:nth-child(4),.rubiks-stage-visual.is-cross i:nth-child(5),.rubiks-stage-visual.is-cross i:nth-child(6),.rubiks-stage-visual.is-cross i:nth-child(8),.rubiks-stage-visual.is-top-cross i:nth-child(2),.rubiks-stage-visual.is-top-cross i:nth-child(4),.rubiks-stage-visual.is-top-cross i:nth-child(5),.rubiks-stage-visual.is-top-cross i:nth-child(6),.rubiks-stage-visual.is-top-cross i:nth-child(8){background:#fff}.rubiks-stage-visual.is-layer-one i:nth-child(n+7){background:#fff}.rubiks-stage-visual.is-layer-two i:nth-child(n+4){background:#3f88d4}.rubiks-stage-visual.is-top-cross i:nth-child(2),.rubiks-stage-visual.is-top-cross i:nth-child(4),.rubiks-stage-visual.is-top-cross i:nth-child(5),.rubiks-stage-visual.is-top-cross i:nth-child(6),.rubiks-stage-visual.is-top-cross i:nth-child(8),.rubiks-stage-visual.is-top-face i,.rubiks-stage-visual.is-top-corners i,.rubiks-stage-visual.is-complete i{background:#f5ca36}.rubiks-stage-visual.is-top-corners i:nth-child(2),.rubiks-stage-visual.is-top-corners i:nth-child(4),.rubiks-stage-visual.is-top-corners i:nth-child(6),.rubiks-stage-visual.is-top-corners i:nth-child(8){outline:3px solid #fff;outline-offset:-5px}.rubiks-stage-visual.is-complete>div{background:#f5ca36}.rubiks-stage-visual.is-complete i{border:1px solid rgba(50,40,0,.22)}.rubiks-stage-copy{display:grid;align-content:center;gap:.7rem;padding:clamp(1.2rem,4vw,2rem)}.rubiks-stage-copy p{display:grid;grid-template-columns:7.4rem minmax(0,1fr);gap:.7rem;margin:0;padding:.75rem;border-radius:.75rem;color:#435269;font-size:.9rem;line-height:1.7}.rubiks-stage-copy p strong{color:#203047}.rubiks-stage-copy .rubiks-stage-check{background:#f1f4f7}.rubiks-stage-copy .rubiks-stage-done{background:#fff4bb;color:#3e391d}.rubiks-stage-copy .rubiks-stage-done strong{color:#41370b}.rubiks-stage-copy aside{padding:.8rem;border-left:5px solid #e55b50;border-radius:.65rem;background:#fff0ee;color:#5e3a38;font-size:.87rem;line-height:1.7}.rubiks-stage-copy aside strong{margin-right:.65rem}.rubiks-stage-copy>a{width:max-content;color:#235a96;font-size:.83rem;font-weight:950}.rubiks-assistant[data-support-mode=hint] [data-support-detail=guide],.rubiks-assistant[data-support-mode=solo] [data-support-detail]{display:none}.rubiks-method-note{margin:1rem 0 0;padding:1rem;border-radius:.9rem;background:#1a1a1a;color:#dce6f1;line-height:1.75}.rubiks-method-note strong{color:#ffda4f}.rubiks-drills .othello-drill-card header>span{background:#245e9e}.rubiks-drills .othello-drill-card header b,.rubiks-drills .othello-drill-card>ol b,.rubiks-drills .othello-drill-card summary{color:#245e9e}.rubiks-drills .othello-drill-card details p{background:#eaf2fb}.rubiks-drills .othello-drill-card details strong{color:#1c4c80}.cube-drill-visual{display:grid;min-height:6rem;place-items:center;margin-top:.8rem;border-radius:.85rem;background:#eef3f9}.cube-drill-visual.is-pieces>div{display:flex;align-items:end;gap:.6rem}.cube-drill-visual.is-pieces i{display:grid;grid-template-columns:repeat(3,.7rem);justify-content:center;gap:.1rem;font-style:normal}.cube-drill-visual.is-pieces b{aspect-ratio:1;border-radius:.12rem;background:#e65349}.cube-drill-visual.is-pieces b:nth-child(2){background:#f4f4f0}.cube-drill-visual.is-pieces b:nth-child(3){background:#3f88d4}.cube-drill-visual.is-pieces small{grid-column:1/-1;color:#425269;font-size:.6rem;font-weight:900}.cube-drill-visual.is-notation>div{display:flex;align-items:center;gap:.5rem}.cube-drill-visual.is-notation span,.cube-drill-visual.is-notation b{display:grid;width:2.5rem;aspect-ratio:1;place-items:center;border-radius:.45rem;background:#fff;font-size:.72rem}.cube-drill-visual.is-notation b{background:#3f88d4;color:#fff;font-size:1.2rem}.cube-drill-visual.is-notation i{font-style:normal;font-size:1.5rem}.cube-drill-visual.is-notation small{color:#425269;font-weight:900}.cube-drill-face{display:grid;width:5.5rem;aspect-ratio:1;grid-template-columns:repeat(3,1fr);gap:.18rem;padding:.22rem;border-radius:.45rem;background:#1a1a1a}.cube-drill-face i{border-radius:.1rem;background:#738095}.cube-drill-face i.is-white{background:#fff}.cube-drill-face i.is-yellow{background:#f5ca36}.cube-drill-visual.is-layers>div{display:flex;width:7rem;flex-direction:column;gap:.16rem;padding:.2rem;background:#1a1a1a}.cube-drill-visual.is-layers span{display:flex;justify-content:space-between;padding:.35rem;background:#738095;color:#fff;font-size:.68rem;font-weight:900}.cube-drill-visual.is-layers span:nth-child(2){background:#3f88d4}.cube-drill-visual.is-layers span:nth-child(3){background:#f4f4f0;color:#1a1a1a}.cube-drill-visual.is-layers small{font-size:.55rem}.rubiks-solo-line{display:grid;grid-template-columns:auto repeat(3,1fr) auto;align-items:center;gap:.45rem;margin-bottom:.8rem;color:#45536a;font-size:.72rem;font-weight:900}.rubiks-solo-line i{height:.25rem;border-radius:999px;background:linear-gradient(90deg,#78a9db,#ffda4f)}.rubiks-solo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.rubiks-solo-grid article{position:relative;overflow:hidden;padding:1.2rem;border:1px solid #bbc8d6;border-radius:1.2rem;background:#fff}.rubiks-solo-grid header{display:flex;align-items:center;gap:.5rem}.rubiks-solo-grid header span{padding:.25rem .45rem;border-radius:.35rem;background:#245e9e;color:#fff;font-size:.62rem;font-weight:950}.rubiks-solo-grid header b{color:#526177;font-size:.75rem}.rubiks-solo-number{position:absolute;top:.25rem;right:.55rem;color:#edf2f7;font-size:3.7rem;font-weight:950;line-height:1}.rubiks-solo-grid h3{position:relative;min-height:4.2rem;margin:1.2rem 0 .65rem;font-size:1.15rem;line-height:1.5}.rubiks-solo-grid>article>p{min-height:8.2rem;margin:0;color:#526177;font-size:.83rem;line-height:1.7}.rubiks-solo-grid p strong{display:block;color:#26364d;font-size:.7rem}.rubiks-solo-grid label{display:grid;grid-template-columns:1.3rem 1fr;gap:.55rem;margin-top:.7rem;padding:.7rem;border-radius:.7rem;background:#fff5bd;cursor:pointer}.rubiks-solo-grid input{width:1.2rem;height:1.2rem;accent-color:#245e9e}.rubiks-solo-grid label span{color:#4c4522;font-size:.78rem;line-height:1.55}.rubiks-solo-grid label strong{display:block;color:#3f3711}.rubiks-solo-result{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.9rem;padding:1rem 1.2rem;border-radius:.9rem;background:#1a1a1a;color:#fff}.rubiks-solo-result div{display:grid}.rubiks-solo-result span{color:#ffda4f;font-size:.72rem;font-weight:950}.rubiks-solo-result strong{line-height:1.6}.rubiks-solo-result button{min-height:2.7rem;padding:.5rem .75rem;border:1px solid rgba(255,255,255,.4);border-radius:.65rem;background:transparent;color:#fff;font-weight:900;cursor:pointer}.rubiks-solo-note{display:grid;grid-template-columns:2.7rem 1fr;align-items:center;gap:.8rem;margin-top:.9rem;padding:1rem;border:2px solid #1a1a1a;border-radius:.9rem;background:#ffda4f;color:#332c0d}.rubiks-solo-note>span{display:grid;width:2.5rem;aspect-ratio:1;place-items:center;border-radius:50%;background:#1a1a1a;color:#fff;font-weight:950}.rubiks-solo-note p{margin:0;line-height:1.7}.rubiks-solo-note strong{display:block}@media(max-width:860px){.rubiks-lp-visual{min-height:27rem}.rubiks-lp-cube{width:min(58vw,20rem)}.rubiks-stage-panels article{grid-template-columns:1fr}.rubiks-stage-visual{min-height:19rem}.rubiks-stage-copy{padding:1rem}.rubiks-solo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rubiks-solo-grid>article>p{min-height:0}}@media(max-width:560px){.rubiks-lp-visual{min-height:22rem}.rubiks-lp-cube{width:min(74vw,18rem)}.rubiks-lp-orbit{min-width:6.3rem;padding:.5rem .6rem}.rubiks-lp-orbit.is-two{right:0}.rubiks-lp-orbit.is-three{left:0}.rubiks-support-switch{display:grid;grid-template-columns:1fr 1fr}.rubiks-support-switch>span{grid-column:1/-1}.rubiks-support-switch button:last-child{grid-column:1/-1}.rubiks-stage-visual{min-height:17rem}.rubiks-stage-copy p{grid-template-columns:1fr;gap:.15rem;padding:.65rem}.rubiks-stage-copy>a{width:auto}.rubiks-solo-line{display:none}.rubiks-solo-grid{grid-template-columns:1fr}.rubiks-solo-grid h3{min-height:0}.rubiks-solo-result{display:grid}.rubiks-solo-result button{width:100%}.rubiks-solo-note{grid-template-columns:1fr}}.seven-trainer-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(18rem,.9fr);overflow:hidden;border:2px solid #1a1a1a;border-radius:1.4rem;background:#fff}.seven-trainer-board,.seven-trainer-hand{min-width:0;padding:clamp(1rem,3vw,1.5rem)}.seven-trainer-board{background:#292742;color:#fff}.seven-trainer-board>header,.seven-trainer-hand>header{display:grid;margin-bottom:1rem}.seven-trainer-board header span,.seven-trainer-hand header span{color:#ffda58;font-size:.68rem;font-weight:950}.seven-trainer-hand header span{color:#5a539f}.seven-trainer-board header strong,.seven-trainer-hand header strong{font-size:1.05rem}.seven-trainer-lanes{display:grid;gap:.6rem}.seven-trainer-lane{display:grid;grid-template-columns:1.4rem minmax(0,1fr) 4.5rem;align-items:center;gap:.5rem}.seven-trainer-lane>b{font-size:1.3rem}.seven-trainer-lane>div{display:flex;gap:.25rem}.seven-trainer-lane i{position:relative;display:grid;width:clamp(2rem,5vw,3rem);aspect-ratio:.72;place-items:center;border:1px solid #fff;border-radius:.3rem;background:#fff;color:#1a1a1a;font-style:normal}.seven-trainer-lane i small{position:absolute;top:.1rem;left:.18rem;font-size:.48rem}.seven-trainer-lane i strong{font-size:.78rem}.seven-trainer-lane i.is-seven{background:#ffed93}.seven-trainer-lane.is-red>b,.seven-trainer-lane.is-red i{color:#c6384d}.seven-trainer-lane>span{display:grid;color:#fff;font-size:.72rem;font-weight:950;text-align:center}.seven-trainer-lane>span small{color:#c7c4dc;font-size:.55rem}.seven-trainer-hand>div{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.seven-trainer-hand [data-seven-card]{position:relative;display:grid;min-width:0;aspect-ratio:.72;place-items:center;padding:.25rem;border:2px solid #4b4a5b;border-radius:.55rem;background:#fff;color:#1a1a1a;cursor:pointer;box-shadow:.2rem .25rem #d8d9df}.seven-trainer-hand [data-seven-card] small{position:absolute;top:.3rem;left:.35rem}.seven-trainer-hand [data-seven-card] strong{font-size:1.3rem}.seven-trainer-hand [data-seven-card] b{position:absolute;right:.35rem;bottom:.25rem;transform:rotate(180deg)}.seven-trainer-hand [data-seven-card].is-red{color:#c7374c}.seven-trainer-hand [data-seven-card]:hover,.seven-trainer-hand [data-seven-card]:focus-visible{outline:4px solid #ffda58;outline-offset:2px}.seven-trainer-hand [data-seven-card].is-found{border-color:#3d8868;background:#dff4e9;box-shadow:0 0 0 .25rem #93d5b5}.seven-trainer-hand [data-seven-card].is-found:after{position:absolute;display:grid;width:1.5rem;aspect-ratio:1;right:-.3rem;top:-.3rem;place-items:center;border-radius:50%;background:#2f7759;color:#fff;content:"✓";font-size:.7rem;font-weight:950}.seven-trainer-hand [data-seven-card].is-miss{animation:toy-shake .22s linear 2;border-color:#c83e50;background:#ffe8eb}.seven-trainer-result{margin:.8rem 0;padding:.75rem;border-radius:.7rem;background:#1a1a1a;color:#fff;font-size:.82rem;font-weight:850;line-height:1.65}.seven-trainer-insight{display:grid;grid-template-columns:2.8rem 1fr;align-items:center;gap:.8rem;margin-top:.8rem;padding:1rem;border:2px solid #1a1a1a;border-radius:.9rem;background:#ffed98;color:#3c371b}.seven-trainer-insight>span{display:grid;width:2.5rem;aspect-ratio:1;place-items:center;border-radius:50%;background:#1a1a1a;color:#fff;font-weight:950}.seven-trainer-insight p{margin:0;line-height:1.7}.seven-trainer-insight strong{display:block}.seven-drills .othello-drill-card header>span{background:#56509b}.seven-drills .othello-drill-card header b,.seven-drills .othello-drill-card>ol b,.seven-drills .othello-drill-card summary{color:#56509b}.seven-drills .othello-drill-card details p{background:#efedff}.seven-drills .othello-drill-card details strong{color:#423c82}.seven-drill-visual{display:grid;min-height:6rem;place-items:center;margin-top:.8rem;border-radius:.85rem;background:#f1f0fa}.seven-drill-visual>div{display:flex;align-items:center;gap:.28rem}.seven-drill-visual i{display:grid;min-width:2.5rem;min-height:3.5rem;place-items:center;border:2px solid #3f4050;border-radius:.4rem;background:#fff;color:#c7374c;font-style:normal;font-weight:950}.seven-drill-visual .is-seven{background:#ffed98}.seven-drill-visual.is-endpoints b{display:grid;width:2rem;aspect-ratio:1;place-items:center;border-radius:50%;background:#56509b;color:#fff}.seven-drill-visual.is-chain span{color:#77719e;font-weight:950}.seven-drill-visual.is-gate span{padding:.35rem .5rem;border-radius:.4rem;background:#ffed98;font-size:.65rem;font-weight:950}.seven-drill-visual.is-gate b{color:#c7374c;font-size:1.5rem}.seven-drill-visual.is-observe>div{gap:.7rem}.seven-drill-visual.is-observe span{display:grid;gap:.15rem;padding:.55rem;border:1px solid #c2bfda;border-radius:.55rem;background:#fff;text-align:center}.seven-drill-visual.is-observe small{color:#66627f;font-size:.55rem}.seven-drill-visual.is-observe>div>i{min-width:0;min-height:0;border:0;background:transparent;color:#56509b;font-size:.6rem}.seven-mission-path{display:grid;grid-template-columns:auto repeat(3,1fr) auto;align-items:center;gap:.45rem;margin-bottom:.8rem;color:#56516d;font-size:.72rem;font-weight:900}.seven-mission-path i{height:.25rem;border-radius:999px;background:linear-gradient(90deg,#8179c7,#ffda58)}.seven-mission-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.seven-mission-grid article{position:relative;overflow:hidden;padding:1.2rem;border:1px solid #c4c1d8;border-radius:1.2rem;background:#fff}.seven-mission-grid header{display:flex;align-items:center;gap:.5rem}.seven-mission-grid header span{padding:.25rem .45rem;border-radius:.35rem;background:#56509b;color:#fff;font-size:.6rem;font-weight:950}.seven-mission-grid header b{color:#66627b;font-size:.75rem}.seven-mission-grid article>div{position:absolute;top:.25rem;right:.55rem;color:#f0eff7;font-size:3.7rem;font-weight:950;line-height:1}.seven-mission-grid h3{position:relative;min-height:4.2rem;margin:1.2rem 0 .65rem;font-size:1.15rem;line-height:1.5}.seven-mission-grid>article>p{min-height:7.5rem;margin:0;color:#5a5870;font-size:.83rem;line-height:1.7}.seven-mission-grid p strong{display:block;color:#302e46;font-size:.7rem}.seven-mission-grid label{display:grid;grid-template-columns:1.3rem 1fr;gap:.55rem;margin-top:.7rem;padding:.7rem;border-radius:.7rem;background:#fff3ae;cursor:pointer}.seven-mission-grid input{width:1.2rem;height:1.2rem;accent-color:#56509b}.seven-mission-grid label span{color:#4c4522;font-size:.78rem;line-height:1.55}.seven-mission-grid label strong{display:block;color:#3f3711}.seven-mission-result{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.9rem;padding:1rem 1.2rem;border-radius:.9rem;background:#1a1a1a;color:#fff}.seven-mission-result div{display:grid}.seven-mission-result span{color:#ffda58;font-size:.72rem;font-weight:950}.seven-mission-result strong{line-height:1.6}.seven-mission-result button{min-height:2.7rem;padding:.5rem .75rem;border:1px solid rgba(255,255,255,.4);border-radius:.65rem;background:transparent;color:#fff;font-weight:900;cursor:pointer}.seven-mission-note{display:grid;grid-template-columns:2.7rem 1fr;align-items:center;gap:.8rem;margin-top:.9rem;padding:1rem;border:2px solid #1a1a1a;border-radius:.9rem;background:#eeeaff;color:#393451}.seven-mission-note>span{display:grid;width:2.5rem;aspect-ratio:1;place-items:center;border-radius:50%;background:#56509b;color:#fff;font-weight:950}.seven-mission-note p{margin:0;line-height:1.7}.seven-mission-note strong{display:block}@media(max-width:860px){.seven-lp-visual{min-height:28rem;width:min(100%,35rem);justify-self:center}.seven-trainer-layout{grid-template-columns:1fr}.seven-mission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.seven-mission-grid>article>p{min-height:0}}@media(max-width:560px){.seven-lp-visual{min-height:23rem;padding:2.5rem 0 2rem}.seven-lp-table{gap:.35rem;padding:.6rem}.seven-lp-row{grid-template-columns:1.1rem repeat(5,1fr);gap:.2rem}.seven-lp-row>b{font-size:1rem}.seven-lp-row>i small{display:none}.seven-lp-callout{padding:.5rem .6rem}.seven-lp-float{display:none}.seven-trainer-lane{grid-template-columns:1.1rem minmax(0,1fr) 3.8rem;gap:.3rem}.seven-trainer-lane>div{gap:.15rem}.seven-trainer-lane i{width:clamp(1.75rem,12vw,2.5rem)}.seven-trainer-hand>div{grid-template-columns:repeat(4,1fr);gap:.35rem}.seven-trainer-insight{grid-template-columns:1fr}.seven-drill-visual{overflow:hidden}.seven-drill-visual i{min-width:2rem;min-height:3rem;font-size:.72rem}.seven-drill-visual.is-observe>div{gap:.3rem}.seven-mission-path{display:none}.seven-mission-grid{grid-template-columns:1fr}.seven-mission-grid h3{min-height:0}.seven-mission-result{display:grid}.seven-mission-result button{width:100%}.seven-mission-note{grid-template-columns:1fr}}.shogi-piece-legend{display:flex;flex-wrap:wrap;gap:.55rem;margin-bottom:1rem}.shogi-piece-legend>span{display:inline-flex;min-height:2.5rem;align-items:center;gap:.4rem;padding:.4rem .65rem;border:1px solid #cbbcad;border-radius:.65rem;background:#fff;color:#594b40;font-size:.72rem;font-weight:900}.shogi-piece-legend i{width:1.2rem;aspect-ratio:1;border-radius:.2rem;background:#f4c75b}.shogi-piece-legend b{width:1.5rem;font-size:.65rem}.shogi-piece-legend strong{color:#9d432f}.shogi-piece-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.shogi-piece-grid>article{overflow:hidden;border:1px solid #cdbdac;border-radius:1.25rem;background:#fff;box-shadow:0 .7rem 1.5rem #36271c0f}.shogi-piece-grid article>header{display:grid;grid-template-columns:minmax(0,1fr) 4.7rem;align-items:center;gap:1rem;padding:1rem 1.15rem;border-bottom:1px solid #d9ccbe;background:linear-gradient(110deg,#fff9ed,#fff)}.shogi-piece-grid header div>span{color:#a34a35;font-size:.6rem;font-weight:950;letter-spacing:.08em}.shogi-piece-grid h3{margin:.15rem 0;font-size:1.25rem}.shogi-piece-grid header p{margin:0;color:#726254;font-size:.72rem}.shogi-piece-grid header>b{display:grid;width:4rem;aspect-ratio:.82;place-items:center;clip-path:polygon(50% 0,91% 17%,100% 100%,0 100%,9% 17%);background:#e5b869;color:#3f2819;font-family:serif;font-size:1.5rem;box-shadow:inset 0 0 0 2px #51301b47}.shogi-piece-main{display:grid;grid-template-columns:minmax(10rem,12rem) minmax(0,1fr);align-items:center;gap:1rem;padding:1rem 1.15rem .75rem}.shogi-move-board{position:relative;display:grid;width:min(100%,12rem);aspect-ratio:1;grid-template-columns:repeat(5,1fr);border:3px solid #6a4329;background:#dfad69}.shogi-move-board>i{display:grid;place-items:center;border-right:1px solid rgba(91,54,30,.65);border-bottom:1px solid rgba(91,54,30,.65);font-style:normal}.shogi-move-board>i.is-target{background:#f8cf69}.shogi-move-board>i.is-target:after{width:.45rem;aspect-ratio:1;border-radius:50%;background:#9b3f2d;content:""}.shogi-move-board>i.is-piece{z-index:1;background:#fff1c4}.shogi-move-board .is-piece b{width:82%;font-size:1rem}.shogi-move-board>span{position:absolute;top:-1.3rem;right:.1rem;color:#91412f;font-size:.65rem;font-weight:950}.shogi-piece-summary strong{display:block;color:#3c3028;font-size:.95rem;line-height:1.65}.shogi-piece-summary p{margin:.5rem 0 0;color:#756557;font-size:.8rem;line-height:1.7}.shogi-piece-grid dl{display:grid;gap:.45rem;margin:0;padding:0 1.15rem}.shogi-piece-grid dl>div{display:grid;grid-template-columns:5.5rem minmax(0,1fr);gap:.6rem;padding:.55rem .65rem;border-radius:.55rem;background:#f8f4ed}.shogi-piece-grid dt{color:#93412f;font-size:.68rem;font-weight:950}.shogi-piece-grid dd{margin:0;color:#5c5047;font-size:.78rem;line-height:1.6}.shogi-piece-grid article>aside{display:grid;grid-template-columns:5.5rem minmax(0,1fr);gap:.6rem;margin:.8rem 1.15rem 1.15rem;padding:.7rem;border-left:5px solid #d6a14f;border-radius:.6rem;background:#fff2c8}.shogi-piece-grid article>aside span{color:#6e4d17;font-size:.68rem;font-weight:950}.shogi-piece-grid article>aside p{margin:0;color:#554424;font-size:.78rem;line-height:1.6}.shogi-piece-note{display:grid;grid-template-columns:3rem minmax(0,1fr);align-items:center;gap:.9rem;margin-top:1rem;padding:1rem;border:2px solid #4a3426;border-radius:1rem;background:#f4c75b;color:#3d301a}.shogi-piece-note>span{display:grid;width:2.6rem;aspect-ratio:1;place-items:center;border-radius:50%;background:#3e2e24;color:#fff;font-weight:950}.shogi-piece-note p{margin:0;line-height:1.7}.shogi-piece-note strong{display:block}.shogi-trainer-layout{display:grid;grid-template-columns:minmax(17rem,.72fr) minmax(20rem,1.28fr);overflow:hidden;border:2px solid #493427;border-radius:1.35rem;background:#fff}.shogi-trainer-select,.shogi-trainer-play{min-width:0;padding:clamp(1rem,3vw,1.5rem)}.shogi-trainer-select{background:#1a1a1a;color:#fff}.shogi-trainer-select>p,.shogi-trainer-play>header{display:grid;margin:0 0 1rem}.shogi-trainer-select>p span,.shogi-trainer-play header span{color:#f4c75b;font-size:.62rem;font-weight:950}.shogi-trainer-select>div{display:grid;grid-template-columns:repeat(2,1fr);gap:.45rem}.shogi-trainer-select button{display:grid;grid-template-columns:2.1rem minmax(0,1fr);min-height:3.5rem;align-items:center;gap:.45rem;padding:.45rem;border:1px solid #75685f;border-radius:.6rem;background:#38312c;color:#fff;text-align:left;cursor:pointer}.shogi-trainer-select button>b{display:grid;aspect-ratio:.82;place-items:center;clip-path:polygon(50% 0,91% 17%,100% 100%,0 100%,9% 17%);background:#e0ae5f;color:#3c2718;font-family:serif}.shogi-trainer-select button span{font-size:.68rem;font-weight:900}.shogi-trainer-select button[aria-selected=true]{border:2px solid #f4c75b;background:#f4c75b;color:#33271d}.shogi-trainer-select button:focus-visible{outline:4px solid #f4c75b;outline-offset:2px}.shogi-trainer-select>aside{margin-top:.8rem;padding:.75rem;border-radius:.65rem;background:#3b342e}.shogi-trainer-select aside span{color:#f4c75b;font-size:.62rem;font-weight:950}.shogi-trainer-select aside p{margin:.2rem 0 0;color:#eee5dc;font-size:.78rem;line-height:1.65}.shogi-trainer-play{display:grid;justify-items:center}.shogi-trainer-play>header{width:100%}.shogi-trainer-play header div{display:grid}.shogi-trainer-play header small{color:#91412f;font-size:.67rem;font-weight:950}.shogi-trainer-board{display:grid;overflow:hidden;width:min(100%,23rem);aspect-ratio:1;grid-template-columns:repeat(5,1fr);border:4px solid #6a4329;background:#dfad69}.shogi-trainer-board>button,.shogi-trainer-board>span{position:relative;display:grid;min-width:0;place-items:center;border:0;border-right:1px solid rgba(89,52,28,.65);border-bottom:1px solid rgba(89,52,28,.65);background:transparent;cursor:pointer}.shogi-trainer-board>span{cursor:default}.shogi-trainer-board .is-piece b{width:68%;font-size:1rem}.shogi-trainer-board button i{width:.55rem;aspect-ratio:1;border:2px dashed rgba(74,44,25,.42);border-radius:50%}.shogi-trainer-board button:hover,.shogi-trainer-board button:focus-visible{background:#f7d98d;outline:4px solid #9e432f;outline-offset:-4px}.shogi-trainer-board button.is-found{background:#dff2e5}.shogi-trainer-board button.is-found i{display:grid;width:1.5rem;place-items:center;border:0;background:#327a57;color:#fff}.shogi-trainer-board button.is-found i:after{content:"✓";font-size:.72rem;font-style:normal;font-weight:950}.shogi-trainer-board button.is-miss{animation:toy-shake .22s linear 2;background:#ffdcd8}.shogi-trainer-result{width:100%;margin:.8rem 0;padding:.75rem;border-radius:.7rem;background:#1a1a1a;color:#fff;font-size:.82rem;font-weight:850;line-height:1.65}.shogi-trainer-next{display:grid;grid-template-columns:2.8rem minmax(0,1fr);align-items:center;gap:.8rem;margin-top:.8rem;padding:1rem;border:2px solid #493427;border-radius:.9rem;background:#fff0c1;color:#493821}.shogi-trainer-next>span{display:grid;width:2.5rem;aspect-ratio:1;place-items:center;border-radius:50%;background:#9e432f;color:#fff;font-weight:950}.shogi-trainer-next p{margin:0;line-height:1.7}.shogi-trainer-next strong{display:block}.shogi-course-line{display:grid;grid-template-columns:auto repeat(5,1fr) auto;align-items:center;gap:.4rem;margin-bottom:.8rem;color:#6e5c4f;font-size:.7rem;font-weight:900}.shogi-course-line i{height:.25rem;border-radius:99px;background:linear-gradient(90deg,#ae4b34,#f4c75b)}.shogi-course-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.shogi-course-grid article{position:relative;overflow:hidden;padding:1rem;border:1px solid #cdbdac;border-radius:1rem;background:#fff}.shogi-course-grid header{display:flex;align-items:center;gap:.45rem}.shogi-course-grid header span{padding:.25rem .4rem;border-radius:.3rem;background:#9e432f;color:#fff;font-size:.58rem;font-weight:950}.shogi-course-grid header b{color:#77675b;font-size:.7rem}.shogi-course-grid article>div{position:absolute;top:.25rem;right:.5rem;color:#f1ece5;font-size:3.2rem;font-weight:950;line-height:1}.shogi-course-grid h3{position:relative;min-height:3.8rem;margin:1rem 0 .55rem;font-size:1.02rem;line-height:1.45}.shogi-course-grid>article>p{margin:.45rem 0;color:#66584e;font-size:.76rem;line-height:1.6}.shogi-course-grid p strong{display:block;color:#3d3129;font-size:.65rem}.shogi-course-grid article>a{display:inline-block;margin-top:.3rem;color:#923e2d;font-size:.72rem;font-weight:950}.shogi-course-grid label{display:grid;grid-template-columns:1.2rem minmax(0,1fr);gap:.45rem;margin-top:.6rem;padding:.6rem;border-radius:.6rem;background:#fff1bd;cursor:pointer}.shogi-course-grid input{width:1.1rem;height:1.1rem;accent-color:#9e432f}.shogi-course-grid label span{color:#564620;font-size:.7rem;line-height:1.5}.shogi-course-grid label strong{display:block;color:#413412}.shogi-course-result{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.8rem;padding:1rem;border-radius:.85rem;background:#1a1a1a;color:#fff}.shogi-course-result div{display:grid}.shogi-course-result span{color:#f4c75b;font-size:.7rem;font-weight:950}.shogi-course-result strong{line-height:1.55}.shogi-course-result button{min-height:2.7rem;padding:.5rem .7rem;border:1px solid rgba(255,255,255,.45);border-radius:.6rem;background:transparent;color:#fff;font-weight:900;cursor:pointer}.shogi-course-note{display:grid;grid-template-columns:2.7rem minmax(0,1fr);align-items:center;gap:.8rem;margin-top:.8rem;padding:1rem;border:2px solid #493427;border-radius:.9rem;background:#f8eee4;color:#493c34}.shogi-course-note>span{display:grid;width:2.4rem;aspect-ratio:1;place-items:center;border-radius:50%;background:#9e432f;color:#fff;font-weight:950}.shogi-course-note p{margin:0;line-height:1.7}.shogi-course-note strong{display:block}.shogi-drills .othello-drill-card header>span{background:#96402e}.shogi-drills .othello-drill-card header b,.shogi-drills .othello-drill-card>ol b,.shogi-drills .othello-drill-card summary{color:#8d3b2b}.shogi-drills .othello-drill-card details p{background:#f9eee7}.shogi-drills .othello-drill-card details strong{color:#743023}.shogi-drill-visual{display:grid;min-height:6rem;place-items:center;margin-top:.8rem;border-radius:.85rem;background:#f4eee6}.shogi-drill-visual>div{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem}.shogi-drill-visual b{width:2.8rem;font-size:.85rem}.shogi-drill-visual span{color:#714d38;font-size:.68rem;font-weight:900}.shogi-drill-visual i{color:#9e432f;font-size:1.2rem;font-style:normal;font-weight:950}.shogi-drill-visual.is-direction>div{display:grid;place-items:center}.shogi-drill-visual.is-direction span{grid-row:1}.shogi-drill-visual.is-direction i{grid-row:2}.shogi-drill-visual.is-direction b{grid-row:3}.shogi-drill-board{display:grid!important;width:5.5rem;aspect-ratio:1;grid-template-columns:repeat(3,1fr);gap:0!important;border:2px solid #67452f;background:#dca863}.shogi-drill-board i{display:grid;place-items:center;border-right:1px solid #765136;border-bottom:1px solid #765136;font-size:.65rem}.shogi-drill-board i.is-target{background:#f5ce6e}.shogi-drill-board i.is-piece{background:#fff0bd;color:#3d291d}.shogi-drill-visual .is-enemy{transform:rotate(180deg)}.shogi-drill-visual .is-promoted{color:#9e3428}.shogi-drill-visual .is-king{background:#fff0bd}.shogi-drill-visual.is-check span{flex-basis:100%;text-align:center}.shogi-mate-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.shogi-mate-steps>article{position:relative;padding:1.1rem;border:1px solid #cdbdac;border-radius:1rem;background:#fff}.shogi-mate-steps article>span{position:absolute;top:.65rem;right:.75rem;color:#eee6dd;font-size:2.5rem;font-weight:950}.shogi-mate-icon{display:flex;min-height:5rem;align-items:center;justify-content:center;gap:.55rem}.shogi-mate-icon b{width:3.2rem;font-size:.9rem}.shogi-mate-icon b.is-enemy{transform:rotate(180deg)}.shogi-mate-icon i{color:#9e432f;font-style:normal;font-weight:950}.shogi-mate-defenses{display:grid;min-height:5rem;grid-template-columns:repeat(3,1fr);align-items:center;gap:.3rem}.shogi-mate-defenses b{padding:.5rem .2rem;border-radius:.5rem;background:#f4c75b;color:#493a20;font-size:.65rem;text-align:center}.shogi-mate-steps h3{margin:.45rem 0;font-size:1.05rem}.shogi-mate-steps p{color:#65584e;font-size:.8rem;line-height:1.7}.shogi-mate-steps aside{padding:.65rem;border-left:4px solid #9e432f;border-radius:.5rem;background:#f8eee7;color:#684538;font-size:.72rem;line-height:1.55}.shogi-mate-puzzle{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,.85fr);align-items:center;gap:clamp(1.2rem,4vw,2.2rem);margin-top:1rem;padding:clamp(1rem,3vw,1.6rem);border:2px solid #493427;border-radius:1.2rem;background:#fff}.shogi-mate-puzzle h3{margin:.3rem 0 .7rem;font-size:clamp(1.35rem,3vw,2rem)}.shogi-mate-puzzle>div>p{color:#65574c;line-height:1.75}.shogi-mate-puzzle ul{padding-left:1.2rem;color:#55463c;font-size:.85rem;line-height:1.8}.shogi-mate-result{padding:.75rem;border-radius:.7rem;background:#1a1a1a;color:#fff!important;font-size:.82rem;font-weight:850}.shogi-mate-board-wrap{display:grid;justify-items:center;gap:.4rem}.shogi-mate-board-wrap>span,.shogi-mate-board-wrap>small{color:#8c3b2b;font-size:.67rem;font-weight:950}.shogi-mate-board{display:grid;overflow:hidden;width:min(100%,21rem);aspect-ratio:1;grid-template-columns:repeat(5,1fr);border:4px solid #6a4329;background:#dfad69}.shogi-mate-board>i{position:relative;display:grid;place-items:center;border-right:1px solid rgba(89,52,28,.65);border-bottom:1px solid rgba(89,52,28,.65);font-style:normal}.shogi-mate-board>i>b{width:68%;font-size:1rem}.shogi-mate-board>i>b.is-enemy{transform:rotate(180deg)}.shogi-mate-board button{display:grid;width:76%;aspect-ratio:1;place-items:center;border:3px dashed #9e432f;border-radius:.5rem;background:#fff4c0b8;cursor:pointer}.shogi-mate-board button span{width:86%;opacity:.45;font-size:.85rem}.shogi-mate-board button:hover,.shogi-mate-board button:focus-visible{background:#fff0a7;outline:4px solid #9e432f;outline-offset:2px}.shogi-mate-board button.is-correct{border-style:solid;border-color:#2f7856;background:#dff2e5}.shogi-mate-board button.is-correct span{opacity:1}.shogi-mate-board button.is-miss{animation:toy-shake .22s linear 2;background:#ffdcd8}.shogi-mate-note{display:grid;grid-template-columns:2.7rem minmax(0,1fr);align-items:center;gap:.8rem;margin-top:.8rem;padding:1rem;border-radius:.9rem;background:#1a1a1a;color:#eee5dc}.shogi-mate-note>span{display:grid;width:2.4rem;aspect-ratio:1;place-items:center;border-radius:50%;background:#f4c75b;color:#392b18;font-weight:950}.shogi-mate-note p{margin:0;line-height:1.7}.shogi-mate-note strong{color:#f4c75b}@media(max-width:900px){.shogi-lp-visual{width:min(100%,35rem);justify-self:center}.shogi-piece-grid{grid-template-columns:1fr}.shogi-piece-main{grid-template-columns:minmax(10rem,13rem) minmax(0,1fr)}.shogi-trainer-layout{grid-template-columns:1fr}.shogi-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shogi-course-grid h3{min-height:0}.shogi-mate-steps,.shogi-mate-puzzle{grid-template-columns:1fr}.shogi-mate-board{width:min(100%,22rem)}}@media(max-width:560px){.shogi-lp-visual{min-height:22rem;padding:2.4rem .2rem 2rem}.shogi-lp-board{border-width:3px}.shogi-lp-board b{width:84%;font-size:.55rem}.shogi-lp-callout{padding:.5rem .6rem}.shogi-lp-float{display:none}.shogi-piece-grid article>header{grid-template-columns:minmax(0,1fr) 3.8rem}.shogi-piece-grid header>b{width:3.4rem}.shogi-piece-main{grid-template-columns:1fr}.shogi-move-board{width:min(100%,14rem);margin:.5rem auto}.shogi-piece-grid dl>div,.shogi-piece-grid article>aside{grid-template-columns:1fr;gap:.2rem}.shogi-piece-note{grid-template-columns:1fr}.shogi-trainer-select>div{grid-template-columns:repeat(2,1fr)}.shogi-trainer-play{padding:1rem .7rem}.shogi-trainer-board{width:100%}.shogi-trainer-next{grid-template-columns:1fr}.shogi-course-line{display:none}.shogi-course-grid{grid-template-columns:1fr}.shogi-course-result{display:grid}.shogi-course-result button{width:100%}.shogi-course-note{grid-template-columns:1fr}.shogi-drill-visual{overflow:hidden}.shogi-mate-puzzle{padding:.8rem}.shogi-mate-board{width:100%}.shogi-mate-board>i>b{font-size:.8rem}.shogi-mate-note{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.shogi-trainer-board button.is-miss,.shogi-mate-board button.is-miss{animation:none}}.othello-rule-answer{display:grid;grid-template-columns:4rem minmax(0,1fr);align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem 1.2rem;border:2px solid #17392a;border-radius:1rem;background:#17392a;color:#fff}.othello-rule-answer>span{display:grid;width:3.6rem;aspect-ratio:1;place-items:center;border-radius:50%;background:#ffd865;color:#193428;font-weight:950}.othello-rule-answer p{margin:0;color:#eaf3ee;line-height:1.75}.othello-rule-answer strong{display:block;color:#ffd865;font-size:1.05rem}.othello-rule-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.othello-rule-grid article{min-width:0;padding:1rem;border:1px solid #bfcec6;border-radius:1rem;background:#fff}.othello-rule-grid header{display:flex;align-items:center;gap:.55rem}.othello-rule-grid header span{flex:none;padding:.27rem .55rem;border-radius:999px;color:#fff;font-size:.68rem;font-weight:950}.othello-rule-grid .is-ok{background:#286c4d}.othello-rule-grid .is-no{background:#a13c31}.othello-rule-grid .is-all{background:#7452a3}.othello-rule-grid h3{margin:0;font-size:1rem;line-height:1.45}.othello-rule-grid article>p{margin:.7rem 0 0;color:#4a5d53;font-size:.82rem;line-height:1.7}.othello-rule-change{display:flex;min-height:7.5rem;align-items:center;justify-content:center;gap:.45rem;margin-top:.7rem;border-radius:.75rem;background:#e7f3ed}.othello-rule-change>div{display:flex}.othello-rule-change>div i{display:grid;width:clamp(1.35rem,3vw,2rem);aspect-ratio:1;place-items:center;border:1px solid #315c48;background:#62a985;color:#213c30;font-size:.56rem;font-style:normal;font-weight:950}.othello-rule-change>div i:after{width:72%;aspect-ratio:1;border:2px solid #1a1a1a;border-radius:50%;content:none}.othello-rule-change .is-black:after,.othello-rule-change .is-white:after,.othello-rule-change .is-flipped:after{display:block;content:""}.othello-rule-change .is-black:after,.othello-rule-change .is-flipped:after{background:#1a1a1a}.othello-rule-change .is-white:after{background:#fff}.othello-rule-change .is-place{background:#ffd865;font-size:1rem}.othello-rule-change .is-empty{background:#fff}.othello-rule-change>b{color:#315c48}.othello-rule-change>strong{color:#8a332b;font-size:.76rem}.othello-rule-multi{display:grid;overflow:hidden;width:min(100%,7.5rem);aspect-ratio:1;grid-template-columns:repeat(5,1fr);margin:.7rem auto 0;border:2px solid #315c48;background:#62a985}.othello-rule-multi i{display:grid;place-items:center;border-right:1px solid rgba(25,68,47,.5);border-bottom:1px solid rgba(25,68,47,.5);font-style:normal}.othello-rule-multi i:after{width:68%;aspect-ratio:1;border:1px solid #1a1a1a;border-radius:50%;content:none}.othello-rule-multi .is-black:after,.othello-rule-multi .is-white:after{display:block;content:""}.othello-rule-multi .is-black:after{background:#1a1a1a}.othello-rule-multi .is-white:after{background:#fff}.othello-rule-multi .is-place{background:#ffd865;color:#17392a;font-weight:950}.othello-rule-pass{display:flex;align-items:center;gap:.6rem;margin-top:.8rem;padding:.8rem;border-radius:.75rem;background:#edf3f0}.othello-rule-pass>div{display:grid;flex:1;text-align:center}.othello-rule-pass b{color:#254b39;font-size:.76rem}.othello-rule-pass span{color:#4f6057;font-size:.72rem;line-height:1.5}.othello-rule-pass>i{color:#668174;font-style:normal;font-weight:950}.shogi-promotion-intro{display:grid;grid-template-columns:minmax(18rem,.85fr) minmax(0,1.15fr);overflow:hidden;border:2px solid #493427;border-radius:1.2rem;background:#fff}.shogi-promotion-zone{display:grid;align-content:center;justify-items:center;gap:.55rem;padding:1.2rem;background:#1a1a1a;color:#fff}.shogi-promotion-zone>span{color:#f4c75b;font-size:.76rem;font-weight:950}.shogi-promotion-zone>small{color:#e7ded7;font-size:.68rem;font-weight:900}.shogi-promotion-zone>div{display:grid;overflow:hidden;width:min(100%,18rem);aspect-ratio:1;grid-template-columns:repeat(9,1fr);border:4px solid #6a4329;background:#dfad69}.shogi-promotion-zone i{display:grid;place-items:center;border-right:1px solid rgba(89,52,28,.65);border-bottom:1px solid rgba(89,52,28,.65);font-style:normal}.shogi-promotion-zone i.is-zone{background:#f2c25c}.shogi-promotion-zone i>b{z-index:1;display:grid;width:130%;aspect-ratio:.82;place-items:center;clip-path:polygon(50% 0,91% 17%,100% 100%,0 100%,9% 17%);background:#fff1c4;color:#3d291d;font-family:serif;font-size:.65rem}.shogi-promotion-zone .is-to b{color:#a4382b;box-shadow:0 0 0 3px #a4382b}.shogi-promotion-when{padding:clamp(1rem,3vw,1.5rem)}.shogi-promotion-when>span{color:#8d3b2b;font-size:.72rem;font-weight:950}.shogi-promotion-when ol{display:grid;gap:.6rem;margin:.7rem 0;padding:0;list-style:none}.shogi-promotion-when li{display:grid;grid-template-columns:2.5rem minmax(0,1fr);align-items:center;gap:.7rem;padding:.7rem;border-radius:.7rem;background:#f7f2ec}.shogi-promotion-when li>b{display:grid;width:2.3rem;aspect-ratio:1;place-items:center;border-radius:50%;background:#9e432f;color:#fff;font-size:.65rem}.shogi-promotion-when li strong{color:#49372b}.shogi-promotion-when li p{margin:.15rem 0 0;color:#6a5b50;font-size:.76rem;line-height:1.55}.shogi-promotion-drop{margin:.7rem 0 0;padding:.75rem;border-left:5px solid #d29c3e;border-radius:.6rem;background:#fff1bd;color:#55461f;font-size:.78rem;line-height:1.65}.shogi-promotion-drop strong{display:block}.shogi-promotion-choice{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-top:.8rem}.shogi-promotion-choice article{min-width:0;padding:1rem;border:1px solid #cdbdac;border-radius:.9rem;background:#fff}.shogi-promotion-choice article>span{display:inline-flex;padding:.25rem .5rem;border-radius:999px;background:#ede5dc;color:#694a38;font-size:.65rem;font-weight:950}.shogi-promotion-choice .is-must{border:2px solid #9e432f;background:#fff5ed}.shogi-promotion-choice h3{margin:.55rem 0;font-size:1rem;line-height:1.5}.shogi-promotion-choice p,.shogi-promotion-choice li{color:#63564c;font-size:.78rem;line-height:1.7}.shogi-promotion-choice p{margin:0}.shogi-promotion-choice ul{margin:.4rem 0;padding-left:1.2rem}.shogi-promotion-choice li strong{color:#7f3528}.shogi-promotion-after{display:grid;grid-template-columns:2.7rem minmax(0,1fr);align-items:center;gap:.8rem;margin-top:.8rem;padding:1rem;border-radius:.85rem;background:#1a1a1a;color:#eee5dc}.shogi-promotion-after>span{display:grid;width:2.4rem;aspect-ratio:1;place-items:center;border-radius:50%;background:#f4c75b;color:#392b18;font-weight:950}.shogi-promotion-after p{margin:0;line-height:1.7}.shogi-promotion-after strong{display:block;color:#f4c75b}@media(max-width:900px){.othello-rule-grid{grid-template-columns:1fr}.othello-rule-grid article{display:grid;grid-template-columns:minmax(8rem,.65fr) minmax(0,1.35fr);gap:0 .8rem}.othello-rule-grid header{grid-column:1/-1}.othello-rule-grid article>p{align-self:center}.othello-rule-multi{width:7.5rem}.shogi-promotion-intro{grid-template-columns:1fr}.shogi-promotion-zone>div{width:min(100%,20rem)}.shogi-promotion-choice{grid-template-columns:1fr}}@media(max-width:560px){.othello-rule-answer{grid-template-columns:1fr}.othello-rule-answer>span{width:3rem}.othello-rule-grid article{grid-template-columns:1fr}.othello-rule-change{min-height:6rem}.othello-rule-pass{display:grid}.othello-rule-pass>i{justify-self:center;transform:rotate(90deg)}.shogi-promotion-intro{min-width:0}.shogi-promotion-zone{padding:1rem .65rem}.shogi-promotion-zone>div{width:100%}.shogi-promotion-zone i>b{font-size:.5rem}.shogi-promotion-after{grid-template-columns:1fr}}
