:root{color:#14231f;background:#f8f4eb;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--paper: #f8f4eb;--surface: #fffdf7;--surface-strong: #ffffff;--ink: #14231f;--muted: #65746f;--line: #d9e2da;--line-strong: #86a79b;--jade: #2f806c;--jade-dark: #1f5e50;--coral: #ee735f;--coral-dark: #c95040;--amber: #d99a3b;--shadow: 0 18px 46px rgb(63 77 69 / 11%)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-width:320px;min-height:100dvh;overscroll-behavior:none}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-shell{min-height:100dvh;background:linear-gradient(180deg,rgb(255 255 255 / 72%),transparent 26%),linear-gradient(24deg,rgb(238 115 95 / 8%),transparent 42%),var(--paper);color:var(--ink);padding:max(12px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.phone-surface{width:min(100%,560px);min-height:calc(100dvh - max(24px,env(safe-area-inset-top)) - max(22px,env(safe-area-inset-bottom)));margin:0 auto;display:flex;flex-direction:column;gap:10px}.topbar{display:grid;grid-template-columns:58px minmax(0,1fr) 58px;align-items:center;gap:8px;padding-top:2px}.round-action{border:0;background:transparent;color:var(--ink);display:grid;justify-items:center;gap:4px;min-width:56px;cursor:pointer}.round-action svg{width:40px;height:40px;padding:10px;border:1px solid var(--line);border-radius:50%;color:var(--jade);background:#ffffffb3;box-shadow:0 8px 18px #18393012}.round-action span{font-size:.8rem;color:var(--ink)}.title-block{text-align:center;min-width:0}.title-block h1{margin:0;font-size:clamp(1.92rem,7vw,2.65rem);line-height:1.02;letter-spacing:0;font-weight:790}.eyebrow{margin:0 0 3px;color:var(--muted);font-size:clamp(.92rem,3.2vw,1.06rem);font-weight:650}.status-card,.summary-card,.size-selector,.game-card{border:1px solid var(--line);background:#fffdf7d1;box-shadow:0 14px 32px #3f4d4512;backdrop-filter:blur(14px)}.status-card{border-radius:20px;min-height:68px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px 10px 16px}.status-item{display:flex;align-items:center;justify-content:flex-start;min-width:0}.status-item span,.summary-item span{display:block;font-size:.82rem;color:var(--muted);font-weight:700}.status-item strong{display:block;color:var(--jade);font-variant-numeric:tabular-nums;font-size:clamp(2.25rem,10vw,3.15rem);line-height:1;font-weight:760}.reset-action{min-height:48px;border:0;border-radius:16px;background:linear-gradient(135deg,var(--coral),#f18470);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 14px;font-size:1rem;font-weight:780;white-space:nowrap;box-shadow:0 12px 22px #c950402e,inset 0 -2px #801d1221;cursor:pointer}.reset-action svg{width:20px;height:20px}.size-selector{border-radius:18px;padding:5px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.size-selector button{border:0;border-radius:14px;min-height:46px;background:transparent;color:var(--ink);cursor:pointer;font-size:clamp(1rem,4vw,1.28rem);font-weight:760;white-space:nowrap}.size-selector button.selected{color:#fff;background:linear-gradient(135deg,var(--jade),#40957f);box-shadow:inset 0 -2px #00000014}.game-card{position:relative;overflow:hidden;border-radius:18px;padding:7px;width:min(100%,49dvh,520px);align-self:center}.progress-track{height:4px;border-radius:99px;background:#ecf1ec;margin:0 0 6px;overflow:hidden}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--jade),var(--coral));transition:width .16s ease}.grid-board{display:grid;width:100%;aspect-ratio:1}.tile{border:1px solid var(--line-strong);border-radius:10px;background:linear-gradient(180deg,#fffefa,#fbf7ee);color:var(--ink);box-shadow:inset 0 -1px #2f846f14;font-family:Avenir Next,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;font-variant-numeric:tabular-nums;font-weight:640;line-height:1;cursor:pointer;display:grid;place-items:center;transition:transform 90ms ease,background .12s ease,color .12s ease,opacity .12s ease,box-shadow .12s ease;user-select:none;touch-action:manipulation}.tile:active{transform:scale(.965)}.tile.done{color:var(--jade-dark);background:linear-gradient(180deg,#eef8f3,#e4f2ec);border-color:#2f806c6b;opacity:.92}.tile.wrong{animation:wrong-shake .18s ease;background:#fff2d8;border-color:var(--amber)}.summary-card{border-radius:20px;display:grid;grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr);align-items:center;padding:10px 12px;min-height:78px}.summary-divider{width:1px;height:44px;background:var(--line)}.summary-item{display:flex;align-items:center;justify-content:center;gap:10px;min-width:0}.summary-icon{width:40px;height:40px;flex:0 0 40px;border-radius:50%;display:grid;place-items:center;color:var(--jade);border:1px solid var(--line);background:#ffffffb3}.summary-icon svg{width:22px;height:22px}.summary-item strong{display:block;font-size:clamp(1.55rem,6.2vw,2.2rem);line-height:1;color:var(--jade);font-variant-numeric:tabular-nums;font-weight:810;white-space:nowrap}.summary-item em{display:block;margin-top:3px;color:var(--muted);font-style:normal;font-size:clamp(.78rem,2.8vw,.92rem);line-height:1.2}.summary-item.result em{color:var(--coral-dark);font-weight:690}.modal-layer{position:fixed;inset:0;z-index:10;display:grid;align-items:end;justify-items:center;padding:18px;background:#10251f38;backdrop-filter:blur(8px)}.sheet{width:min(100%,560px);max-height:min(82dvh,720px);overflow:auto;border:1px solid var(--line);border-radius:28px;background:var(--surface);box-shadow:var(--shadow);padding:20px}.sheet-header{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px}.sheet-header p{margin:0 0 4px;color:var(--muted);font-weight:650}.sheet-header h2{margin:0;font-size:1.65rem}.sheet-header button{width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--ink);display:grid;place-items:center;cursor:pointer}.sheet-header svg{width:24px;height:24px}.stats-panel,.settings-panel{display:grid;gap:16px}.best-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.best-row{border:1px solid var(--line);border-radius:16px;background:#fff;padding:14px}.best-row span,.best-row em,.recent-title span{color:var(--muted);font-size:.9rem;font-style:normal}.best-row strong{display:block;margin-top:4px;color:var(--jade);font-size:1.42rem;font-variant-numeric:tabular-nums}.recent-block{border:1px solid var(--line);border-radius:18px;background:#fff;padding:14px}.recent-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.recent-title button{min-height:38px;border:1px solid var(--line);border-radius:999px;background:#fffdf7;color:var(--coral-dark);display:inline-flex;align-items:center;gap:6px;padding:0 12px;cursor:pointer}.recent-title button:disabled{opacity:.45;cursor:not-allowed}.recent-title svg{width:18px;height:18px}.recent-block ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.recent-block li{display:grid;grid-template-columns:24px 64px minmax(0,1fr) minmax(0,86px);align-items:center;gap:8px;color:var(--muted);min-height:38px}.recent-block li svg{width:20px;height:20px;color:var(--jade)}.recent-block li strong{color:var(--ink);font-variant-numeric:tabular-nums}.recent-block li em{font-style:normal;text-align:right;font-size:.84rem}.empty-state{margin:0;color:var(--muted);line-height:1.6}.settings-panel label{border:1px solid var(--line);border-radius:18px;background:#fff;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:18px}.settings-panel label.disabled-setting{opacity:.68}.settings-panel label strong,.settings-panel label em{display:block}.settings-panel label em{margin-top:4px;color:var(--muted);font-style:normal;font-size:.95rem}.settings-panel input{width:54px;height:32px;accent-color:var(--jade)}.settings-panel input:disabled{cursor:not-allowed}.tip-box{display:flex;gap:12px;align-items:flex-start;border-radius:18px;background:#eef7f1;color:var(--jade-dark);padding:14px;line-height:1.55}.tip-box svg{flex:0 0 22px;width:22px;height:22px;margin-top:2px}.tip-box p{margin:0}.high-contrast{--ink: #061410;--muted: #3e504b;--line: #b2c9bf;--line-strong: #286c5a}@keyframes wrong-shake{0%,to{transform:translate(0)}35%{transform:translate(-4px)}70%{transform:translate(4px)}}@media(max-width:430px){.app-shell{padding-top:max(8px,env(safe-area-inset-top));padding-right:max(10px,env(safe-area-inset-right));padding-bottom:max(8px,env(safe-area-inset-bottom));padding-left:max(10px,env(safe-area-inset-left))}.phone-surface{gap:8px;min-height:calc(100dvh - max(16px,env(safe-area-inset-top)) - max(14px,env(safe-area-inset-bottom)))}.topbar{grid-template-columns:52px minmax(0,1fr) 52px}.round-action svg{width:38px;height:38px;padding:9px}.round-action span{font-size:.78rem}.status-card{min-height:64px;padding:8px 10px 8px 14px}.size-selector button{min-height:44px;border-radius:14px;font-size:1.05rem}.summary-card{min-height:74px;padding:9px 8px}.summary-icon{display:none}.best-list{grid-template-columns:1fr}}@media(max-width:360px){.title-block h1{font-size:1.72rem}.status-item strong{font-size:2rem}.reset-action{min-height:44px;padding:0 10px;font-size:.92rem}.summary-card{grid-template-columns:1fr;gap:8px}.summary-divider{display:none}.recent-block li{grid-template-columns:22px 52px minmax(0,1fr)}.recent-block li em{display:none}}@media(min-width:860px){.app-shell{display:grid;place-items:center}.phone-surface{min-height:auto;padding:24px;border-radius:32px;background:#fffdf77a;box-shadow:var(--shadow)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;scroll-behavior:auto!important;transition-duration:1ms!important}}