:root{font-family:Segoe UI,sans-serif;color-scheme:dark;color:#e9e9d8;background:#0c1512;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #0c1512;--panel: #111d18;--panel-soft: #15231c;--line: #29372e;--muted: #809083;--cream: #e9e9d8;--lime: #d0f26a;--orange: #ff9e68;--mono: "Cascadia Code", "Courier New", monospace;--serif: "Palatino Linotype", Georgia, serif;font-optical-sizing:auto}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg)}button,a{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:4px}::selection{color:var(--bg);background:var(--lime)}.app-shell{max-width:1280px;margin:0 auto;padding:0 64px;overflow:hidden}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #233129}.brand{text-decoration:none;color:var(--cream);display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;letter-spacing:-.04em}.brand-mark{color:var(--lime);font-size:20px}.brand-period{color:var(--lime)}.topbar-right{display:flex;align-items:center;gap:29px}.edition{font:10px var(--mono);letter-spacing:.1em;color:#aab5a7}.live-dot{display:inline-block;width:6px;height:6px;margin:0 8px 1px 0;border-radius:50%;background:var(--lime);box-shadow:0 0 8px #d0f26a77}.local-label{color:var(--lime)}.game-layout{display:grid;grid-template-columns:minmax(255px,.82fr) minmax(450px,1.18fr);gap:72px;padding:68px 0 87px;align-items:center}.intro-column{padding:12px 0 0 9px}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--lime);font:9px var(--mono);letter-spacing:.14em}.eyebrow-line{width:20px;height:1px;background:var(--lime)}h1{position:relative;font:700 clamp(66px,7vw,88px)/.91 var(--serif);letter-spacing:-.075em;margin:23px 0 22px;color:var(--cream)}h1>span:first-of-type{font-style:italic;color:var(--lime)}.title-sparkle{position:absolute;top:7px;right:14%;color:var(--orange);font:27px Segoe UI,sans-serif}.intro-copy{margin:0;color:#a1afa1;font:14px/1.75 var(--serif)}.score-card{margin-top:42px;width:250px;border-top:1px solid #344139;border-bottom:1px solid #344139;padding:15px 0 13px}.score-card-top,.score-card-bottom{display:flex;justify-content:space-between;align-items:center;color:#89998b;font:9px var(--mono);letter-spacing:.12em}.best-icon{font-size:15px;color:var(--lime)}.best-score{color:var(--cream);font:600 45px/.98 var(--serif);margin:9px 0 12px;letter-spacing:-.04em}.best-score span{color:#9aa99b;font:12px var(--mono);letter-spacing:0}.score-card-bottom{justify-content:flex-start;gap:8px;font-size:8px}.score-dot{width:5px;height:5px;background:var(--orange);border-radius:50%}.how-to{margin-top:42px;width:290px}.how-heading{display:flex;align-items:center;justify-content:space-between;color:#87968a;font:9px var(--mono);letter-spacing:.12em;border-bottom:1px solid #29372e;padding-bottom:12px}.how-leaf{color:var(--lime);font-size:14px}.key-guide{display:flex;align-items:center;gap:15px;padding:16px 0 13px}.arrows{display:flex;flex-direction:column;align-items:center;gap:3px}.arrows>div{display:flex;gap:3px}kbd{font:9px var(--mono);color:#b8c4b7;background:#19261f;border:1px solid #35443a;border-bottom-color:#48584a;border-radius:3px;min-width:21px;height:20px;display:inline-flex;align-items:center;justify-content:center}.key-guide p{margin:0;color:#8d9c8e;font:11px/1.6 var(--serif)}.key-guide strong{color:var(--cream);font-weight:600}.tip-line{border-top:1px solid #29372e;padding-top:11px;color:#77877b;font:9px var(--mono);letter-spacing:-.02em}.tip-line span{color:var(--lime);font-size:13px;vertical-align:-1px;margin-right:5px}.play-column{max-width:560px;width:100%;justify-self:end}.game-frame{border:1px solid #38483b;background:#111b16;padding:17px 18px 13px;box-shadow:0 20px 70px #0003}.frame-topline{display:flex;justify-content:space-between;align-items:center;padding:0 2px 13px}.frame-label,.frame-level{font:9px var(--mono);letter-spacing:.1em;color:#a4b1a3}.frame-star{color:var(--lime);font-size:13px;margin-right:6px}.frame-level{color:#728176;font-size:8px}.frame-level span{color:var(--orange);padding:0 4px}.game-stats{height:56px;border:1px solid #28372d;background:#142019;display:flex;align-items:center;justify-content:space-between;padding:0 15px}.current-score,.best-mini{display:flex;align-items:center;gap:9px}.current-score span,.best-mini span{color:#7f9083;font:8px var(--mono);letter-spacing:.12em}.current-score strong{font:500 22px var(--mono);color:var(--lime);letter-spacing:-.08em}.best-mini strong{font:500 13px var(--mono);color:#d2d9cb}.game-state{display:flex;align-items:center;gap:7px;font:8px var(--mono);color:#8f9e91;letter-spacing:.08em}.game-state i{width:5px;height:5px;background:#728176;border-radius:50%}.state-running i{background:var(--lime);box-shadow:0 0 8px #d0f26a99;animation:pulse 1.2s infinite}.state-over i{background:var(--orange)}.state-won i{background:var(--lime)}.state-paused i{background:#e0be69}@keyframes pulse{50%{opacity:.35}}.board-wrap{position:relative;margin-top:12px;border:1px solid #314137;background:#111c16;padding:13px}.board{--board-size: 20;display:grid;grid-template-columns:repeat(var(--board-size),minmax(0,1fr));grid-template-rows:repeat(var(--board-size),minmax(0,1fr));aspect-ratio:1;width:100%;background-color:#15251b;background-image:linear-gradient(#30433347 1px,transparent 1px),linear-gradient(90deg,#30433347 1px,transparent 1px);background-size:calc(100% / var(--board-size)) calc(100% / var(--board-size));overflow:hidden}.board-cell{min-width:0;min-height:0;position:relative;display:flex;align-items:center;justify-content:center}.snake-segment{z-index:1;background:#a8d451;border-radius:3px;margin:1.5px;box-shadow:inset 0 1px 2px #efffb655,0 1px 4px #b5e35725}.snake-segment:not(.snake-head){background:#a2cb4f}.snake-head{background:var(--lime);border-radius:5px;z-index:2}.snake-eyes{display:flex;gap:4px;transform:rotate(90deg)}.snake-eyes i{background:#2c4321;width:2px;height:2px;border-radius:50%}.bonus-fruit{color:var(--orange);font-size:clamp(11px,2vw,18px);line-height:1;text-shadow:0 0 10px #ff9e6866;animation:fruit-wiggle 2s ease-in-out infinite}@keyframes fruit-wiggle{50%{transform:rotate(45deg) scale(.85)}}.board-overlay{position:absolute;inset:13px;display:grid;place-items:center;background:#09120ecb;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:4}.overlay-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 18px}.overlay-flower{color:var(--lime);font-size:20px;margin-bottom:10px}.overlay-card strong{color:var(--cream);font:600 22px var(--serif)}.overlay-card>span:last-of-type{margin-top:6px;color:#9baa9c;font:10px var(--mono)}.overlay-play{display:flex;align-items:center;gap:20px;padding:11px 15px;margin-top:20px;border:0;background:var(--lime);color:#172117;font:10px var(--mono);letter-spacing:.08em;cursor:pointer;transition:transform .2s,background .2s}.overlay-play:hover{transform:translateY(-2px);background:#dfff83}.overlay-play span{font-size:15px}.game-footer{display:flex;align-items:center;justify-content:space-between;padding:13px 2px 0}.footer-hint,.footer-seed{display:flex;align-items:center;gap:7px;color:#829184;font:8px var(--mono);letter-spacing:.06em}.footer-hint kbd{height:17px;min-width:37px;font-size:7px}.footer-seed{color:var(--lime);gap:7px;font-size:9px}.footer-seed span{color:#7d8c80;font-size:7px;letter-spacing:.1em}.restart-button{display:flex;align-items:center;gap:5px;padding:4px 0 4px 8px;border:0;background:none;color:var(--lime);cursor:pointer;font-size:13px}.restart-button span{color:#8d9d8f;font:8px var(--mono);letter-spacing:.08em}.restart-button:hover span{color:var(--lime)}.under-frame{display:flex;justify-content:center;gap:9px;margin-top:13px;color:#7f9082;font:italic 11px var(--serif)}.under-frame span{color:var(--orange);font-style:normal;font-size:9px}.records-section{padding:1px 0 60px;border-top:1px solid #26342b}.records-heading{display:flex;align-items:end;justify-content:space-between;padding:39px 2px 23px}h2{font:600 33px var(--serif);letter-spacing:-.055em;margin:11px 0 0;color:var(--cream)}h2 span{color:var(--lime);font-style:italic}.records-note{color:#8d9b8e;font:italic 12px/1.5 var(--serif);text-align:right}.records-note span{color:var(--orange);margin-left:5px}.records-grid{display:grid;grid-template-columns:.94fr 1.06fr;gap:16px}.panel{min-height:241px;border:1px solid #2c3b31;background:#101a15;padding:17px 18px 12px;display:flex;flex-direction:column}.panel-heading{display:flex;justify-content:space-between;align-items:center;color:#c1ccbf;font:9px var(--mono);letter-spacing:.12em}.panel-flower{color:var(--lime);font-size:13px}.history-count{color:#7d8e81;font-size:8px}.empty-state,.empty-history{flex:1;min-height:158px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#76877a;text-align:center}.empty-state>span{color:var(--orange);font-size:18px}.empty-state p,.empty-history p{margin:9px 0 0;font:italic 13px/1.55 var(--serif)}.score-list,.history-list{list-style:none;padding:0;margin:13px 0 0}.score-list li{display:grid;grid-template-columns:30px 18px 1fr auto;align-items:center;height:28px;border-top:1px solid #27352c;font-family:var(--mono)}.rank{color:#687a6d;font-size:9px}.rank-flower{color:var(--lime);font-size:10px}.rank-date{color:#8e9d90;font-size:8px;letter-spacing:.04em;text-transform:uppercase}.score-list strong{color:#dce3d6;font:500 11px var(--mono)}.score-list strong small{color:#718174;font-size:7px}.score-list li.is-current strong{color:var(--lime)}.panel-foot{display:flex;align-items:center;gap:7px;margin-top:auto;padding-top:10px;border-top:1px solid #29372e;color:#76877b;font:7px var(--mono);letter-spacing:.1em}.panel-foot>span{color:var(--lime);font-size:10px}.panel-foot button{margin-left:auto;padding:0;border:0;color:#8c9b8e;background:transparent;font:inherit;letter-spacing:inherit;cursor:pointer}.panel-foot button:hover{color:var(--lime)}.history-squiggle{color:var(--lime);font:23px var(--serif)}.history-list{margin-top:8px;max-height:188px;overflow-y:auto;padding-right:5px;scrollbar-color:#536848 #17231b;scrollbar-width:thin}.history-list li{display:grid;grid-template-columns:34px 1fr auto;align-items:center;min-height:35px;border-top:1px solid #27352c}.history-index{color:#718174;font:9px var(--mono)}.history-info{display:flex;flex-direction:column;gap:2px}.history-info strong{color:#cdd7c9;font:500 10px var(--mono)}.history-info small{color:#78897c;font:8px var(--mono);text-transform:uppercase}.history-score{color:var(--lime);font:11px var(--mono)}.touch-controls{display:none}.storage-warning{color:#ffb18a;font:.75rem/1.5 var(--mono)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.page-footer{border-top:1px solid #26342b;min-height:52px;display:flex;align-items:center;justify-content:space-between;color:#758578;font:8px var(--mono);letter-spacing:.1em}.page-footer b{color:var(--lime);font-size:11px;margin-left:5px}@media(max-width:1000px){.app-shell{padding:0 34px}.game-layout{grid-template-columns:minmax(220px,.8fr) minmax(390px,1.2fr);gap:35px}h1{font-size:72px}.title-sparkle{right:6%}.game-frame{padding:14px 14px 12px}.board-wrap{padding:10px}.board-overlay{inset:10px}.footer-seed span{display:none}}@media(max-width:760px){.app-shell{padding:0 22px}.topbar{height:66px}.edition{display:none}.game-layout{grid-template-columns:1fr;gap:34px;padding:48px 0 55px}.intro-column{padding:0}h1{font-size:clamp(67px,15vw,86px);margin-top:18px}.title-sparkle{right:auto;left:235px}.intro-copy br{display:none}.score-card{width:100%;max-width:360px;margin-top:26px}.how-to{display:none}.play-column{justify-self:center;max-width:560px}.touch-controls{display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(2,44px);justify-content:center;gap:4px;margin:12px auto 0}.touch-controls button{min-width:44px;min-height:44px;border:1px solid #48584a;border-radius:4px;background:#19261f;color:var(--cream);font-size:20px;touch-action:manipulation;cursor:pointer}.touch-controls button:nth-child(1){grid-column:2;grid-row:1}.touch-controls button:nth-child(2){grid-column:1;grid-row:2}.touch-controls button:nth-child(3){grid-column:2;grid-row:2}.touch-controls button:nth-child(4){grid-column:3;grid-row:2}.records-heading{padding-top:32px}.records-grid{grid-template-columns:1fr}.panel{min-height:220px}.page-footer{gap:8px;font-size:7px}}@media(max-width:430px){.app-shell{padding:0 14px}.topbar-right{gap:0}.local-label{font-size:8px}.game-layout{padding-top:39px}.game-frame{padding:11px 10px 10px}.frame-label{font-size:8px}.game-stats{height:48px;padding:0 9px}.current-score{gap:5px}.current-score span,.best-mini span{font-size:7px}.game-state{font-size:7px;gap:4px}.best-mini{gap:5px}.board-wrap{padding:7px;margin-top:9px}.board-overlay{inset:7px}.snake-segment{margin:1px}.footer-seed{display:none}.game-footer{padding-top:10px}.records-note{font-size:10px}h2{font-size:28px}.page-footer span:nth-child(2){display:none}}.edition,.eyebrow,.score-card-top,.score-card-bottom,.how-heading,.tip-line,kbd,.frame-label,.frame-level,.current-score span,.best-mini span,.game-state,.footer-hint,.footer-seed,.footer-seed span,.panel-heading,.history-count,.rank,.rank-date,.score-list strong small,.panel-foot,.history-index,.history-info strong,.history-info small,.history-score,.score-list strong,.records-note,.under-frame,.key-guide p,.overlay-card>span:last-of-type,.overlay-play,.restart-button span,.footer-hint kbd,.page-footer,.local-label{font-size:.75rem}.restart-button{min-height:32px}.rank,.rank-date,.history-index,.history-info small,.history-count,.panel-foot,.empty-state,.empty-history,.tip-line,.footer-hint,.footer-seed span,.records-note,.under-frame,.frame-level,.score-list strong small,.page-footer{color:#aab5a7}.rank-flower,.panel-flower,.how-leaf,.frame-star,.title-sparkle,.best-icon,.records-note span,.page-footer b,.empty-state>span,.history-squiggle,.history-score,.score-list li.is-current strong{color:var(--lime)}.history-list:focus-visible{outline:2px solid var(--lime);outline-offset:3px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
