:root{--ink:#25354a;--cream:#fffbe8;--green:#2e7657;--yellow:#ffd84d;--pink:#ff8fa8;--shadow:#153f31}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:"Microsoft YaHei","PingFang SC",sans-serif;color:var(--ink);background:radial-gradient(circle at 20% 10%,#7856a8 0 5%,transparent 28%),linear-gradient(#17294d,#28645d);display:grid;place-items:center;padding:20px}.game-shell{width:min(680px,100%)}header{display:flex;align-items:center;gap:16px;color:white;margin-bottom:14px}.mascot{font-size:54px;filter:drop-shadow(0 5px 0 #17294d)}h1{margin:0;font-size:clamp(28px,6vw,48px);line-height:1}.eyebrow{margin:0 0 7px;color:#ffef9a;font-weight:800}.panel{background:var(--cream);border:4px solid #fff;border-radius:28px;padding:clamp(20px,5vw,34px);box-shadow:0 12px 0 rgba(10,35,36,.38),0 20px 50px rgba(0,0,0,.25)}.hidden{display:none!important}.intro{text-align:center}.intro p,.tip{line-height:1.7}label{display:block;font-weight:900;margin:20px 0 8px}select,button{font:inherit;border:3px solid var(--ink);border-radius:14px;min-height:48px;font-weight:900}select{width:min(350px,100%);padding:0 12px;background:white}button{cursor:pointer;padding:8px 18px;background:#fff;box-shadow:0 5px 0 var(--ink);transition:.12s transform,.12s box-shadow}button:hover{transform:translateY(-2px)}button:active{transform:translateY(4px);box-shadow:0 1px 0 var(--ink)}.primary{display:block;margin:20px auto 0;background:var(--yellow)}.status-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px}.status-row div{background:white;border:2px solid #d5e6cf;border-radius:14px;padding:8px;text-align:center}.status-row span{display:block;font-size:13px;color:#667}.status-row strong{font-size:20px}.garden{--size:4;display:grid;grid-template-columns:repeat(var(--size),1fr);gap:8px;background:#1c5d45;padding:12px;border:5px solid #123f32;border-radius:22px}.flower{aspect-ratio:1;padding:0;min-height:0;border:0;border-radius:50%;background:#173f3c;box-shadow:inset 0 -5px 0 rgba(0,0,0,.25);font-size:clamp(23px,8vw,46px);filter:saturate(.25) brightness(.55);transition:.22s}.flower:hover{transform:scale(1.05)}.flower.lit{background:#fff1a1;filter:none;box-shadow:0 0 18px 5px #ffe55d,inset 0 -4px 0 #e9bd3f}.tip{text-align:center;margin:16px 0 8px;color:#526255}.actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.result{text-align:center}.celebration{font-size:56px}.result button{margin:8px}.result .primary{display:inline-block}.shake{animation:shake .3s}@keyframes shake{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@media(max-width:460px){.panel{padding:18px}.garden{gap:6px;padding:8px}.status-row strong{font-size:16px}.flower{font-size:clamp(20px,9vw,38px)}}