:root{font-family:'Microsoft YaHei','PingFang SC',system-ui,sans-serif;color:#4b5148;background:#f8f5ec;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 8% 30%,#e9efdf 0,transparent 42%),radial-gradient(ellipse at 98% 80%,#f7e8dc 0,transparent 42%);min-height:100svh}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:none;color:inherit}button:focus-visible{outline:3px solid #659581;outline-offset:4px}.app{max-width:1060px;margin:auto;padding:30px 32px 18px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.brand{display:flex;align-items:center;gap:14px}.brand-icon{font-size:40px;background:#e0e9d5;color:#6c8162;border-radius:18px;width:62px;height:62px;text-align:center;line-height:54px;transform:rotate(-7deg)}h1{font-size:28px;letter-spacing:3px;margin:0;font-weight:900}h1 span{font-size:10px;letter-spacing:1.3px;vertical-align:middle;margin-left:12px;padding:4px 6px;border:1px solid #c3cbb9;border-radius:5px;color:#7e8d72}.brand p{font-size:13px;color:#909387;margin:5px 0 0;letter-spacing:1px}.icon-btn{border:1px solid #dfe2d6;background:#ffffff80;width:42px;height:42px;border-radius:50%;font-weight:900}.game-layout{display:grid;grid-template-columns:220px minmax(240px,340px) 210px;justify-content:center;gap:30px;align-items:start}.side{padding-top:30px}.score-card,.next-card{background:#fffdf6;border:1px solid #e7e5d9;border-radius:20px;padding:22px}.eyebrow{font-size:12px;letter-spacing:1.4px;color:#8a9180}.score-card #score{font-size:48px;font-weight:800;line-height:1.5;font-variant-numeric:tabular-nums;color:#687f5b;letter-spacing:1px}.stats{display:flex;justify-content:space-between;border-top:1px dashed #dfdfd1;padding-top:12px;font-size:12px;color:#8d9285}.stats strong{font-size:17px;color:#59684e;margin:0 3px}.next-card{margin-top:16px}.next-card .eyebrow{display:flex;justify-content:space-between}.next-card canvas{width:100%;height:96px;object-fit:contain;display:block}#next-name{text-align:center;font-size:12px;color:#848b79}.desktop-note{padding:28px 8px 0}.tiny-paw{font-size:30px;color:#adb7a0}.desktop-note h2{font-size:14px;font-weight:600;margin:12px 0}.desktop-note p{font-size:12px;color:#929786}.key-help{font-size:12px;line-height:2.4;color:#858d7c;margin-top:20px}.key-help span{display:inline-block;min-width:84px;color:#596451}.board-label{font-size:11px;letter-spacing:1px;color:#919981;display:flex;justify-content:space-between;margin:0 8px 10px}.board-label i{display:inline-block;width:6px;height:6px;background:#8da776;border-radius:50%;margin-right:5px}.board-shell{position:relative;padding:10px;border:1px solid #d4dcc7;background:#e4eadb;border-radius:19px;box-shadow:0 6px 0 #d0d8c4,0 18px 38px #78896512}.board-shell>canvas{display:block;width:100%;aspect-ratio:1/2;border-radius:10px;background:#f8faf1;touch-action:none}.overlay{position:absolute;inset:10px;border-radius:10px;background:#f8faf1cf;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2}.overlay.hidden{display:none}.modal{text-align:center;padding:16px;width:100%}.modal-cat{font-size:39px;color:#8e9c78;margin-bottom:22px}.modal h2{font-size:20px;letter-spacing:1px;margin:14px 0}.modal p{font-size:13px;color:#8a917f;line-height:2}.primary{background:#7e9667;color:white;border:0;border-radius:13px;padding:15px 20px;font-size:15px;font-weight:700;width:88%;margin:14px 0;box-shadow:0 4px 0 #657d50}.primary:hover{background:#70885b}.primary span{float:right}.modal small{display:block;font-size:11px;color:#a2a594}#toast{pointer-events:none;position:absolute;top:40%;left:0;right:0;text-align:center;font-size:23px;font-weight:900;color:#647b4e;text-shadow:0 2px white,2px 0 white,-2px 0 white;opacity:0;transition:opacity .2s;z-index:3}#toast.show{opacity:1}.cats-panel{padding-top:32px}.cats-panel h2{font-size:17px;letter-spacing:1px;margin:10px 0 20px}.cat-row{display:flex;align-items:center;gap:12px;padding:7px 0;border-bottom:1px solid #e5e4d64d}.cat-row canvas{width:72px;height:47px}.cat-row strong{display:block;font-size:12px;font-weight:600}.cat-row small{display:block;font-size:10px;color:#999e8e;margin-top:5px;letter-spacing:1px}.cozy-note{border-top:1px solid #dddfd1;margin-top:22px;padding-top:20px;font-size:13px;line-height:2;color:#959c88;position:relative}.cozy-note span{position:absolute;right:10px;top:28px;font-size:34px;color:#c7d3b9}.controls{display:flex;gap:8px;width:340px;margin:22px auto 0}.controls button{flex:1;background:#fffdf6;border:1px solid #dddfd1;border-radius:12px;padding:7px 0;box-shadow:0 3px 0 #e3e4d8;user-select:none}.controls button:active{transform:translateY(2px);box-shadow:none;background:#e9eedf}.controls b{font-size:25px;display:block;line-height:1.1}.controls span{font-size:10px;color:#8b9280}.controls .drop{background:#e2ead7;border-color:#ccd6c0}footer{display:flex;justify-content:space-between;margin-top:25px;color:#a5aa9b;font-size:10px;letter-spacing:1px}@media(min-width:800px) and (max-height:870px){.app{padding-top:18px}.game-layout{grid-template-columns:210px minmax(220px,calc((100svh - 230px)/2)) 200px}.controls{width:300px}header{margin-bottom:17px}}@media(max-width:799px){.app{max-width:460px;padding:14px 18px 10px}header{margin-bottom:14px}.brand-icon{width:45px;height:45px;font-size:30px;line-height:40px;border-radius:14px}h1{font-size:23px}.brand p{font-size:11px}.game-layout{display:flex;flex-direction:column;gap:12px;align-items:center}.side{padding:0;display:flex;width:100%;gap:10px}.score-card{flex:1;padding:10px 14px;border-radius:14px}.score-card #score{font-size:30px;line-height:1.3}.stats{padding-top:5px;font-size:11px}.stats strong{font-size:14px}.eyebrow{font-size:10px}.next-card{width:132px;padding:9px 12px;margin:0;border-radius:14px}.next-card canvas{height:55px}#next-name{font-size:10px}.desktop-note,.cats-panel{display:none}.board-wrap{width:min(100%,calc((100svh - 370px)/2 + 20px));min-width:160px}.board-shell{padding:7px;border-radius:14px}.board-label{font-size:9px;margin-bottom:5px}.overlay{inset:7px}.modal-cat{font-size:30px;margin-bottom:15px}.modal h2{font-size:16px}.modal .eyebrow{font-size:9px;letter-spacing:0}.modal p{font-size:11px}.modal small{font-size:9px}.primary{font-size:13px;padding:12px 10px;width:95%}.controls{width:100%;margin:15px 0 0;gap:7px}.controls button{min-height:51px}.controls b{font-size:23px}footer{justify-content:center;margin-top:13px}footer span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

@media(min-width:800px) and (max-height:870px){.desktop-note{padding-top:12px}.desktop-note .tiny-paw,.desktop-note h2,.desktop-note p{display:none}.key-help{margin-top:5px;line-height:1.9}.cat-row{padding:4px 0}.cat-row canvas{width:60px;height:38px}.cats-panel{padding-top:22px}.cats-panel h2{margin:8px 0 12px}.cozy-note{margin-top:10px;padding-top:10px}.score-card,.next-card{padding:16px}.next-card canvas{height:80px}.controls{margin-top:18px}footer{margin-top:18px}}