:root{--cream:#f7f5ed;--ink:#19372e;--muted:#76847b;--line:#dfe5d7;--orange:#f47758;--lime:#d9f1a4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif}button{font:inherit;cursor:pointer}button:focus-visible{outline-offset:3px;outline:3px solid #ed8a5c}button:disabled{cursor:not-allowed}.site-shell{max-width:1360px;margin:auto;padding:0 48px}.site-header{border-bottom:1px solid #e5e8dd;justify-content:space-between;align-items:center;height:91px;display:flex}.brand{letter-spacing:-1.5px;align-items:center;gap:11px;font-size:23px;font-weight:900;display:flex}.brand-dot{color:var(--orange)}.brand-mark{background:var(--ink);border-radius:9px 9px 9px 3px;width:31px;height:31px;display:block;position:relative;transform:rotate(-9deg)}.brand-mark:after{content:"";background:var(--lime);border-radius:4px;width:11px;height:11px;position:absolute;top:8px;left:9px}.mark-eye{background:var(--ink);z-index:1;border-radius:50%;width:3px;height:3px;position:absolute;top:11px;left:15px}.header-note{letter-spacing:1px;color:#738277;align-items:center;gap:9px;font-size:12px;font-weight:700;display:flex}.live-dot,.status-dot{background:#80ba73;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 4px #e4efd9}.main-grid{grid-template-columns:minmax(300px,398px) minmax(0,1fr);grid-template-areas:"intro board""aside board";align-items:start;column-gap:clamp(40px,6vw,96px);padding:58px 0 72px;display:grid}.intro{grid-area:intro;padding-top:13px}.eyebrow{letter-spacing:2px;color:#7c977b;align-items:center;gap:10px;font-size:12px;font-weight:800;display:flex}.eyebrow-line{background:#90af80;width:24px;height:2px}.intro h1{letter-spacing:-5px;margin:27px 0 18px;font-size:clamp(54px,5.2vw,75px);font-weight:900;line-height:1.19}.title-accent{display:block}.title-period{color:var(--orange)}.intro-copy{color:#65766b;margin:0 0 35px;font-size:16px;line-height:1.95}.score-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.score-card{border-radius:16px;min-height:128px;padding:19px 20px;position:relative}.current-score{background:#e2efcf}.best-score{background:#fff;border:1px solid #e8ebdf}.score-label{letter-spacing:.5px;color:#58705e;align-items:center;gap:8px;font-size:12px;font-weight:800;display:flex}.score-indicator{background:#559b6b;border-radius:50%;width:7px;height:7px}.score-card strong{letter-spacing:-2px;font-variant-numeric:tabular-nums;margin-top:12px;font-size:40px;line-height:1;display:inline-block}.score-unit{color:#77887a;margin-left:6px;font-size:12px;font-weight:700}.intro-footnote{color:#829083;letter-spacing:.3px;margin:18px 0 0;font-size:12px}.footnote-star{color:#dd9371;margin-right:6px}.game-panel{background:#fff;border:1px solid #e7e9df;border-radius:23px;grid-area:board;min-width:0;padding:20px;box-shadow:0 18px 50px #263f2d13,0 2px 6px #263f2d06}.panel-top{justify-content:space-between;align-items:center;margin:0 3px 18px;display:flex}.panel-title{letter-spacing:.5px;align-items:center;gap:9px;font-size:14px;font-weight:900;display:flex}.panel-icon{color:#8caa80;font-size:21px;line-height:1}.panel-index{color:#a5b1a3;margin-left:1px;font-size:12px;font-weight:500}.status-chip{color:#587963;background:#eef4e7;border-radius:20px;align-items:center;gap:8px;padding:8px 11px;font-size:11px;font-weight:800;display:flex}.status-chip .status-dot{width:6px;height:6px;box-shadow:none}.status-over{color:#ad6a51;background:#fff0e9}.status-over .status-dot{background:#e98869}.status-paused{color:#8c8063;background:#f3f0e7}.status-paused .status-dot{background:#b3a47d}.mobile-scores{display:none}.board-frame{background:#173c31;border-radius:14px;padding:8px;box-shadow:inset 0 0 0 1px #ffffff14}.board-wrap{aspect-ratio:1;touch-action:none;border-radius:8px;width:100%;position:relative;overflow:hidden}.game-canvas{width:100%;height:100%;display:block}.board-overlay{text-align:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0d271fc2;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.overlay-content{color:#fff;max-width:360px}.overlay-icon{color:#ddf2a3;border:1px solid #dbf4a673;border-radius:15px;place-items:center;width:53px;height:53px;margin:0 auto 20px;font-size:28px;line-height:1;display:grid}.overlay-kicker{color:#cbe99a;letter-spacing:2.5px;font-size:11px;font-weight:800}.overlay-content h2{letter-spacing:-1.5px;margin:12px 0 10px;font-size:clamp(28px,3vw,40px)}.overlay-content p{color:#c7d9cb;margin:0 0 27px;font-size:13px;line-height:1.6}.primary-button{color:#1b382e;background:#e2f2a5;border:0;border-radius:9px;justify-content:center;align-items:center;gap:28px;min-width:180px;height:51px;font-size:15px;font-weight:900;transition:transform .16s,background .16s;display:inline-flex}.primary-button:hover{background:#f0fac5;transform:translateY(-2px)}.primary-button span{font-size:20px;font-weight:400}.overlay-tip{color:#9fb9a6;margin-top:16px;font-size:11px}.panel-bottom{justify-content:space-between;align-items:center;gap:10px;min-height:56px;padding:10px 3px 0;display:flex}.keyboard-hint{color:#87958a;white-space:nowrap;align-items:center;gap:4px;font-size:11px;display:flex}.hint-key{color:#687e6c;background:#fbfcf9;border:1px solid #e1e6dc;border-bottom-width:2px;border-radius:5px;place-items:center;min-width:22px;height:22px;font-size:12px;font-weight:800;display:grid}.keyboard-hint>span:last-child{margin-left:5px}.game-actions{white-space:nowrap;align-items:center;gap:13px;display:flex}.text-action{color:#546f5b;background:0 0;border:0;padding:7px 2px;font-size:12px;font-weight:800}.text-action:hover:not(:disabled){color:#df7153}.text-action:disabled{opacity:.35}.action-divider{background:#dce4d9;width:1px;height:13px}.touch-area{display:none}.aside-content{grid-area:aside;margin-top:49px}.aside-heading{align-items:center;gap:10px;margin-bottom:19px;display:flex}.section-number{color:#e47f62;letter-spacing:1px;font-size:12px;font-weight:900}.aside-heading h2{letter-spacing:-.3px;margin:0;font-size:16px}.heading-line{background:#dce2d5;flex:1;height:1px;margin-left:8px}.how-row{align-items:center;gap:15px;margin-bottom:19px;display:flex}.how-icon{color:#54856b;background:#e9f0de;border-radius:11px;flex:none;place-items:center;width:38px;height:38px;font-size:20px;font-weight:700;display:grid}.fruit-icon{color:#ea896c;background:#f9e8dc;font-size:16px}.how-row p{flex-direction:column;gap:4px;margin:0;display:flex}.how-row strong{font-size:13px}.how-row p span{color:#8a988c;font-size:12px}.pause-note{color:#98a498;padding-top:5px;font-size:11px}.share-card{background:#e9eedb;border-radius:17px;margin-top:37px;padding:24px 25px 25px;position:relative;overflow:hidden}.share-decoration{color:#d3e0bd;font-size:90px;font-weight:400;line-height:1;position:absolute;top:7px;right:17px}.share-kicker{color:#6e976e;letter-spacing:2px;font-size:11px;font-weight:900;position:relative}.share-card h2{letter-spacing:-.8px;margin:12px 0 14px;font-size:23px;line-height:1.45;position:relative}.share-card p{color:#738476;max-width:290px;margin:0 0 19px;font-size:12px;line-height:1.8;position:relative}.share-button{background:var(--ink);color:#fff;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:17px;min-width:186px;padding:12px 16px;font-size:12px;font-weight:800;display:inline-flex;position:relative}.share-button:hover{background:#2c5a46}.share-button span{font-size:18px;font-weight:400}.site-footer{color:#9ca89b;letter-spacing:.5px;border-top:1px solid #e5e8dd;justify-content:space-between;padding:23px 0 27px;font-size:11px;display:flex}.site-footer span span{color:#df8b67}@media (max-width:1050px){.site-shell{padding:0 30px}.main-grid{grid-template-columns:minmax(270px,340px) minmax(0,1fr);gap:38px}.intro h1{font-size:58px}.score-card{padding:16px}.score-card strong{font-size:34px}.game-panel{padding:15px}.keyboard-hint>span:last-child{display:none}}@media (max-width:760px){.site-shell{padding:0 20px}.site-header{height:70px}.brand{font-size:21px}.header-note{font-size:10px}.main-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"intro""board""aside";gap:0;padding:34px 0 48px;display:grid}.intro{padding:0}.eyebrow{font-size:10px}.intro h1{letter-spacing:-3px;margin:18px 0 12px;font-size:clamp(48px,11vw,70px);line-height:1.1}.title-accent{display:inline}.intro-copy{margin-bottom:22px;font-size:13px;line-height:1.8}.intro-copy br{display:none}.intro-copy br:after{content:" "}.score-row{gap:10px}.score-card{min-height:91px;padding:13px 16px}.score-card strong{margin-top:8px;font-size:29px}.score-label{font-size:11px}.intro-footnote{margin:12px 0 23px;font-size:11px}.game-panel{border-radius:18px;padding:12px}.panel-top{margin:2px 3px 12px}.mobile-scores{color:#8b9b8d;align-items:center;gap:17px;margin:0 3px 11px;font-size:11px;font-weight:700;display:flex}.mobile-scores strong{color:#244c37;font-variant-numeric:tabular-nums;margin-left:4px;font-size:18px}.board-frame{border-radius:10px;padding:5px}.board-wrap{border-radius:6px}.panel-bottom{min-height:47px}.keyboard-hint{display:none}.game-actions{margin-left:auto}.touch-area{border-top:1px solid #edf0e8;justify-content:space-between;align-items:center;padding:15px 6px 5px;display:flex}.touch-label{color:#5d7764;align-self:flex-start;margin-top:8px;font-size:12px;font-weight:800}.touch-label span{color:#9ba99c;margin-top:6px;font-size:10px;font-weight:400;display:block}.dpad{grid-template-rows:repeat(2,49px);grid-template-columns:repeat(3,49px);grid-template-areas:".up.""left down right";gap:5px;display:grid}.dpad-button{color:#3d7352;touch-action:manipulation;background:#edf3e6;border:1px solid #dce7d4;border-radius:12px;place-items:center;width:49px;height:49px;display:grid}.dpad-button:active:not(:disabled){background:#d2e8bd;transform:scale(.95)}.dpad-button:disabled{opacity:.45}.dpad-up{grid-area:up}.dpad-left{grid-area:left}.dpad-right{grid-area:right}.dpad-down{grid-area:down}.dpad-center{display:none}.arrow-icon{width:22px;height:22px}.arrow-left{transform:rotate(-90deg)}.arrow-right{transform:rotate(90deg)}.arrow-down{transform:rotate(180deg)}.aside-content{margin-top:35px}.share-card{margin-top:29px}.site-footer{padding:20px 0}.overlay-icon{width:44px;height:44px;margin-bottom:13px;font-size:23px}.overlay-content h2{margin:8px 0;font-size:28px}.overlay-content p{margin-bottom:18px}.primary-button{min-width:153px;height:44px;font-size:13px}.overlay-tip{margin-top:11px}}@media (max-width:380px){.site-shell{padding:0 14px}.header-note{letter-spacing:0}.intro h1{font-size:46px}.touch-label span{max-width:100px;line-height:1.5}.score-card{padding:12px}.overlay-content p{font-size:11px}.overlay-icon{margin-bottom:9px}.overlay-tip{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}