:root{--ink:#243334;--paper:#fffaf0;--peach:#f7d7a7;--orange:#e96f42;--teal:#245a59;--line:#d9c7aa}*{box-sizing:border-box}body{margin:0;min-height:100svh;background:radial-gradient(circle at 92% 10%,#fff6d9 0 13%,transparent 14%),linear-gradient(150deg,#f7d7a7,#f6e9cb);color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif}.app{width:min(100%,520px);min-height:100svh;margin:auto;padding:calc(30px + env(safe-area-inset-top)) 22px calc(24px + env(safe-area-inset-bottom))}header{margin:4px 0 24px}.eyebrow{margin:0 0 8px;color:var(--orange);font-size:11px;font-weight:900;letter-spacing:.18em}h1,h2,p{margin-top:0}h1{margin-bottom:13px;font-size:clamp(48px,14vw,70px);letter-spacing:-.08em;line-height:.86}h1 em{font-style:normal;color:var(--teal)}.intro{max-width:320px;margin:0;color:#50605d;font-size:14px;line-height:1.6}.scoreboard{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 16px}.scoreboard div{padding:12px 10px;background:#fffcf5a8;border:1px solid #fff;border-radius:14px;text-align:center;box-shadow:0 5px 12px #8f613411}.scoreboard span{display:block;margin-bottom:3px;color:#7a776d;font-size:11px}.scoreboard strong{font-size:20px;letter-spacing:-.05em}.board{aspect-ratio:1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:8px;background:#305b59;border:1px solid #174441;border-radius:24px;box-shadow:0 16px 28px #70532d35;touch-action:none}.tile{border:0;border-radius:17px;background-color:var(--paper);background-repeat:no-repeat;background-size:300% 300%;box-shadow:inset 0 0 0 1px #fff7,0 3px 0 #153f3d;transition:transform .16s ease,filter .16s ease;cursor:pointer}.tile:active{transform:scale(.94)}.tile.hint{filter:sepia(.55) saturate(2.2);animation:pulse .65s ease-in-out 2}.blank{visibility:hidden}.actions{display:grid;grid-template-columns:1.4fr 1fr;gap:10px;margin:18px 0 12px}button{min-height:48px;border-radius:13px;border:0;padding:10px;font:800 15px "Microsoft YaHei",sans-serif;cursor:pointer}.primary{background:var(--orange);color:#fff;box-shadow:0 5px 0 #b54a2b}.secondary{background:#fff8e9;color:var(--teal);border:1px solid var(--line)}.message{min-height:23px;margin-bottom:28px;text-align:center;color:#59635d;font-size:13px}.how-to{padding:19px;background:#fffcf4a3;border:1px solid #fff;border-radius:18px}.how-to h2{margin-bottom:8px;font-size:17px}.how-to p{margin:0;color:#5b675f;font-size:13px;line-height:1.7}dialog{width:min(390px,88vw);border:0;border-radius:24px;padding:30px;background:var(--paper);box-shadow:0 24px 60px #263b3d50;text-align:center}dialog::backdrop{background:#24333491}dialog h2{font-size:32px;letter-spacing:-.06em;line-height:1.05}dialog p:not(.eyebrow){color:#66716b}dialog button{width:100%;margin-top:8px}@keyframes pulse{50%{transform:scale(.92);filter:sepia(.9) saturate(4)}}@media(min-width:550px){.app{padding-top:46px}.board{border-radius:29px}}