:root{--ink:#17221d;--muted:#607068;--paper:#f6f2e8;--card:#fffdf8;--board:#d9a95d;--board-line:#6f4b22;--accent:#e85d3f;--accent-dark:#b43c26;--green:#174d3b;--border:#d7d1c4}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink)}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}a{color:inherit}.site-footer{max-width:1180px;color:var(--muted);margin:0 auto;padding:18px 28px 28px;font-size:14px}.site-footer a{text-underline-offset:4px}.site-footer nav{flex-wrap:wrap;gap:18px;display:flex}.site-header{justify-content:space-between;align-items:center;max-width:1180px;margin:0 auto;padding:18px 28px;display:flex}.site-header>a:last-child{color:var(--green);text-underline-offset:4px;font-weight:700}.brand{letter-spacing:-1px;font-size:23px;font-weight:900;text-decoration:none}.brand span{color:var(--accent)}.site-nav{color:var(--green);align-items:center;gap:18px;font-size:14px;font-weight:800;display:flex}.site-nav a{text-underline-offset:4px}.game-shell,.answer-shell{background:radial-gradient(circle at 85% 8%, #e85d3f1c, transparent 30%), var(--paper);min-height:100vh}.game-intro{max-width:1180px;margin:18px auto 14px;padding:0 28px}.game-intro h1,.answer-shell h1{letter-spacing:-3px;font-family:Georgia,Times New Roman,serif}.game-intro h1{max-width:900px;margin:6px 0 10px;font-size:clamp(40px,4.5vw,64px);line-height:1}.answer-shell h1{max-width:820px;margin:8px 0 16px;font-size:clamp(42px,6vw,76px);line-height:.96}.game-intro>p:last-child,.direct-answer{max-width:720px;color:var(--muted);font-size:18px;line-height:1.65}.game-intro>p:last-child{margin:8px 0 0}.intro-learn{font-size:15px;margin-top:12px!important}.intro-learn a{color:var(--green);text-underline-offset:4px;font-weight:800}.eyebrow{color:var(--accent-dark);letter-spacing:.17em;text-transform:uppercase;font-size:12px;font-weight:900}.play-layout{grid-template-columns:minmax(0,720px) minmax(260px,1fr);align-items:start;gap:28px;max-width:1180px;margin:0 auto;padding:8px 28px 64px;display:grid}.status-row{justify-content:space-between;align-items:center;min-height:42px;margin-bottom:10px;display:flex}.status-actions{align-items:center;gap:8px;display:flex}.status-actions button.compact{white-space:nowrap;width:auto;margin:0;padding:7px 12px}@media (max-width:520px){.status-row{gap:8px}.status-actions{gap:6px}.status-actions button.compact{padding:6px 10px;font-size:13px}}.mode-chip{border:1px solid var(--border);color:var(--muted);background:var(--card);border-radius:999px;padding:6px 10px;font-size:12px}.mode-chip.fallback{color:#8a3f12;border-color:#e6b58f}.board{aspect-ratio:1;background-color:var(--board);touch-action:manipulation;-webkit-user-select:none;user-select:none;border:8px solid #8f612c;border-radius:6px;grid-template-columns:repeat(15,1fr);width:min(100%,680px);padding:2.2%;display:grid;box-shadow:0 18px 40px #38261138}.intersection{cursor:pointer;background:0 0;border:0;min-width:0;margin:0;padding:0;position:relative}.intersection:before,.intersection:after{content:"";background:var(--board-line);opacity:.72;pointer-events:none;position:absolute}.intersection:before{width:100%;height:1px;top:50%;left:0}.intersection:after{width:1px;height:100%;top:0;left:50%}.intersection:enabled:hover:before,.intersection:enabled:focus-visible:before{background:var(--accent);opacity:1;height:3px}.intersection:focus-visible{outline-offset:-3px;z-index:4;outline:3px solid #fff}.intersection:disabled{cursor:default}.stone{z-index:2;border-radius:50%;position:absolute;inset:10%;box-shadow:inset -4px -5px 7px #00000038,0 2px 4px #00000040}.stone.black{background:radial-gradient(circle at 34% 28%,#515550,#111814 58%)}.stone.white{background:radial-gradient(circle at 34% 28%,#fff,#e7e2d7 68%);border:1px solid #b8ad9a}.last-move .stone:after{content:"";background:var(--accent);border-radius:50%;width:24%;height:24%;position:absolute;top:38%;left:38%}.expected-move:after{background:var(--accent);opacity:.9;z-index:3;border-radius:50%;width:12px;height:12px;margin:-5.5px 0 0 -5.5px;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.55;transform:scale(1.45)}}.control-card,.comparison{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:24px;box-shadow:0 12px 30px #17221d14}.control-card h2{margin:0 0 12px;font-family:Georgia,serif;font-size:28px}.control-card p{color:var(--muted);line-height:1.55}button:not(.intersection),.button{border:1px solid var(--border);width:100%;color:var(--ink);text-align:center;cursor:pointer;background:#fff;border-radius:9px;margin-top:10px;padding:12px 14px;font-weight:800;text-decoration:none;display:block}button.primary,.button.primary{background:var(--green);border-color:var(--green);color:#fff}.button.disabled{opacity:.45;pointer-events:none}.notice{font-size:14px}.control-card input{border:1px solid var(--border);border-radius:7px;width:100%;margin-top:10px;padding:9px;font-size:12px}.difficulty-control{color:var(--muted);grid-template-columns:1fr auto;align-items:center;gap:12px;margin-top:14px;font-size:13px;font-weight:800;display:grid}.difficulty-control select{border:1px solid var(--border);color:var(--ink);font:inherit;background:#fff;border-radius:8px;padding:7px 28px 7px 9px}.difficulty-control small{color:var(--muted);grid-column:1/-1;margin-top:-5px;font-size:12px;font-weight:600;line-height:1.4}.answer-shell article{max-width:1180px;margin:54px auto 0;padding:0 28px 70px}.answer-shell h1{max-width:900px}.answer-demo{grid-template-columns:minmax(0,680px) minmax(280px,1fr);align-items:start;gap:28px;margin-top:38px;display:grid}.instruction{font-weight:750}.comparison>div{border-bottom:1px solid var(--border);justify-content:space-between;gap:20px;padding:15px 0;display:flex}.comparison>div span{color:var(--muted)}.comparison>p{color:var(--muted);font-size:14px;line-height:1.55}.how-to-shell article{max-width:960px}.how-to-shell h1{max-width:900px}.how-to-section{margin-top:54px}.how-to-section h2{letter-spacing:-1px;margin:0 0 14px;font:700 clamp(28px,4vw,40px)/1.1 Georgia,Times New Roman,serif}.how-to-section p,.how-to-section li{color:var(--muted);font-size:17px;line-height:1.65}.how-to-section li+li{margin-top:6px}.rules-card,.rule-clarifications{border:1px solid var(--border);background:var(--card);border-radius:16px;padding:26px;box-shadow:0 12px 30px #17221d14}.rules-card ul{margin:0;padding-left:23px}.rules-card p{border-top:1px solid var(--border);margin:20px 0 0;padding-top:18px}.line-examples{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.line-example{border:1px solid var(--border);background:var(--card);border-radius:14px;margin:0;padding:18px}.line-example figcaption{text-align:center;margin-top:12px;font-weight:800}.mini-board,.lesson-board{aspect-ratio:1;background:var(--board);border:5px solid #8f612c;border-radius:6px;grid-template-columns:repeat(7,1fr);padding:4%;display:grid}.mini-intersection{min-width:0;position:relative}.mini-intersection:before,.mini-intersection:after{content:"";background:var(--board-line);opacity:.72;position:absolute}.mini-intersection:before{width:100%;height:1px;top:50%;left:0}.mini-intersection:after{width:1px;height:100%;top:0;left:50%}.mini-intersection .stone{z-index:2}.make-five-exercise{grid-template-columns:minmax(0,420px) minmax(220px,1fr);align-items:start;gap:24px;margin-top:20px;display:grid}.lesson-board{border-width:6px;width:min(100%,420px);box-shadow:0 14px 32px #3826112e}.lesson-intersection .stone{inset:12%}.exercise-feedback{border:1px solid var(--border);background:var(--card);border-radius:14px;padding:22px}.exercise-feedback strong{min-height:48px;font-size:18px;line-height:1.45;display:block}.rule-clarifications a{text-underline-offset:4px;font-weight:800}.ready-section{max-width:440px}.privacy-shell{background:radial-gradient(circle at 85% 8%, #e85d3f1c, transparent 30%), var(--paper);min-height:calc(100vh - 72px);padding:70px 28px}.privacy-shell article{max-width:760px;margin:0 auto}.privacy-shell h1{letter-spacing:-3px;margin:8px 0 18px;font:700 clamp(42px,6vw,72px)/.98 Georgia,Times New Roman,serif}.privacy-shell h2{margin:34px 0 10px;font:700 25px/1.2 Georgia,Times New Roman,serif}.privacy-shell p,.privacy-shell li{color:var(--muted);font-size:17px;line-height:1.7}.privacy-shell li+li{margin-top:5px}.privacy-lead{max-width:680px;font-size:20px!important}.privacy-shell code{color:var(--ink);background:#174d3b14;border-radius:5px;padding:2px 5px}.privacy-boundary{border-top:1px solid var(--border);margin-top:38px;padding-top:20px;font-size:14px!important}.practice-shell article{max-width:1180px}.practice-shell h1{max-width:880px}.practice-trainer{margin-top:38px}.practice-progress{color:var(--muted);margin-bottom:12px;font-size:14px;font-weight:800}.practice-layout{grid-template-columns:minmax(0,680px) minmax(260px,1fr);align-items:start;gap:28px;display:grid}.practice-board-wrap{min-width:0}.practice-card{border:1px solid var(--border);background:var(--card);border-radius:16px;padding:24px;box-shadow:0 12px 30px #17221d14}.practice-card h2{margin:0 0 12px;font:700 30px/1.15 Georgia,Times New Roman,serif}.practice-card>p:not(.eyebrow){color:var(--muted);line-height:1.6}.practice-feedback{border:1px solid var(--border);background:var(--paper);border-radius:10px;gap:5px;min-height:92px;margin:20px 0 4px;padding:16px;line-height:1.45;display:grid}.practice-feedback span{color:var(--muted)}.practice-feedback.correct{background:#edf6f0;border-color:#76a58d}.practice-feedback.incorrect{background:#fff4ec;border-color:#d9a680}.training-toolbar{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.training-toolbar button{border:1px solid var(--border);background:var(--card);cursor:pointer;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:700}.training-toolbar button.active{background:var(--green);color:#fff;border-color:var(--green)}.difficulty-toolbar{margin-bottom:8px}.difficulty-toolbar button{padding:5px 11px;font-size:12px}.training-progress{color:var(--muted);margin-bottom:12px;font-size:14px;font-weight:800}.training-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;display:flex}.training-actions .button-link{text-decoration:none}@media (max-width:850px){.reaction-creature.roaming-sleeping,.reaction-creature.roaming-terminal,.reaction-creature.roaming-perch-south-east{transform:translate(0)}.reaction-creature.roaming-perch-west{transform:translate(calc(-100vw + 140px),10px)}.reaction-creature.roaming-perch-north-east{transform:translate(-150px,10px)}.reaction-creature.roaming-perch-board-edge{transform:translate(-20px,10px)}}@media (min-width:851px) and (max-width:1300px){.reaction-creature.roaming-sleeping,.reaction-creature.roaming-terminal,.reaction-creature.roaming-perch-south-east{transform:translate(0)}.reaction-creature.roaming-perch-west{transform:translate(max(-702px,-100vw + 600px),10px)}.reaction-creature.roaming-perch-north-east{transform:translate(-56px,10px)}.reaction-creature.roaming-perch-board-edge{transform:translate(-380px,10px)}}@media (max-width:850px){.play-layout,.answer-demo,.practice-layout{grid-template-columns:1fr}.control-card,.comparison,.practice-card{max-width:680px}.line-examples{grid-template-columns:1fr;max-width:420px}.make-five-exercise{grid-template-columns:1fr}.exercise-feedback{max-width:420px}}@media (max-width:520px){.site-header,.site-footer,.game-intro,.play-layout,.answer-shell article,.privacy-shell{padding-left:14px;padding-right:14px}.site-header{flex-wrap:wrap;row-gap:10px;padding-top:17px}.site-nav{flex-wrap:wrap;gap:8px;font-size:12.5px}.game-intro{margin-top:12px}.game-intro h1,.answer-shell h1{letter-spacing:-2px}.board{border-width:5px;width:100%}.stone{inset:7%}.control-card,.comparison,.practice-card,.rules-card,.rule-clarifications{padding:18px}.how-to-section{margin-top:42px}}.board-zone{flex-direction:column;width:100%;display:flex;position:relative}.creature-perch{pointer-events:none;z-index:6;align-self:flex-end;margin-top:-18px}@media (min-width:800px) and (min-height:900px) and (max-height:940px){.creature-perch{margin-top:-105px}}.reaction-creature,.reaction-creature *{pointer-events:none}.reaction-stage{pointer-events:none;z-index:8;position:absolute;inset:0;overflow:visible}.fx-fly{animation:.9s linear forwards fx-fly-across;position:absolute;top:6px;left:0}@keyframes fx-fly-across{0%{transform:translate(-12%)}to{transform:translate(112%)}}.fx-fireworks{pointer-events:none;height:96px;position:absolute;top:0;left:0;right:0;overflow:visible}.fx-fireworks .spark{opacity:0;border-radius:50%;width:9px;height:9px;animation:1.35s ease-out forwards fx-burst;position:absolute}.fx-fireworks .s1{background:#e8a33d;animation-delay:0s;top:16px;left:7%}.fx-fireworks .s2{background:#d9534f;animation-delay:90ms;top:10px;left:9%}.fx-fireworks .s3{background:#5cb85c;animation-delay:.15s;top:20px;left:5%}.fx-fireworks .s7{background:#f0c75e;animation-delay:.22s;top:22px;left:8%}.fx-fireworks .s8{background:#4aa3df;animation-delay:.28s;top:12px;left:6%}.fx-fireworks .s4{background:#4aa3df;animation-delay:60ms;top:16px;left:91%}.fx-fireworks .s5{background:#e8a33d;animation-delay:.14s;top:10px;left:93%}.fx-fireworks .s6{background:#d9534f;animation-delay:.2s;top:20px;left:89%}.fx-fireworks .s9{background:#5cb85c;animation-delay:.24s;top:22px;left:92%}.fx-fireworks .s10{background:#f0c75e;animation-delay:.3s;top:12px;left:94%}@keyframes fx-burst{0%{opacity:0;transform:translate(0)scale(.3)}15%{opacity:1}to{opacity:0;transform:translate(var(--dx,0), var(--dy,78px)) scale(1)}}.fx-fireworks .s1{--dx:-22px}.fx-fireworks .s2{--dx:16px}.fx-fireworks .s3{--dx:-10px}.fx-fireworks .s4{--dx:22px}.fx-fireworks .s5{--dx:-16px}.fx-fireworks .s6{--dx:10px}.fx-fireworks .s7{--dx:-6px}.fx-fireworks .s8{--dx:8px}.fx-fireworks .s9{--dx:-12px}.fx-fireworks .s10{--dx:14px}.fx-fish{filter:drop-shadow(0 1px 1px #00000040);animation:1.5s cubic-bezier(.34,1.4,.64,1) forwards fx-drop-in;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.fx-fish svg{width:120px;height:30px}@keyframes fx-drop-in{0%{opacity:0;transform:translate(-50%,-140%)}25%{opacity:1}to{opacity:1;transform:translate(-50%,220%)}}.fx-microtext{color:#5b4636;letter-spacing:.2px;white-space:nowrap;background:#ffffffdb;border:1px solid #5b463640;border-radius:9px;max-width:80%;padding:2px 7px;font:700 13px/1.2 system-ui,sans-serif;position:absolute;bottom:6px;right:8px}.icon-btn{cursor:pointer;background:0 0;border:1px solid #00000026;border-radius:8px;width:32px;height:32px;font-size:15px}.reaction-creature.cat-stretch .creature-body{transform-origin:bottom;transform:scaleX(1.28)scaleY(.9)translateY(3px)}.reaction-creature.cat-stretch .paw{transform:translateY(10px)}.reaction-creature.cat-stretch .tail{transform:translateY(-4px)}@media (max-width:480px){.fx-microtext{font-size:12px;right:4px}.fx-fish svg{width:96px;height:26px}}@media (prefers-reduced-motion:reduce){.fx-fly,.fx-fireworks .spark,.fx-fish{animation:none}}.reaction-creature{width:104px;height:96px;transition:transform .55s cubic-bezier(.22,.61,.36,1);position:relative}@media (min-width:1301px){.reaction-creature.roaming-sleeping,.reaction-creature.roaming-terminal,.reaction-creature.roaming-perch-south-east{transform:translate(0)}.reaction-creature.roaming-perch-west{transform:translate(-702px,-240px)}.reaction-creature.roaming-perch-north-east{transform:translate(-56px,-742px)}.reaction-creature.roaming-perch-board-edge{transform:translate(-380px,-742px)}}.reaction-creature:not([aria-disabled=true]) .creature-svg{pointer-events:all;cursor:pointer}.reaction-creature:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:18px}.creature-anim{width:100%;height:100%}.creature-svg{width:100%;height:100%;display:block;overflow:visible}.reaction-creature .creature-body{transform-origin:64px 100px}.reaction-creature .creature-head{transform:rotate(var(--look-rot,0deg));transform-origin:64px 82px;transition:transform .28s}.reaction-creature .tail{transform-origin:100px 100px}.reaction-creature .ear{transform-origin:52px 36px;transition:transform .22s}.reaction-creature .ear-right{transform-origin:78px 36px}.reaction-creature .pupil{transform:translate(var(--look-x,0px), var(--look-y,0px))}.reaction-creature .eye{transform-origin:50%}.reaction-creature .eyes-normal .eye{animation:4.6s infinite creature-blink}.reaction-creature .tail{fill:none;stroke:#202622;stroke-width:10px;stroke-linecap:round}.reaction-creature .body,.reaction-creature .head,.reaction-creature .ear,.reaction-creature .paw{fill:#202622}.reaction-creature .belly{fill:#59615c}.reaction-creature .ear-inner{fill:#f6a7a0}.reaction-creature .eye-white{fill:#fff}.reaction-creature .pupil circle,.reaction-creature circle.pupil{fill:#2b2018}.reaction-creature .glint{fill:#fff}.reaction-creature .mouth{fill:none;stroke:#7a4b2a;stroke-width:2px;stroke-linecap:round}.reaction-creature .nose{fill:#e8726d}.reaction-creature .blush{fill:#f6a7a0;opacity:.5}.reaction-creature .lid{fill:#202622}@keyframes creature-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.015,.99)}}@keyframes creature-board-patrol{0%,48%,to{transform:translate(0)}56%{transform:translate(-18px,-18px)rotate(-2deg)}64%{transform:translate(-42px,-42px)rotate(2deg)}72%{transform:translate(-70px,-64px)rotate(-2deg)}80%{transform:translate(-42px,-42px)rotate(2deg)}88%{transform:translate(-18px,-18px)rotate(-2deg)}94%{transform:translate(0)}}@keyframes creature-blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.08)}}@keyframes creature-startle{0%{transform:translateY(0)scale(1)}22%{transform:translateY(-9px)scale(1.14,1.1)}50%{transform:translateY(0)scale(.96,1.02)}72%{transform:translateY(-3px)scale(1.03)}to{transform:translateY(0)scale(1)}}@keyframes creature-shiver{0%,to{transform:translate(0)}25%{transform:translate(-1.4px)}75%{transform:translate(1.4px)}}@keyframes creature-hop{0%,to{transform:translateY(0)}45%{transform:translateY(-11px)scaleY(1.04)}}@keyframes creature-sad-settle{0%{transform:translateY(0)scale(1)}to{transform:translateY(4px)scale(.94)}}@keyframes tail-sway{0%,to{transform:rotate(-9deg)}50%{transform:rotate(10deg)}}@keyframes tail-wag-fast{0%,to{transform:rotate(-12deg)}50%{transform:rotate(14deg)}}@keyframes pupil-dart{0%,to{transform:translate(var(--look-x,0px), var(--look-y,0px))}30%{transform:translate(calc(var(--look-x,0px) + 1.6px), calc(var(--look-y,0px) - 1px))}70%{transform:translate(calc(var(--look-x,0px) - 1.4px), calc(var(--look-y,0px) + 1.2px))}}@keyframes head-tilt-curious{0%{transform:rotate(0)}55%{transform:rotate(8deg)}to{transform:rotate(4deg)}}.mood-idle .creature-body{animation:3.4s ease-in-out infinite creature-breathe}.state-active.mood-idle .creature-anim{animation:11s ease-in-out infinite creature-board-patrol}.mood-idle .tail{animation:4s ease-in-out infinite tail-sway}.state-sleeping .creature-body{transform-origin:64px 104px;animation:4.6s ease-in-out infinite creature-breathe}.state-sleeping .tail{animation:none;transform:rotate(25deg)}.sleep-z{fill:var(--muted);opacity:.8;font:800 16px/1 Georgia,serif}.state-defeated .creature-anim{transform-origin:65% 85%;animation:.65s ease-out forwards creature-collapse}.defeat-mark{z-index:2;color:#9f2f2f;letter-spacing:.5px;background:#fff7e8;border:2px solid;border-radius:999px;padding:2px 6px;font:900 14px/1 system-ui,sans-serif;position:absolute;top:-8px;right:-4px;transform:rotate(8deg)}.pet-reaction{z-index:3;color:#b73545;background:#fff7e8;border:2px solid;border-radius:999px;place-items:center;min-width:28px;height:28px;padding:0 5px;font:900 17px/1 system-ui,sans-serif;animation:1.35s ease-out forwards creature-pet-bubble;display:grid;position:absolute;top:-10px;right:2px}@keyframes creature-pet-hop{0%,to{transform:translateY(0)rotate(0)}35%{transform:translateY(-13px)rotate(-4deg)}65%{transform:translateY(-5px)rotate(4deg)}}@keyframes creature-pet-stretch{0%,to{transform:scale(1)rotate(0)}40%{transform:translate(-6px)scale(1.16,1.04)rotate(-2deg)}70%{transform:translate(-9px)scale(1.2,1.06)rotate(2deg)}}@keyframes creature-pet-wave{0%,to{transform:rotate(0)}35%{transform:rotate(-18deg)translateY(-5px)}70%{transform:rotate(14deg)translateY(-2px)}}@keyframes creature-pet-annoyed{0%,to{transform:translate(0)}30%{transform:translate(-4px)rotate(-3deg)}60%{transform:translate(4px)rotate(3deg)}}@keyframes creature-pet-bubble{0%{opacity:0;transform:translateY(8px)scale(.6)}25%,70%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-12px)scale(.9)}}.pet-heart .creature-body{animation:.75s ease-in-out creature-pet-hop!important}.pet-stretch .creature-body{animation:1.05s ease-in-out creature-pet-stretch!important}.pet-fish .paw:first-of-type{transform-origin:46px 118px;animation:.75s ease-in-out creature-pet-wave}.pet-annoyed .creature-head{animation:.42s ease-in-out 2 creature-pet-annoyed!important}@keyframes creature-collapse{0%{transform:rotate(0)translate(0)}65%{transform:rotate(-96deg)translate(-3px,2px)}82%{transform:rotate(-87deg)translate(0)}to{transform:rotate(-90deg)translate(0)}}.mood-alert .creature-body{animation:.55s cubic-bezier(.3,1.4,.5,1) creature-startle}.mood-alert .ear{transform:scaleY(1.14)}.mood-alert .tail{animation:.5s ease-in-out 3 tail-wag-fast}.mood-nervous .creature-body{animation:.3s linear infinite creature-shiver}.mood-nervous .pupil{animation:.5s linear infinite pupil-dart}.mood-excited .creature-body{animation:.5s ease-in-out 3 creature-hop}.mood-excited .tail{animation:.4s ease-in-out infinite tail-wag-fast}.mood-sad .creature-body{animation:.7s ease-out forwards creature-sad-settle;transform:translateY(4px)scale(.94)}.mood-sad .ear-left{transform:rotate(-16deg)translateY(3px)}.mood-sad .ear-right{transform:rotate(16deg)translateY(3px)}.mood-sad .tail{transform:rotate(24deg)}.mood-curious .creature-head{animation:.8s ease-in-out forwards head-tilt-curious}.mood-alert .mouth{fill:#7a4b2a;stroke:none}.reaction-creature.focus-major .ear{transform:scaleY(1.2)}.reaction-creature.focus-major.mood-nervous .creature-body{animation:.26s linear infinite creature-shiver}.reaction-creature.focus-minor .creature-head{transform:rotate(calc(var(--look-rot,0deg) + 2deg))}.reaction-creature.waiting-look .creature-head{transform:rotate(calc(var(--look-rot,0deg) + 5deg)) translateY(-1px)}.reaction-creature.waiting-look .creature-body{transform:translateY(-1px)}.state-terminal.mood-excited .tail{animation:none;transform:rotate(-52deg)}.state-terminal.mood-excited .ear{transform:scaleY(1.06)}.state-terminal.mood-curious .creature-head{transform:rotate(4deg)}.state-defeated .defeat-mark{transition:opacity .6s}.state-defeated.comfort .creature-anim{transition:transform .9s cubic-bezier(.34,1.4,.5,1);animation:none;transform:rotate(0)translate(0)}.state-defeated.comfort .creature-head{transform:rotate(6deg)}.state-defeated.comfort .defeat-mark{opacity:0}@media (max-width:520px){.creature-perch{margin-top:-10px}.reaction-creature{width:84px;height:78px}}@media (prefers-reduced-motion:reduce){.reaction-creature,.reaction-creature *,.reaction-creature :before,.reaction-creature :after{transition:none!important;animation:none!important}.state-defeated .creature-anim{transform:rotate(-90deg)}.mood-alert .ear{transform:scaleY(1.14)}.mood-sad .creature-body{transform:translateY(4px)scale(.94)}.mood-sad .ear-left{transform:rotate(-16deg)translateY(3px)}.mood-sad .ear-right{transform:rotate(16deg)translateY(3px)}.mood-sad .tail{transform:rotate(24deg)}.mood-curious .creature-head{transform:rotate(4deg)}.mood-excited .creature-body{transform:translateY(-6px)}.reaction-creature.focus-major .ear{transform:scaleY(1.2)}.reaction-creature.focus-major.mood-nervous .creature-body{transform:scale(.97)}.reaction-creature.focus-minor .creature-head{transform:rotate(4deg)}.reaction-creature.waiting-look .creature-head{transform:rotate(5deg)}.state-defeated.comfort .creature-anim{transform:rotate(0)translate(0)}.state-defeated.comfort .creature-head{transform:rotate(6deg)}.state-defeated.comfort .defeat-mark{opacity:0}.state-terminal.mood-excited .tail{transform:rotate(-52deg)}}.play-shell .game-intro,.home-shell .game-intro{margin:10px auto 8px}.play-shell .game-intro h1,.home-shell .game-intro h1{margin:2px 0 4px;font-size:clamp(34px,3.8vw,44px)}.play-shell .game-intro>p:last-child,.home-shell .game-intro>p:last-child{margin-top:4px;line-height:1.5}.play-shell .status-row,.home-shell .status-row{min-height:32px;margin-bottom:4px}.play-shell .play-layout,.home-shell .play-layout{padding-top:2px}.home-shell .site-header{padding-top:8px;padding-bottom:8px}.home-shell .game-intro{margin-top:4px;margin-bottom:2px}.home-shell .game-intro .eyebrow{margin:0}.home-shell .game-intro>p:last-child{line-height:1.3}.home-shell .status-row{min-height:28px;margin-bottom:2px}.creature-perch{position:relative}.creature-comedy,.creature-comedy *{pointer-events:none}.creature-comedy{--cc-travel-x:74px;--cc-travel-y:0px;position:absolute;inset:0}.creature-comedy .cc-svg{width:100%;height:100%;display:block;overflow:visible}.creature-perch.comedy-active .reaction-creature{opacity:0;transition:opacity .15s}.creature-comedy .cc-body,.creature-comedy .cc-head,.creature-comedy .cc-ear,.creature-comedy .cc-paw{fill:#202622}.creature-comedy .cc-belly{fill:#59615c}.creature-comedy .cc-tail{fill:none;stroke:#202622;stroke-width:10px;stroke-linecap:round}.creature-comedy .cc-eye{fill:none;stroke:#2b2018;stroke-width:2.4px;stroke-linecap:round}.creature-comedy .cc-nose{fill:#e8726d}.creature-comedy .cc-mouth{fill:none;stroke:#7a4b2a;stroke-width:2px;stroke-linecap:round}.creature-comedy .cc-blush{fill:#f6a7a0;opacity:.5}.creature-comedy .cc-whisker{stroke:#59615c}@keyframes cc-travel{0%{transform:translate(0)}30%{transform:translate(var(--cc-travel-x), var(--cc-travel-y))}46%{transform:translate(var(--cc-travel-x), var(--cc-travel-y))}72%{transform:translate(0)}80%{transform:translateY(-4px)}88%{transform:translate(0)}96%{transform:translateY(-4px)}to{transform:translate(0)}}@keyframes cc-pop-hold{0%{transform:scale(1)}10%{transform:scale(var(--cc-pop-scale,1.8))}86%{transform:scale(var(--cc-pop-scale,1.8))}to{transform:scale(1)}}@keyframes cc-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes cc-prop-in{0%{opacity:0}to{opacity:1}}@keyframes cc-fish-wiggle{0%,to{transform:rotate(0)}35%{transform:rotate(-6deg)}70%{transform:rotate(5deg)}}@keyframes cc-tail-wag{0%,to{transform:rotate(-46deg)}50%{transform:rotate(-34deg)}}@keyframes cc-shorts-pop{0%{opacity:0;transform:translateY(-8px)scale(.55)}to{opacity:1;transform:translateY(0)scale(1)}}.creature-comedy .cc-travel{animation:1.7s cubic-bezier(.45,.05,.4,1) forwards cc-travel}.creature-comedy .cc-pop{transform-origin:50% 100%;animation:2.9s forwards cc-pop-hold}.creature-comedy .cc-cat{animation:.28s ease-in-out 7 cc-bob}.creature-comedy .cc-tail{transform-origin:100px 100px;animation:.32s ease-in-out infinite cc-tail-wag;transform:rotate(-40deg)}.creature-comedy.cc-fish .cc-fish-wrap{opacity:0;animation:.35s ease-out 1.15s both cc-prop-in}.creature-comedy.cc-fish .cc-fish{transform-origin:78px 80px;animation:.45s ease-in-out 1.5s 5 cc-fish-wiggle}.creature-comedy.cc-floral_shorts .cc-shorts{transform-origin:64px 40px;animation:.5s cubic-bezier(.3,1.5,.5,1) 1.2s both cc-shorts-pop}.creature-comedy .cc-shorts-band{fill:#fffaf0;stroke:#c63d55;stroke-width:1.8px}.creature-comedy .cc-shorts-bandline{fill:none;stroke:#c63d55;stroke-width:1.2px}.creature-comedy .cc-shorts-stitch{fill:none;stroke:#c63d55;stroke-width:1px;stroke-dasharray:3 2}.creature-comedy .cc-shorts-button{fill:#c63d55}.creature-comedy .cc-shorts-leg{fill:#d94a63}.creature-comedy .cc-shorts-hole{fill:#a8344a}.creature-comedy .cc-hold{fill:#202622;stroke:#59615c;stroke-width:1.4px}.creature-comedy .cc-dot{fill:#fff;opacity:.95}.creature-comedy .cc-flower{fill:#ffd23f;stroke:#e8a520;stroke-width:1px}.creature-comedy .cc-fish-body{fill:#fff;stroke:#2b2018;stroke-width:1.6px}.creature-comedy .cc-fish-tail,.creature-comedy .cc-fish-fin{fill:#f4a259;stroke:#2b2018;stroke-width:1.4px}.creature-comedy .cc-fish-eye{fill:#fff;stroke:#2b2018;stroke-width:1.2px}.creature-comedy .cc-fish-mouth{fill:none;stroke:#2b2018;stroke-width:1.4px;stroke-linecap:round}@media (max-width:850px){.creature-comedy{--cc-travel-x:0px;--cc-travel-y:20px;--cc-pop-scale:1.4}}@media (max-width:520px){.creature-comedy{--cc-travel-x:0px;--cc-travel-y:24px;--cc-pop-scale:1}}@media (prefers-reduced-motion:reduce){.creature-comedy *,.creature-comedy :before,.creature-comedy :after{animation:none!important}.creature-comedy.cc-fish .cc-fish-wrap{opacity:1}.creature-comedy .cc-tail{transform:rotate(-40deg)}}.reaction-creature.ctx-sleepy:not(.mood-excited):not(.mood-alert):not(.mood-nervous):not(.mood-sad) .creature-body{transform:translateY(2px)}.reaction-creature.ctx-sleepy:not(.mood-excited):not(.mood-alert):not(.mood-nervous):not(.mood-sad) .eyes-normal .eye-white{opacity:.45}.reaction-creature.ctx-sleepy:not(.mood-excited):not(.mood-alert):not(.mood-nervous):not(.mood-sad) .eyes-normal .pupil{opacity:.5}.reaction-creature.ctx-sleepy:not(.mood-excited):not(.mood-alert):not(.mood-nervous):not(.mood-sad) .tail{transform:rotate(18deg)}.strategy-topic-list{gap:10px;margin:18px 0 0;padding:0;list-style:none;display:grid}.strategy-topic-list a{border:1px solid var(--border);color:inherit;background:var(--card);border-radius:12px;flex-direction:column;gap:2px;padding:14px 16px;text-decoration:none;transition:border-color .15s,transform .15s;display:flex}.strategy-topic-list a:hover{border-color:#00000059;transform:translateY(-1px)}.strategy-topic-list strong{font-size:1.02rem}.strategy-topic-list span{color:var(--muted);font-size:.92rem}.strategy-demo{flex-direction:column;gap:8px;margin:14px 0;display:flex}.strategy-demo .board{max-width:320px}.strategy-demo p{color:var(--muted);margin:0;font-size:.92rem}.strategy-trainer{margin:16px 0}.strategy-companion-row{align-items:center;gap:10px;min-height:44px;margin-top:12px;display:flex}.strategy-companion-note{color:var(--muted);font-size:.9rem}.puzzle-companion{pointer-events:none;flex:none;width:72px;height:66px}.puzzle-companion-svg{width:100%;height:100%;display:block;overflow:visible}.pc-celebrating .pc-body{transform-origin:64px 110px;animation:.6s ease-in-out 2 pc-hop}.pc-celebrating .pc-tail{transform-origin:100px 100px;transform:rotate(-30deg)}.pc-quiet .pc-eye{fill:#2b2018}.pc-celebrating .pc-eye{fill:none;stroke:#2b2018;stroke-width:2.4px;stroke-linecap:round}.pc-nose,.pc-mouth{fill:#2b2018}.pc-mouth{fill:none;stroke:#2b2018;stroke-width:2.2px;stroke-linecap:round}.pc-blush{fill:#f2b8a6;opacity:.8}.pc-body{fill:#3a3f3c}.pc-belly{fill:#d9d2c4}.pc-head,.pc-ear,.pc-tail,.pc-paw{fill:#3a3f3c}@keyframes pc-hop{0%,to{transform:translateY(0)scale(1)}35%{transform:translateY(-9px)scale(1.04,.96)}70%{transform:translateY(-3px)scale(.98,1.03)}}.strategy-inline-links{border-top:1px solid var(--border);flex-wrap:wrap;gap:18px;margin-top:22px;padding-top:14px;font-size:.95rem;display:flex}.strategy-next{flex-wrap:wrap;gap:18px;margin-top:10px;padding:12px 0 28px;font-size:.95rem;display:flex}@media (prefers-reduced-motion:reduce){.pc-celebrating .pc-body,.strategy-topic-list a{transform:none;animation:none!important}}.practice-complete-actions{flex-direction:column;gap:8px;display:flex}.button-link{cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;padding:10px 14px;font-weight:800;text-decoration:none;display:inline-flex}.button-link.primary{background:var(--accent);color:#fff}@media (max-width:520px){html,body{overflow-x:clip}.answer-shell article,.strategy-trainer,.strategy-demo,.strategy-companion-row{min-width:0;max-width:100%}.strategy-demo .board{width:100%}.creature-perch{max-width:100%}}.coach-list{gap:8px;margin:0 0 12px;padding:0;list-style:none;display:grid}.coach-list li{border:1px solid var(--border);background:var(--card);border-radius:10px;padding:10px 12px}.coach-fact{margin-bottom:8px;font-size:14px;font-weight:600;display:block}.coach-feedback{border-radius:8px;margin:10px 0;padding:10px 12px;font-size:14px}.coach-feedback.waiting{background:var(--card);border:1px solid var(--border)}.coach-feedback.correct{background:#e7f4ea;border:1px solid #9fd0aa}.coach-feedback.incorrect{background:#fbeaea;border:1px solid #e0a9a9}.coach-next{gap:8px;margin-top:10px;display:grid}