:root{--ink:#172d25;--muted:#657469;--cream:#f5f5ec;--lime:#d8f877;--orange:#ff946e;--line:#dedfd3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Helvetica,sans-serif}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #f8916b}::selection{background:var(--lime);color:var(--ink)}.site-shell{max-width:1192px;margin:auto;padding:0 32px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;height:76px;display:flex}.brand{color:var(--ink);align-items:center;gap:11px;text-decoration:none;display:inline-flex}.brand-name{letter-spacing:-1.3px;white-space:nowrap;font-size:19px;font-weight:950}.brand-name>span:first-child{letter-spacing:-1.2px;font-weight:400}.brand-dot{color:#f08f66;font-weight:900}.brand-mark{grid-template-rows:repeat(3,8px);grid-template-columns:repeat(3,8px);gap:2px;width:29px;height:29px;display:grid;position:relative;transform:rotate(-8deg)}.brand-mark span,.brand-mark i{background:#173327;border-radius:2px}.brand-mark span:first-child{grid-area:2/1}.brand-mark span:nth-child(2){grid-area:2/2}.brand-mark span:nth-child(3){grid-area:2/3}.brand-mark span:nth-child(4){background:#d3ee75;grid-area:1/3}.brand-mark i{background:#173327;width:2px;height:2px;position:absolute;top:3px}.brand-mark i:first-of-type{left:22px}.brand-mark i:nth-of-type(2){left:26px}.header-note,.header-badge,.eyebrow,.field-label,.status-indicator,.game-card-bottom,.card-overline,.score-label,.best-row>div:nth-child(2)>span,.control-heading,.keyboard-help,.control-footer,.footer,.overlay-kicker,.overlay-hint{letter-spacing:1.55px;font-family:Arial,Helvetica,sans-serif;font-size:10px;font-weight:800}.header-note{color:#63746a;align-items:center;gap:9px;margin-left:-45px;display:flex}.live-dot,.status-indicator>span{background:#83b653;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 3px #83b65324}.header-badge{color:#506355;white-space:nowrap;border:1px solid #d6d9c9;border-radius:50px;padding:11px 14px 10px}.header-badge span{margin-left:11px;font-size:14px;line-height:0}.intro{justify-content:space-between;align-items:center;gap:20px;padding:35px 2px 30px;display:flex}.eyebrow{color:#5e7561;align-items:center;gap:11px;font-size:10px;display:flex}.eyebrow-line{background:#709265;width:24px;height:1px}.intro h1{letter-spacing:-3.6px;margin:13px 0 9px;font-size:clamp(36px,4.25vw,59px);font-weight:850;line-height:1.03}.intro h1 em,.overlay-card h2 em,.control-card h3 em{font-family:Georgia,serif;font-weight:400}.title-period{color:#e9936c}.intro p{color:#667269;margin:0;font-size:14px;line-height:1.5}.intro-stamp{color:#687c65;text-align:center;letter-spacing:1.2px;border:1px solid #cfd4c4;border-radius:50%;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:3px;width:93px;height:93px;font-size:9px;font-weight:800;line-height:1.5;display:flex;transform:rotate(12deg)}.stamp-arrow{font-size:21px;font-weight:400;line-height:1}.game-layout{grid-template-columns:minmax(0,1fr) 308px;align-items:start;gap:20px;display:grid}.game-card{background:#fffef8;border:1px solid #dfe1d5;border-radius:18px;padding:0 16px;box-shadow:0 8px 28px #1f32240b}.game-card-top{justify-content:space-between;align-items:center;gap:10px;height:54px;display:flex}.field-label{color:#375346;align-items:center;gap:10px;display:flex}.field-number{color:#96a99a}.field-divider{background:#d7ded2;width:1px;height:14px}.game-actions{align-items:center;gap:14px;display:flex}.status-indicator{color:#587864;white-space:nowrap;align-items:center;gap:8px;font-size:9px;display:flex}.status-indicator.paused>span{background:#f5b85c;box-shadow:0 0 0 3px #f5b85c24}.status-indicator.over>span{background:#f38f76;box-shadow:0 0 0 3px #f38f7624}.small-action{color:#345344;background:0 0;border:1px solid #dce2d6;border-radius:7px;place-items:center;width:28px;height:28px;font-size:14px;font-weight:800;display:grid}.small-action:hover{background:#e9efdf}.board-wrap{touch-action:none;background:#1c382e;border:9px solid #25443a;border-radius:12px;position:relative;overflow:hidden}.board{aspect-ratio:1;background:#29463a;grid-template-rows:repeat(20,1fr);grid-template-columns:repeat(20,1fr);gap:1px;width:100%;display:grid}.cell{background:#1d382f;min-width:0;min-height:0;position:relative}.cell.snake-body,.cell.snake-head{background:#c9ed70;border-radius:27%;box-shadow:inset 0 -3px #2b49221f}.cell.snake-head{z-index:1;background:#e0ff84}.snake-eyes{width:100%;height:100%;display:block;position:absolute;inset:0}.snake-eyes i{background:#244a36;border-radius:50%;width:11%;height:11%;position:absolute;top:22%;left:56%}.snake-eyes i+i{top:68%;left:56%}.facing-left .snake-eyes{transform:rotate(180deg)}.facing-up .snake-eyes{transform:rotate(-90deg)}.facing-down .snake-eyes{transform:rotate(90deg)}.food-cell{place-items:center;display:grid}.food-dot{background:#ff9777;border-radius:45% 48% 46%;width:69%;height:69%;position:relative;box-shadow:inset -3px -4px #9e392a30,0 1px 9px #ff977738}.food-dot i{background:#a5d975;border-radius:100% 0;width:30%;height:22%;position:absolute;top:-15%;left:47%;transform:rotate(-35deg)}.board-overlay{z-index:2;background:#0b201885;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.overlay-card{text-align:center;background:#f9f9ed;border:1px solid #fff;border-radius:17px;width:min(100%,340px);padding:27px 28px 25px;box-shadow:0 20px 60px #0003}.overlay-icon{background:var(--lime);width:43px;height:43px;color:var(--ink);border-radius:12px;place-items:center;margin:0 auto 17px;font-size:27px;line-height:1;display:grid}.overlay-kicker{color:#658061;font-size:9px}.overlay-card h2{letter-spacing:-1.5px;margin:11px 0;font-size:31px;line-height:1.05}.overlay-card h2 em{font-style:italic}.overlay-card p{color:#67756b;max-width:250px;margin:0 auto 20px;font-size:12px;line-height:1.5}.primary-button{color:#f5f7e9;letter-spacing:1.2px;background:#1c392d;border:0;border-radius:8px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:47px;padding:0 16px;font-size:11px;font-weight:800;transition:transform .15s,background .15s;display:flex}.primary-button:hover{background:#305541;transform:translateY(-2px)}.primary-button>span{margin-left:auto;font-size:19px;font-weight:400;line-height:0}.primary-button svg{margin-left:auto}.overlay-hint{color:#87958a;letter-spacing:1.1px;margin-top:16px;font-size:9px}.game-card-bottom{color:#798d7c;letter-spacing:1.15px;justify-content:space-between;align-items:center;gap:10px;min-height:44px;font-size:9px;display:flex}.game-card-bottom>span:first-child{color:#536f55}.bottom-arrow{vertical-align:middle;font-size:15px}.sidebar{flex-direction:column;gap:17px;display:flex}.score-card{background:#d9f279;border-radius:17px;min-height:222px;padding:21px 22px 23px;position:relative;overflow:hidden}.score-card:after{content:"✳";color:#ffffff30;pointer-events:none;font-size:210px;line-height:1;position:absolute;top:8px;right:-54px}.card-overline{z-index:1;justify-content:space-between;align-items:center;font-size:10px;display:flex;position:relative}.card-overline>span{font-size:15px;font-weight:400;line-height:.8}.score-label{color:#58713b;z-index:1;margin-top:29px;font-size:9px;position:relative}.score-value{letter-spacing:-5px;z-index:1;margin:4px 0 16px;font-size:69px;font-weight:850;line-height:1.03;position:relative}.score-value>span{letter-spacing:1px;vertical-align:middle;margin-left:9px;font-size:11px;font-weight:800}.score-rule{z-index:1;background:#314d2438;height:1px;position:relative}.best-row{z-index:1;align-items:center;gap:11px;padding-top:16px;display:flex;position:relative}.trophy-box{border:1px solid #2a4b2330;border-radius:10px;flex:none;place-items:center;width:38px;height:38px;display:grid}.best-row>div:nth-child(2)>span{color:#58713b;margin-bottom:4px;font-size:9px;display:block}.best-row strong{letter-spacing:-.8px;font-size:21px}.best-row small{letter-spacing:1px;margin-left:2px;font-size:9px}.best-sparkle{margin-left:auto;font-size:27px;font-weight:400}.control-card{color:#edf4e9;background:#1e382e;border-radius:17px;min-height:344px;padding:22px 22px 19px}.control-card .card-overline{color:#a8bda6}.control-card .card-overline>span{color:#9db59e;font-size:9px}.control-card h3{letter-spacing:-1px;margin:24px 0 9px;font-size:26px;line-height:1.1}.control-card h3 em{color:#dbefab}.control-card p{color:#b4c5b8;max-width:240px;margin:0;font-size:12px;line-height:1.55}.control-divider{background:#476052;height:1px;margin:22px 0 16px}.control-heading{color:#c7dac5;justify-content:space-between;font-size:9px;display:flex}.control-mobile-label{display:none}.control-content{justify-content:space-between;align-items:center;padding:13px 1px 14px;display:flex}.dpad{grid-template-rows:repeat(2,35px);grid-template-columns:repeat(3,35px);gap:4px;display:grid}.dpad-key{color:#e6f7dc;touch-action:manipulation;background:#375545;border:1px solid #617a67;border-radius:5px;place-items:center;padding:0;transition:background .12s,transform .12s;display:grid}.dpad-key:hover,.dpad-key:active{color:#173528;background:#a7d96b;transform:scale(.96)}.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-left{transform:rotate(-90deg)}.arrow-down{transform:rotate(180deg)}.arrow-right{transform:rotate(90deg)}.keyboard-help{text-align:right;color:#eff6e9;font-size:10px;line-height:1.6}.keyboard-help span{color:#91ad91;margin:0 3px}.keyboard-help small{color:#85a28a;letter-spacing:1px;margin-top:7px;font-size:9px;display:block}.control-footer{color:#a9c0ac;letter-spacing:.4px;border-top:1px solid #476052;justify-content:space-between;align-items:center;gap:6px;padding-top:15px;font-size:9px;display:flex}.control-footer b{color:#eff5e6;letter-spacing:.5px;font-size:9px}.control-footer button{color:#d5eead;letter-spacing:.6px;white-space:nowrap;background:0 0;border:0;padding:4px 0;font-size:9px;font-weight:800}.control-footer button:hover{text-decoration:underline}.footer{color:#889589;letter-spacing:1.15px;justify-content:space-between;align-items:center;gap:20px;min-height:73px;font-size:9px;display:flex}.footer span span{color:#5a8a55;vertical-align:middle;margin-left:5px;font-size:16px}@media (max-width:900px){.site-shell{padding:0 22px}.game-layout{grid-template-columns:minmax(0,1fr) 265px;gap:14px}.score-card,.control-card{padding-left:18px;padding-right:18px}.header-note{display:none}.keyboard-help{font-size:9px}.dpad{grid-template-rows:repeat(2,31px);grid-template-columns:repeat(3,31px)}}@media (max-width:700px){.site-shell{padding:0 16px}.topbar{height:66px}.brand-name{font-size:18px}.header-badge{letter-spacing:.6px;padding:9px 10px;font-size:8px}.header-badge span{margin-left:2px}.intro{padding:29px 2px 25px}.intro h1{letter-spacing:-2.5px;font-size:clamp(35px,7vw,49px)}.intro-stamp{display:none}.intro p{font-size:13px}.game-layout{grid-template-columns:1fr}.sidebar{grid-template-columns:1fr 1fr;display:grid}.score-card,.control-card{min-height:0}.control-card h3{margin-top:22px}.control-content{gap:5px}.keyboard-help{display:none}.control-mobile-label{display:block}.dpad{grid-template-rows:repeat(2,39px);grid-template-columns:repeat(3,39px)}.control-footer{flex-wrap:wrap}.footer{align-items:flex-start;padding:23px 0;line-height:1.6}}@media (max-width:520px){.eyebrow{letter-spacing:1.2px;font-size:8px}.intro h1{letter-spacing:-2.5px;font-size:38px}.game-card{border-radius:13px;padding:0 9px}.game-card-top{height:48px}.board-wrap{border-width:6px}.game-card-bottom{letter-spacing:.5px;min-height:37px;font-size:8px}.game-card-bottom>span:last-child{text-align:right;max-width:48%}.overlay-card{width:min(88%,310px);padding:20px 20px 18px}.overlay-icon{width:34px;height:34px;margin-bottom:10px;font-size:21px}.overlay-card h2{margin:8px 0;font-size:25px}.overlay-card p{margin-bottom:14px;font-size:11px}.primary-button{min-height:42px;font-size:10px}.overlay-hint{margin-top:11px;font-size:8px}.sidebar{grid-template-columns:1fr;gap:12px}.score-card{padding:16px 20px}.score-label{margin-top:16px}.score-value{margin-bottom:11px;font-size:55px}.best-row{padding-top:11px}.control-card{padding:18px 20px}.control-card h3{margin:13px 0 6px}.control-divider{margin:15px 0 13px}.control-content{justify-content:center}.dpad{grid-template-rows:repeat(2,51px);grid-template-columns:repeat(3,51px);gap:5px}.control-footer{margin-top:4px}.footer{display:block}.footer>span{margin-bottom:8px;display:block}}@media (max-width:360px){.header-badge{display:none}.intro h1{font-size:33px}.overlay-card{width:89%;padding:13px}.overlay-card p{margin-bottom:10px}.overlay-icon{margin-bottom:6px}.overlay-hint{margin-top:8px}.game-card-bottom>span:last-child{font-size:7px}}