:root{--ink:#20372d;--muted:#738277;--orange:#ed704c;--cream:#f5f4ed;--line:#e4e6da;--green:#296044}*{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,Hiragino Sans GB,Microsoft YaHei,sans-serif}button{font:inherit;cursor:pointer}button:focus-visible{outline:3px solid var(--orange);outline-offset:3px}button:disabled{cursor:not-allowed}.site-wrap{flex-direction:column;max-width:1512px;min-height:100vh;margin:auto;padding:0 clamp(24px,5vw,78px);display:flex}.site-header{border-bottom:1px solid #dcdfd3;flex:none;justify-content:space-between;align-items:center;height:100px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-mark{background:var(--orange);border-radius:12px;width:42px;height:42px;position:relative;overflow:hidden;transform:rotate(-5deg)}.mark-path{border-top:5px solid #fff8e9;border-bottom:0;border-left:0;border-right:5px solid #fff8e9;border-radius:0 12px 0 0;width:21px;height:19px;position:absolute;top:10px;left:10px;transform:rotate(90deg)}.mark-path:after{content:"";background:#fff8e9;border-radius:5px;width:16px;height:5px;position:absolute;top:9px;right:-4px}.mark-eye{background:var(--ink);border-radius:50%;width:4px;height:4px;position:absolute;top:11px;left:10px}.brand-type{flex-direction:column;gap:2px;display:flex}.brand-type strong{letter-spacing:.04em;font-size:17px;font-weight:900}.brand-type>span{letter-spacing:.19em;color:#8c9c8b;font-size:9px;font-weight:800}.header-right{color:#718076;letter-spacing:.03em;align-items:center;gap:9px;font-size:12px;font-weight:700;display:flex}.online-dot{background:#79ae69;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #e1edda}.header-star{color:var(--orange);margin-left:22px;font-size:25px;line-height:1}.main-layout{flex:1;grid-template-columns:minmax(0,.83fr) minmax(0,1fr);align-items:start;gap:clamp(45px,5.6vw,96px);width:100%;padding:55px 0;display:grid}.intro{min-width:0;padding-top:48px}.eyebrow{letter-spacing:.12em;color:var(--green);align-items:center;gap:10px;font-size:12px;font-weight:800;display:flex}.eyebrow-line{background:var(--orange);width:25px;height:2px;display:inline-block}.intro h1{letter-spacing:-.075em;white-space:nowrap;margin:29px 0 21px;font-size:clamp(49px,5.2vw,82px);font-weight:900;line-height:1.22}.intro h1 span{color:var(--orange)}.intro-copy{color:#67766c;letter-spacing:.015em;max-width:405px;margin:0;font-size:16px;font-weight:500;line-height:1.9}.intro-chips{flex-wrap:wrap;gap:9px;margin-top:28px;display:flex}.intro-chips span{color:#718378;border:1px solid #d9dfd3;border-radius:30px;padding:8px 12px;font-size:11px;font-weight:700}.intro-chips span:before{content:"✦";color:#83a679;margin-right:6px;font-size:10px}.intro-bottom{margin-top:clamp(48px,7.2vw,112px)}.mini-card{background:#e7ede1;border:1px solid #dce6d5;border-radius:15px;max-width:460px;padding:19px 22px 20px;position:relative;overflow:hidden}.mini-card-top{color:#63836e;letter-spacing:.14em;justify-content:space-between;align-items:center;font-size:9px;font-weight:900;display:flex}.mini-spark{color:#6f9e76;font-size:20px;line-height:1}.mini-card-body{align-items:center;gap:23px;padding-top:12px;display:flex}.mini-card-body strong{letter-spacing:-.04em;font-size:19px;line-height:1.45}.mini-card-body p{color:#7a8b7c;margin:7px 0 0;font-size:11px}.mini-illustration{background-image:linear-gradient(#d6e3d0 1px,#0000 1px),linear-gradient(90deg,#d6e3d0 1px,#0000 1px);background-size:21px 21px;flex:none;width:105px;height:81px;position:relative}.mini-snake-a,.mini-snake-b,.mini-snake-c,.mini-food{background:#3c8665;border-radius:5px;width:20px;height:20px;display:block;position:absolute}.mini-snake-a{top:42px;left:21px}.mini-snake-b{top:42px;left:42px}.mini-snake-c{background:#265c45;top:21px;left:42px}.mini-snake-c:after{content:"··";color:#fff;letter-spacing:1px;font-size:18px;position:absolute;top:-3px;left:5px}.mini-food{background:var(--orange);border-radius:50%;top:21px;left:84px;transform:scale(.8)}.desktop-guide{padding:27px 3px 0}.guide-label{letter-spacing:.18em;color:#9baa9a;align-items:center;gap:12px;font-size:10px;font-weight:900;display:flex}.guide-label i{background:#dce1d5;flex:1;max-width:210px;height:1px}.guide-row{align-items:center;gap:19px;margin-top:17px;display:flex}.key-cluster{flex-direction:column;align-items:center;gap:3px;display:flex}.key-cluster div{gap:3px;display:flex}.key-cluster span{color:#73867a;background:#fbfcf6;border:1px solid #d9dfd2;border-radius:4px;place-items:center;width:23px;height:22px;font-size:13px;display:grid;box-shadow:0 2px #d9dfd2}.guide-row p{color:#879789;margin:0;font-size:12px;line-height:1.8}.guide-row b{color:#59715f;font-weight:800}.game-panel{background:#fcfcf8;border:1px solid #e7e9de;border-radius:20px;min-width:0;padding:0 22px 17px;box-shadow:0 22px 60px #2d432e12,0 3px 8px #2d432e05}.game-topbar{border-bottom:1px solid #e9ece4;justify-content:space-between;align-items:center;height:60px;display:flex}.game-label{align-items:center;gap:9px;font-size:13px;font-weight:900;display:flex}.game-label-icon{color:var(--orange);font-size:19px;line-height:1}.mode-pill{color:#8c9d8f;background:#eff3eb;border-radius:5px;margin-left:2px;padding:5px 8px;font-size:10px;font-weight:800}.status{color:#85968a;align-items:center;gap:7px;font-size:11px;font-weight:800;display:flex}.status>span{background:#adbaa9;border-radius:50%;width:7px;height:7px}.status-playing>span{background:#65ad6b;box-shadow:0 0 0 3px #e2f1dc}.status-playing{color:#528d59}.status-paused>span{background:#e7a554}.status-over>span{background:var(--orange)}.scorebar{align-items:center;height:92px;display:flex}.score-unit{flex-direction:column;flex:1;gap:4px;padding-left:9px;display:flex}.score-unit.best-unit{padding-left:29px}.stat-label{color:#617b68;letter-spacing:.04em;font-size:11px;font-weight:800}.stat-label span{color:#9bab9b;letter-spacing:.13em;font-family:Arial,sans-serif;font-size:9px}.score-unit strong{letter-spacing:-.045em;color:var(--ink);font-variant-numeric:tabular-nums;font-family:Arial,sans-serif;font-size:36px;font-weight:900;line-height:1}.best-unit strong{color:var(--orange)}.best-spark{vertical-align:top;margin-left:6px;font-size:15px}.score-divider{background:#e7ebe1;width:1px;height:40px}.board-frame{background:#305b40;border-radius:12px;padding:8px;box-shadow:inset 0 0 0 1px #234b35,0 4px #dae3d6}.board{aspect-ratio:1;touch-action:none;background:#cee2bf;border-radius:5px;grid-template-rows:repeat(20,minmax(0,1fr));grid-template-columns:repeat(20,minmax(0,1fr));width:100%;display:grid;position:relative;overflow:hidden}.cell{border-bottom:1px solid #43704218;border-right:1px solid #43704218;min-width:0;min-height:0;position:relative}.cell:nth-child(2n){background:#ffffff09}.snake-block{background:#438667;border-radius:3px;position:absolute;inset:1px;box-shadow:inset 0 -2px #15513629}.head .snake-block{z-index:1;background:#255a43;border-radius:5px}.snake-eyes{gap:4px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.snake-eyes i{background:#f5f7db;border-radius:50%;width:3px;height:3px;display:block}.head-right .snake-eyes{flex-direction:column;gap:4px;left:68%}.head-left .snake-eyes{flex-direction:column;gap:4px;left:30%}.head-up .snake-eyes{top:30%}.head-down .snake-eyes{top:68%}.food-block{background:#ed704c;border-radius:37% 43% 42%;position:absolute;inset:14%;box-shadow:inset -2px -2px #cb5338,0 2px 2px #3d583029}.food-block i{background:#447e58;border-radius:90% 0;width:35%;height:24%;position:absolute;top:-20%;left:56%;transform:rotate(-25deg)}.board-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:3;background:#1d3c293b;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.overlay-card{text-align:center;background:#fcfcf5;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:min(100%,330px);min-height:300px;padding:27px 23px 22px;display:flex;box-shadow:0 16px 50px #11341d30}.overlay-icon{color:#31684c;background:#e7f0df;border-radius:14px;place-items:center;width:49px;height:49px;margin-bottom:16px;font-size:30px;font-weight:800;display:grid;position:relative}.overlay-icon-snake{margin-top:-6px;font-size:38px;line-height:1;transform:rotate(-27deg)}.overlay-icon-dot{background:var(--orange);border-radius:50%;width:7px;height:7px;position:absolute;top:8px;right:7px}.overlay-kicker{letter-spacing:.17em;color:#e17a57;font-size:9px;font-weight:900}.overlay-card h2{letter-spacing:-.045em;margin:9px 0 5px;font-size:23px;font-weight:900;line-height:1.3}.overlay-card p{color:#849486;margin:0 0 19px;font-size:12px;line-height:1.5}.overlay-card p b{color:var(--orange);font-size:17px}.primary-button{background:var(--orange);color:#fff;border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;max-width:236px;min-height:46px;padding:0 15px;font-size:14px;font-weight:900;transition:transform .15s,box-shadow .15s,background .15s;display:flex;box-shadow:0 4px #ca573a}.primary-button:hover{background:#dc6341;transform:translateY(2px);box-shadow:0 2px #ba4d32}.primary-button>span{margin-left:auto;font-size:19px;font-weight:400;line-height:1}.primary-button svg{margin-left:auto}.overlay-card small{color:#a2afa0;margin-top:13px;font-size:10px}.overlay-card .share-feedback{color:#467c59;overflow-wrap:anywhere;max-width:250px;line-height:1.4}.text-button{color:#587962;background:0 0;border:0;margin-top:12px;padding:4px 8px;font-size:11px;font-weight:800}.text-button:hover{text-decoration:underline}.pause-symbol,.over-symbol{font-size:26px}.game-footer{justify-content:space-between;align-items:center;gap:8px;min-height:64px;display:flex}.footer-hint{color:#8a998a;align-items:center;gap:8px;font-size:11px;font-weight:600;display:flex}.hint-icon{color:#539368;background:#e7f0df;border-radius:5px;place-items:center;width:18px;height:18px;font-weight:700;display:grid}.action-buttons{flex:none;gap:6px;display:flex}.action-buttons button{color:#617b67;background:#f6f9f3;border:1px solid #e3e9df;border-radius:7px;align-items:center;gap:5px;min-height:32px;padding:0 9px;font-size:11px;font-weight:800;display:flex}.action-buttons button:hover:not(:disabled){background:#e9f1e5}.action-buttons button:disabled{opacity:.42}.action-buttons svg{width:14px;height:14px}.pause-bars{letter-spacing:-3px;padding-right:4px;font-size:13px;font-weight:900}.touch-controls{display:none}.site-footer{color:#9aa89b;letter-spacing:.08em;border-top:1px solid #dcdfd3;justify-content:space-between;align-items:center;height:58px;font-size:10px;font-weight:800;display:flex}.site-footer>span:last-child{letter-spacing:.15em}.footer-flower{color:var(--orange);vertical-align:middle;margin-left:6px;font-size:17px}@media (max-width:1100px){.site-wrap{padding:0 32px}.main-layout{grid-template-columns:minmax(0,.78fr) minmax(0,1fr);gap:34px}.intro h1{font-size:clamp(44px,5vw,64px)}.intro{padding-top:35px}.intro-bottom{margin-top:60px}.game-panel{padding:0 16px 10px}.board-overlay{padding:18px}.overlay-card{min-height:270px;padding:17px}.overlay-icon{margin-bottom:10px}.overlay-card h2{font-size:20px}}@media (max-width:760px){.site-wrap{padding:0 20px}.site-header{height:75px}.brand-mark{border-radius:10px;width:36px;height:36px}.brand-type strong{font-size:14px}.brand-type>span{font-size:8px}.header-right{gap:0;font-size:0}.header-right .online-dot{width:8px;height:8px}.header-star{margin-left:17px;font-size:19px}.main-layout{flex-direction:column;gap:30px;padding:27px 0 38px;display:flex}.intro{width:100%;padding:0}.eyebrow{font-size:10px}.intro h1{margin:18px 0 12px;font-size:clamp(43px,9.8vw,68px)}.intro-copy{max-width:500px;font-size:13px;line-height:1.7}.intro-chips{gap:6px;margin-top:17px}.intro-chips span{padding:6px 9px;font-size:10px}.intro-bottom{display:none}.game-panel{border-radius:16px;align-self:center;width:100%;max-width:620px;padding:0 12px 7px}.game-topbar{height:54px}.scorebar{height:75px}.score-unit strong{font-size:30px}.score-unit.best-unit{padding-left:19px}.board-frame{padding:6px}.game-footer{min-height:59px}.touch-controls{color:#607a67;border-top:1px solid #e9ece4;justify-content:space-between;align-items:center;padding:11px 5px 8px;font-size:11px;font-weight:800;display:flex}.touch-caption{color:#a1afa1;font-weight:500}.dpad{grid-template-rows:repeat(2,36px);grid-template-columns:repeat(3,37px);gap:3px;display:grid}.dpad button{color:#416d50;touch-action:manipulation;background:#eef4e9;border:1px solid #dce6d9;border-radius:7px;place-items:center;display:grid}.dpad button:active:not(:disabled){background:#d4e6ce;transform:scale(.95)}.dpad button:disabled{opacity:.45}.dpad-up{grid-area:1/2}.dpad-left{grid-area:2/1}.dpad-down{grid-area:2/2}.dpad-right{grid-area:2/3}.arrow-right{transform:rotate(90deg)}.arrow-down{transform:rotate(180deg)}.arrow-left{transform:rotate(-90deg)}.site-footer{height:auto;min-height:55px}.site-footer>span:last-child{display:none}}@media (max-width:390px){.site-wrap{padding:0 14px}.intro h1{font-size:41px}.intro-copy{font-size:12px}.game-panel{padding:0 9px 5px}.game-label{gap:5px;font-size:11px}.status{font-size:10px}.score-unit strong{font-size:27px}.stat-label{font-size:10px}.board-overlay{padding:13px}.overlay-card{width:82%;min-height:0;padding:14px 13px}.overlay-icon{width:37px;height:37px;margin-bottom:6px;font-size:22px}.overlay-icon-snake{font-size:29px}.overlay-kicker{font-size:8px}.overlay-card h2{margin:5px 0;font-size:17px}.overlay-card p{margin-bottom:11px;font-size:10px}.primary-button{min-height:38px;font-size:12px}.overlay-card small{margin-top:8px;font-size:9px}.footer-hint{font-size:9px}.action-buttons button{padding:0 6px;font-size:10px}.touch-caption{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}