*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,Noto Sans CJK SC,sans-serif;color:#2f3a34;background:#dbe9ef}.sky-bg{position:fixed;inset:0;background:radial-gradient(120% 90% at 50% 10%,#e9f4fa,#d7e9f0 45%,#c8dde6);overflow:hidden;z-index:-2}.clouds{position:absolute;inset:-20% -10% -10% -20%;opacity:.22;background-repeat:repeat;filter:blur(1px) saturate(102%)}.clouds-1{background-image:radial-gradient(60px 30px at 40% 40%,rgba(255,255,255,.65) 0 60%,transparent 61%),radial-gradient(80px 40px at 70% 60%,rgba(255,255,255,.5) 0 60%,transparent 61%);animation:drift 180s linear infinite}.clouds-2{background-image:radial-gradient(90px 45px at 20% 70%,rgba(255,255,255,.55) 0 60%,transparent 61%),radial-gradient(70px 35px at 80% 30%,rgba(255,255,255,.6) 0 60%,transparent 61%);animation:drift 220s linear infinite reverse;opacity:.18}.clouds-3{background-image:radial-gradient(110px 55px at 50% 50%,rgba(255,255,255,.5) 0 60%,transparent 61%);animation:drift 260s linear infinite;opacity:.12}@keyframes drift{0%{transform:translate(0)}to{transform:translate(-20%)}}.wrap{max-width:960px;margin:24px auto;padding:0 16px 32px}.hud{display:grid;grid-template-columns:1fr auto auto;gap:12px 16px;align-items:center;padding:12px 16px;border-radius:16px;background:#ffffffbf;box-shadow:0 10px 26px #283c3c24,inset 0 1px #ffffffe6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.title{font-weight:800;letter-spacing:.02em;color:#243c34;text-shadow:0 1px 0 #ffffff;font-size:20px}.stats{display:flex;gap:16px}.stat{display:grid;gap:2px;text-align:center}.stat span{font-size:12px;opacity:.8}.stat strong{font-size:20px}.actions{display:flex;justify-content:flex-end}.btn{appearance:none;border:1px solid rgba(36,60,52,.15);padding:8px 14px;border-radius:12px;cursor:pointer;color:#1a312a;font-weight:700;background:linear-gradient(#eef6f2,#dfeee7);box-shadow:0 2px #b9d3c7 inset,0 6px 12px #00000014}.btn:hover{filter:brightness(1.03)}.board-frame{margin-top:16px;padding:16px;border-radius:20px;background:linear-gradient(180deg,#edf5f1,#d6e9e0);box-shadow:0 18px 42px #24383238,inset 0 2px #ffffffe6;position:relative}#game{width:min(92vw,640px);aspect-ratio:1 / 1;display:block;margin:0 auto;border-radius:16px;box-shadow:0 10px 28px #283c3c33,inset 0 0 0 1px #283c3714;background:radial-gradient(120% 100% at 10% 10%,#f9fbfa 0,#f0f6f3 60%,#e9f2ee)}.board-frame:before{content:"";position:absolute;inset:12px;border-radius:14px;pointer-events:none;background-image:radial-gradient(rgba(0,0,0,.03) 1px,transparent 1.2px);background-size:3px 3px;opacity:.35;mix-blend-mode:multiply}.help{margin-top:12px;font-size:14px;color:#2b3a34;opacity:.9;background:#ffffffb3;padding:10px 12px;border-radius:12px;box-shadow:inset 0 1px #ffffffe6}@media (max-width: 640px){.hud{grid-template-columns:1fr}.actions{justify-content:stretch}.btn{width:100%}}