@charset "UTF-8";
:root{--ink:#25224f;--pink:#ff81b9;--blue:#3c64f5;--yellow:#ffe46a;--paper:#fff9ed;--line:#dedee9;--mint:#cef4e9;--shadow:0 7px 0 var(--ink);font-family:'Arial Rounded MT Bold','Microsoft YaHei','PingFang SC',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background-image:linear-gradient(#c9c6d642 1px,transparent 1px),linear-gradient(90deg,#c9c6d642 1px,transparent 1px);background-size:28px 28px}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible{outline:4px solid var(--blue);outline-offset:5px}button:active:not(:disabled){transform:translateY(4px);box-shadow:0 2px 0 var(--ink)}button{transition:transform .12s,box-shadow .12s}button:hover:not(:disabled){filter:brightness(1.025)}[hidden]{display:none!important}.bg-blob{position:fixed;border-radius:50%;z-index:-1;pointer-events:none}.blob-pink{width:470px;height:470px;background:#ffb9d535;top:180px;left:-240px}.blob-blue{width:510px;height:510px;background:#b9c7ff35;right:-260px;bottom:-150px}.pink{color:#ec64a3}.topbar{max-width:1250px;margin:auto;padding:25px 35px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:2px dashed #25224f35}.brand{border:0;background:transparent;font-weight:900;font-size:21px;padding:0;display:flex;align-items:center;gap:10px;white-space:nowrap}.brand-icon{display:inline-grid;place-items:center;background:var(--pink);border:2px solid var(--ink);width:34px;height:34px;transform:rotate(-10deg);border-radius:10px;font-size:27px}.brand-en{font:800 10px/1.4 monospace;letter-spacing:2px;margin-left:7px}.header-tools{display:flex;align-items:center;gap:14px}.header-note{font-size:11px;letter-spacing:1px;margin-right:12px}.round{border:3px solid var(--ink);border-radius:50%;background:#fffef9;box-shadow:0 4px 0 var(--ink);display:inline-grid;place-items:center;font-size:24px;font-weight:900;width:46px;height:46px;flex-shrink:0}.small{width:36px;height:36px;font-size:22px;border-width:2px;box-shadow:0 3px 0 var(--ink)}main{max-width:1120px;margin:auto;min-height:calc(100vh - 155px)}.home{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:center;padding:47px 30px 35px}.poster{position:relative;text-align:center;align-self:stretch;display:flex;flex-direction:column;align-items:center}.eyebrow{font-size:10px;letter-spacing:3px;font-weight:900;font-family:monospace;margin:0 0 14px;display:flex;align-items:center;gap:8px}.eyebrow:before,.eyebrow:after{content:'';display:block;width:22px;height:1px;background:var(--ink)}.logo{position:relative;isolation:isolate;width:100%;height:220px;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(-5deg);margin-top:0}.logo:before{content:'';position:absolute;inset:-5px 20px;background:var(--ink);clip-path:polygon(50% 0,59% 20%,75% 6%,76% 28%,97% 21%,87% 45%,100% 57%,81% 67%,88% 93%,61% 86%,50% 100%,40% 82%,18% 95%,20% 71%,0 68%,14% 48%,0 28%,25% 29%,29% 6%,43% 23%);z-index:-2}.logo:after{content:'';position:absolute;inset:7px 32px;background:var(--yellow);clip-path:polygon(50% 0,59% 20%,75% 6%,76% 28%,97% 21%,87% 45%,100% 57%,81% 67%,88% 93%,61% 86%,50% 100%,40% 82%,18% 95%,20% 71%,0 68%,14% 48%,0 28%,25% 29%,29% 6%,43% 23%);z-index:-1}.logo h1{font-weight:1000;font-size:64px;letter-spacing:-6px;line-height:1.05;margin:17px 0 0;color:var(--pink);-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;text-shadow:4px 6px 0 var(--ink);transform:rotate(2deg)}.logo-ribbon{background:var(--blue);border:4px solid var(--ink);box-shadow:4px 5px 0 var(--ink);color:white;font-size:25px;font-weight:1000;letter-spacing:6px;padding:5px 29px;margin-top:12px;transform:rotate(3deg)}.doodle{position:absolute;font-weight:1000;font-size:35px;text-shadow:2px 2px 0 var(--ink);-webkit-text-stroke:1px var(--ink)}.doodle.plus{color:#80e5cb;top:66px;left:7px;transform:rotate(-15deg)}.doodle.star{color:#c4a0f2;right:4px;top:52px}.doodle.dot{color:var(--pink);bottom:0;left:48px}.mascot{width:260px;height:250px;position:relative;margin:4px auto 0;filter:drop-shadow(0 7px 0 #25224f0b)}.cat-art{display:block;width:100%;height:100%;background-image:url('assets/cat-atlas-v2.png');background-repeat:no-repeat;background-size:300% 200%;background-position:0 0}.mood-idle{background-position:0 0}.mood-thinking{background-position:50% 0}.mood-happy{background-position:100% 0}.mood-oops{background-position:0 100%}.mood-win{background-position:50% 100%}.mood-sleep{background-position:100% 100%}.bob{animation:bob 3s ease-in-out infinite}.bubble{position:relative;display:inline-block;background:white;border:2px solid var(--ink);border-radius:16px;padding:10px 16px;font-size:12px;font-weight:700;box-shadow:3px 3px 0 #25224f18}.bubble:after{content:'';position:absolute;width:10px;height:10px;border-left:2px solid var(--ink);border-bottom:2px solid var(--ink);background:white;bottom:-7px;left:25px;transform:rotate(-45deg)}.poster-note{font-size:11px;letter-spacing:2px;margin-top:15px;display:flex;gap:10px;align-items:center}.poster-note span{background:var(--yellow);border:1px solid var(--ink);padding:3px 6px;transform:rotate(-5deg)}.home-panel{padding-top:8px}.tiny-tag{display:inline-block;background:var(--mint);border:2px solid var(--ink);border-radius:4px;padding:5px 10px;transform:rotate(-3deg);font-size:10px;font-weight:800;letter-spacing:2px}.home-panel h2{font-size:27px;letter-spacing:1px;line-height:1.4;margin:20px 0 9px}.home-panel .intro{font-size:12px;line-height:1.9;color:#67617e;margin:0 0 24px}.big-button{display:block;width:100%;border:3px solid var(--ink);border-radius:20px;box-shadow:var(--shadow);background:var(--pink);padding:18px 24px;text-align:left;position:relative}.big-button strong{display:block;font-size:27px;font-weight:1000;letter-spacing:2px;color:white;text-shadow:2px 3px 0 var(--ink)}.big-button small{display:block;font-size:11px;font-weight:700;margin-top:6px}.big-button .arrow{position:absolute;right:24px;top:19px;font-size:35px;color:white;text-shadow:2px 2px 0 var(--ink)}.section-label{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:800;margin:28px 0 12px}.section-label small{font:9px monospace;letter-spacing:1px;color:#77708c}.difficulty-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.level-button{border:2.5px solid var(--ink);border-radius:14px;background:#ffdfed;box-shadow:0 5px 0 var(--ink);padding:12px 4px 10px;min-height:79px}.level-button:nth-child(2){background:#dfe8ff}.level-button:nth-child(3){background:#fff0aa}.level-button:nth-child(4){background:#d3f7ed}.level-button:nth-child(5){background:#e9dafa}.level-button:nth-child(6){background:#ffe2d3}.level-button b{font-size:23px;letter-spacing:-1px}.level-button span{font-size:10px;margin-left:4px;font-weight:800}.level-button small{display:block;font-size:9px;margin-top:4px;letter-spacing:1px;color:#6d647d}.level-button.expression b{font-size:25px}.bottom-card{margin-top:21px;display:flex;justify-content:space-between;align-items:center;border:2px solid var(--ink);border-radius:13px;background:#ffffffe6;padding:12px 15px;font-size:11px;font-weight:700}.progress-track{width:90px;height:9px;background:#e8e3ef;border:1.5px solid var(--ink);border-radius:10px;overflow:hidden}.progress-track i{display:block;height:100%;background:var(--pink)}.mini-rule{font-size:10px;line-height:1.8;color:#77708c;margin:20px 0 0}.mini-rule button{border:0;border-bottom:1px solid;background:transparent;font-size:10px;padding:0;color:var(--ink)}footer{max-width:1180px;margin:5px auto 0;padding:18px 22px;display:flex;justify-content:space-between;gap:12px;border-top:2px dashed #25224f30;font:9px monospace;letter-spacing:1px;color:#878099}footer span:last-child{font-family:inherit;letter-spacing:2px}dialog{background:var(--paper);border:3px solid var(--ink);border-radius:24px;box-shadow:8px 9px 0 var(--ink);padding:30px;width:min(92vw,600px);max-height:85vh;color:var(--ink)}dialog::backdrop{background:#25224f73;backdrop-filter:blur(5px)}dialog h2{font-size:25px;margin:10px 40px 22px 0}.close{position:absolute;right:15px;top:15px;width:33px;height:33px;font-size:24px;border-width:2px}.rules-list{padding-left:23px;font-size:14px;line-height:2}.rules-list li{padding-left:4px;margin:8px 0}.dialog-note{font-size:12px;line-height:1.9;color:#706580}.pill{background:var(--blue);border:2px solid var(--ink);box-shadow:0 4px 0 var(--ink);color:white;border-radius:12px;padding:10px 17px;font-size:12px;font-weight:800}.pill.light{background:white;color:var(--ink)}.expression-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.expression-item{border:2px solid var(--ink);border-radius:15px;background:#fff;padding:4px 0 12px;text-align:center}.expression-item .frame{height:135px;max-width:145px;margin:auto}.expression-item b{font-size:12px}.expression-item small{display:block;font:9px monospace;margin-top:4px;color:#8b7b91}.setting{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:20px 0;font-size:14px}.setting input{width:24px;height:24px;accent-color:var(--pink)}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(110px);max-width:90vw;background:var(--ink);border:2px solid var(--ink);color:white;border-radius:14px;padding:12px 20px;font-size:13px;z-index:20;transition:transform .25s;pointer-events:none}#toast.show{transform:translateX(-50%) translateY(0)}.play{padding:28px 28px 35px}.play-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:22px}.back-link{border:0;background:transparent;font-size:12px;font-weight:800;padding:8px 0}.play-caption{font:10px monospace;letter-spacing:2px}.play-layout{display:grid;grid-template-columns:260px minmax(0,490px);gap:60px;justify-content:center;align-items:center}.coach{text-align:center}.coach h2{font-size:27px;margin:10px 0}.coach .mascot{width:225px;height:225px;margin:10px auto}.coach .bubble{font-size:12px;max-width:260px;line-height:1.7}.coach .eyebrow{justify-content:center;margin-top:25px}.rule-chips{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:25px}.rule-chips span{background:white;border:1.5px solid var(--ink);border-radius:8px;padding:6px 8px;font-size:10px}.game-sheet{background:#fffef8;border:3px solid var(--ink);border-radius:24px;padding:20px;box-shadow:7px 8px 0 var(--ink);position:relative}.game-sheet:before{content:'';position:absolute;width:80px;height:18px;background:#ffd9739e;border-left:1px dashed #fff;border-right:1px dashed #fff;top:-11px;left:calc(50% - 40px);transform:rotate(-4deg)}.game-stats{display:flex;align-items:center;justify-content:space-between;margin:4px 0 17px;font-size:12px;font-weight:800}.game-stats strong{font-size:22px;color:#e663a4}.clock{font:12px monospace;background:#f0ebf7;border-radius:7px;padding:7px}.board{display:grid;border:3px solid var(--ink);border-radius:10px;overflow:hidden;aspect-ratio:1;touch-action:manipulation;background:var(--ink);isolation:isolate}.cell{border:0;border-right:1px solid #25224f25;border-bottom:1px solid #25224f25;border-radius:0;position:relative;display:grid;place-items:center;padding:0;min-width:0;background:var(--cell-color);aspect-ratio:1;box-shadow:none;font-weight:800;font-size:26px;line-height:1}.cell:active:not(:disabled){transform:none;box-shadow:inset 0 0 0 3px var(--ink)}.cell:focus-visible{outline:3px solid var(--blue);outline-offset:-5px;z-index:3}.cell.border-right{border-right:3px solid var(--ink)}.cell.border-bottom{border-bottom:3px solid var(--ink)}.cell.excluded:after{content:'×';font-weight:400;font-size:27px;color:#25224f66}.cell .mini-cat{position:absolute;inset:0;background-image:url('assets/cat-atlas-v2.png');background-size:300% 200%;background-position:100% 0;background-repeat:no-repeat;pointer-events:none}.cell.hint-target{animation:hintPulse .9s ease-in-out infinite;z-index:1}.cell.hint-source:before{content:'';position:absolute;inset:3px;border:2px dashed var(--ink);border-radius:4px;pointer-events:none}.cell.bad{animation:shake .3s}.mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:17px 0 13px}.mode-switch button{padding:10px 4px;background:white;border:2px solid var(--ink);border-radius:10px;font-size:12px;font-weight:800}.mode-switch button.selected{background:var(--ink);color:white}.actions{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:8px}.actions button{border:2px solid var(--ink);border-radius:10px;background:#fff;padding:10px 3px;box-shadow:0 3px 0 var(--ink);font-size:11px;font-weight:800}.actions .hint-button{background:var(--yellow)}.board-instruction{margin:15px 0 0;font-size:10px;text-align:center;color:#82768b}.hint-panel{background:#fff5c7;border:2px solid var(--ink);border-radius:12px;padding:13px;margin-top:16px;font-size:12px;line-height:1.9}.hint-panel p{margin:0 0 10px}.hint-panel button{font-size:11px;padding:7px 12px}.level-picker{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.level-picker button{border:2px solid var(--ink);border-radius:12px;background:#fce0ec;padding:16px 3px;font-weight:800}.level-picker button.done{background:var(--mint)}.win-view{text-align:center}.win-view .mascot{width:230px;height:230px;margin:0 auto}.win-view h2{margin:0;font-size:35px}.win-view p{font-size:13px;line-height:1.9}.win-view .pill{margin:10px 4px}.loading{text-align:center;padding:80px 20px}.load-error{padding:60px 25px;text-align:center;line-height:2}.celebration{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:30}.confetti{position:absolute;top:-30px;width:12px;height:19px;border:2px solid var(--ink);animation:fall 2.5s ease-in forwards}.sound-badge{font-size:10px}.empty-done{color:#a09ab0}
@keyframes bob{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-7px) rotate(1deg)}}@keyframes hintPulse{0%,100%{box-shadow:inset 0 0 0 3px var(--blue)}50%{box-shadow:inset 0 0 0 6px var(--blue)}}@keyframes shake{25%,75%{transform:translateX(-3px)}50%{transform:translateX(3px)}}@keyframes fall{to{transform:translateY(110vh) rotate(650deg)}}
@media(min-width:1200px){.home{padding-top:55px;padding-bottom:45px}.logo{height:245px}.logo h1{font-size:73px}.mascot{width:290px;height:270px}}
@media(max-width:800px){.topbar{padding:18px 22px}.brand-en,.header-note{display:none}.home{gap:28px;padding:32px 23px}.logo h1{font-size:52px}.logo{height:190px}.logo-ribbon{font-size:20px;padding:5px 20px}.home-panel h2{font-size:23px}.mascot{width:230px;height:230px}.play-layout{grid-template-columns:190px minmax(0,440px);gap:24px}.coach .mascot{width:190px;height:190px}.coach h2{font-size:23px}}
@media(max-width:600px){body{background-size:24px 24px}.topbar{padding:15px 17px}.brand{font-size:16px;gap:7px}.brand-icon{width:28px;height:28px;font-size:22px}.header-tools{gap:10px}.small{width:31px;height:31px;font-size:20px}main{min-height:calc(100vh - 130px)}.home{display:flex;flex-direction:column;gap:22px;padding:24px 24px 32px;max-width:440px;margin:auto}.poster{width:100%;position:relative}.eyebrow{font-size:8px;margin:0 0 3px;letter-spacing:2px}.logo{max-width:340px;height:185px;margin:0 auto}.logo h1{font-size:56px}.logo-ribbon{font-size:21px;margin-top:12px;padding:4px 22px}.doodle.plus{left:5px;top:55px}.doodle.star{top:37px}.mascot{width:208px;height:195px;margin:-2px auto 0}.poster>.bubble{font-size:10px;padding:7px 12px;margin-top:7px}.poster-note{display:none}.home-panel{padding:0;width:100%}.tiny-tag,.home-panel h2,.home-panel .intro{display:none}.big-button{padding:15px 20px;border-radius:19px}.big-button strong{font-size:27px}.big-button small{font-size:10px}.big-button .arrow{top:17px}.section-label{margin:25px 0 12px;font-size:11px}.difficulty-grid{gap:11px}.level-button{min-height:73px;padding:10px 2px}.level-button b{font-size:22px}.level-button span{font-size:9px}.level-button small{font-size:8px}.bottom-card{margin-top:20px;padding:11px 12px}.mini-rule{text-align:center;margin-top:18px;font-size:9px}footer{padding:15px 18px;font-size:7px;letter-spacing:.4px}footer span:last-child{letter-spacing:0}.play{padding:17px 17px 28px;max-width:480px;margin:auto}.play-top{margin-bottom:5px}.play-caption{font-size:8px;letter-spacing:1px}.play-layout{display:flex;flex-direction:column;gap:14px}.coach{width:100%;display:grid;grid-template-columns:80px 1fr;grid-template-rows:auto auto;text-align:left;align-items:center;column-gap:14px;padding:0 7px}.coach .eyebrow,.coach .rule-chips{display:none}.coach h2{font-size:19px;grid-column:2;grid-row:1;margin:3px 0 5px;align-self:end}.coach .mascot{width:80px;height:85px;grid-column:1;grid-row:1/3;margin:0}.coach .bubble{grid-column:2;grid-row:2;font-size:10px;border-radius:10px;padding:7px 10px;line-height:1.6;align-self:start;max-width:none}.coach .bubble:after{left:-6px;bottom:12px;transform:rotate(45deg);width:8px;height:8px}.game-sheet{width:100%;padding:16px;border-radius:21px;box-shadow:4px 6px 0 var(--ink)}.game-stats{margin-top:0;margin-bottom:12px}.cell.excluded:after{font-size:24px}.cell.border-right{border-right-width:2px}.cell.border-bottom{border-bottom-width:2px}.board{border-width:2px}.expression-item .frame{height:105px}.expression-grid{gap:7px}dialog{padding:25px 20px}.level-picker{gap:6px}.level-picker button{padding:12px 2px;font-size:12px}.board-instruction{font-size:9px}.win-view h2{font-size:30px}}
.cat-art,.cell .mini-cat{background-image:url('assets/cat-atlas-v2.png')}.cell .mini-cat{background-position:0 0}
.cell.rule-conflict{box-shadow:inset 0 0 0 3px #db3764;z-index:1}.conflict-note{font-size:11px;line-height:1.8;background:#ffe1e7;border:2px solid #db3764;border-radius:10px;padding:10px;margin:14px 0 0;color:#8b2545}
.difficulty-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.level-button span{display:block;margin:3px 0 0}.level-button:nth-child(6){background:#bfe9f4}.level-button:nth-child(7){background:#d9ccfa}.level-button:nth-child(8){background:#ffe2d3}.advanced-tier{position:relative;border-color:var(--blue)}.advanced-chip{background:var(--yellow)!important}.board-viewport{overflow:auto;max-height:560px;border-radius:10px;overscroll-behavior:contain}.board-viewport.zoomed{max-height:min(60vh,560px);border:1px solid #ded8e8}.board-viewport.zoomed .board{width:calc(var(--board-size)*48px + 6px);min-width:100%;touch-action:pan-x pan-y}.zoom-tools{display:flex;align-items:center;justify-content:space-between;margin:0 0 10px;font-size:10px}.zoom-tools button{background:#dfe8ff;border:2px solid var(--ink);border-radius:8px;padding:6px 10px;font-size:11px;font-weight:800}.zoom-note{margin:8px 0 0;font-size:9px;color:#82768b;line-height:1.7}.advanced-hint-title{display:block;margin-bottom:6px;color:#5143b4}
@media(max-width:600px){.difficulty-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.level-button{min-height:74px}.level-button span{display:inline;margin-left:5px}.board-viewport{max-height:none}.board-viewport.zoomed{max-height:58vh}.zoom-tools span{font-size:9px}.game-sheet:has(.zoom-tools){padding:12px}.cell.excluded:after{font-size:20px}}
@media(prefers-reduced-motion:reduce){html:not([data-home-motion="on"]) *,html:not([data-home-motion="on"]) *:before,html:not([data-home-motion="on"]) *:after{animation:none!important;transition:none!important}}