@font-face{font-family:PressStart2P;src:url(../fonts/PressStart2P-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:block}:root{--ui-void: #070920;--ui-bg: #0c1034;--ui-bg-dot: #141a47;--ui-panel-hi: #2a2e5e;--ui-panel-lt: #3a3f7a;--white: #fcfcfc;--gray-hi: #a0a0a0;--gray-lo: #787878;--snake-body: #00b800;--snake-head: #b8f818;--wall: #3cbcfc;--cheese: #f8b800;--pepp-red: #f83800;--safe-bottom: env(safe-area-inset-bottom, 0px)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}html,body{width:100%;height:100%;overflow:hidden;background:var(--ui-void);color:var(--white);font-family:PressStart2P,monospace;-webkit-font-smoothing:none;touch-action:none;overscroll-behavior:none}#app{position:fixed;inset:0;overflow:hidden}#game{position:absolute;inset:0;width:100%;height:100%;display:block;image-rendering:pixelated;image-rendering:crisp-edges}#overlays{position:absolute;inset:0;pointer-events:none}.layer{position:absolute;inset:0}.hidden{display:none!important}.overlay{pointer-events:auto;display:flex;align-items:center;justify-content:center;background:#070920cc}#deck{pointer-events:none;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.deck-inner{display:flex;flex-direction:column;align-items:center;width:100%;padding-bottom:calc(10px + var(--safe-bottom))}.scorebar{pointer-events:auto;width:100%;display:flex;align-items:center;justify-content:space-between;padding:6px 16px;gap:8px}.stat{display:flex;align-items:center;gap:8px}.stat-label{font-size:8px}.stat-value{font-size:12px;color:var(--white);transform-origin:left center}.stat-value.pop{animation:score-pop .16s ease-out}@keyframes score-pop{0%{transform:scale(1.4)}to{transform:scale(1)}}.scorebar-right{display:flex;align-items:center;gap:8px}.icon-btn{pointer-events:auto;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:2px solid var(--ui-bg-dot);border-radius:4px;background:transparent;cursor:pointer;font-size:16px;line-height:1}.dpad{pointer-events:auto;margin-top:6px;display:flex;flex-direction:column;align-items:center}.dpad-row{display:flex}.dpad-cell{width:64px;height:64px;margin:2px}.dpad-btn{width:64px;height:64px;margin:2px;display:flex;align-items:center;justify-content:center;background:var(--ui-panel-lt);border:2px solid var(--wall);border-radius:6px;color:var(--white);font-size:34px;line-height:1;cursor:pointer;transition:transform 70ms ease-out,background 70ms ease-out,border-color 70ms ease-out,box-shadow 70ms ease-out}.dpad-btn.pressed{transform:scale(.9);background:var(--wall);border-color:var(--white);color:var(--ui-void);box-shadow:0 0 12px 1px #3cbcfcb3}.arrow{width:0;height:0}.arrow.up{border-left:13px solid transparent;border-right:13px solid transparent;border-bottom:17px solid currentColor}.arrow.down{border-left:13px solid transparent;border-right:13px solid transparent;border-top:17px solid currentColor}.arrow.left{border-top:13px solid transparent;border-bottom:13px solid transparent;border-right:17px solid currentColor}.arrow.right{border-top:13px solid transparent;border-bottom:13px solid transparent;border-left:17px solid currentColor}.panel{display:flex;flex-direction:column;align-items:center;padding:28px;background:var(--ui-panel-hi);border:3px solid var(--wall);border-radius:8px;text-align:center}.panel .title{font-size:16px}.panel .cause{font-size:8px;color:var(--gray-lo);margin-top:12px}.score-row{display:flex;align-items:center;justify-content:center;gap:16px;padding:4px 0}.score-row .label{width:86px;text-align:right;font-size:9px;color:var(--gray-lo)}.score-row .value{width:70px;text-align:left;font-size:12px}.btn-row{display:flex;justify-content:center;gap:14px;margin-top:24px}.btn{pointer-events:auto;padding:14px 18px;background:var(--ui-panel-lt);border:2px solid var(--wall);border-radius:6px;font-size:9px;cursor:pointer}#ready .title-block{display:flex;flex-direction:column;align-items:center;text-align:center}.title-snek{font-size:30px;color:var(--snake-body)}.title-snacks{font-size:22px;color:var(--cheese);margin-top:6px}.tap-start{font-size:10px;color:var(--cheese);margin-top:48px}.hint{font-size:7px;color:var(--gray-lo);margin-top:16px;line-height:1.6}.blink{animation:blink .8s ease-in-out infinite alternate}@keyframes blink{0%{opacity:1}to{opacity:.15}}.new-best{font-size:10px;color:var(--cheese);margin:8px 0 10px}.legal-links{display:flex;gap:8px;align-items:center;justify-content:center;pointer-events:auto}.legal-link{font-size:7px;color:var(--gray-lo);text-decoration:none;letter-spacing:.08em;padding:6px 4px}.legal-link:hover{color:var(--wall)}.legal-sep{font-size:7px;color:var(--gray-lo)}.ready-footer{position:absolute;left:0;right:0;bottom:10px;display:flex;flex-direction:column;align-items:center;gap:10px}.ready-action-btns{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:center}.lb-go-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:center;flex-direction:column}.ad-slot{pointer-events:auto;display:flex;align-items:center;justify-content:center;text-decoration:none;background:#141a478c;border:2px dashed var(--ui-panel-lt);border-radius:6px;overflow:hidden;flex:none}.ad-slot .ad-ph{font-size:8px;color:var(--gray-lo);letter-spacing:.08em;text-align:center}.ad-slot img{display:block;width:100%;height:100%;object-fit:contain}.ad-banner{width:320px;max-width:100%;aspect-ratio:320 / 100;margin:4px 0}.ready-ad-top{position:absolute;top:calc(12px + env(safe-area-inset-top,0px));left:0;right:0;display:flex;justify-content:center;padding:0 12px;pointer-events:none}.ad-rail{position:absolute}#gameover .panel{max-height:calc(100% - 20px);overflow-y:auto}.sheet-legal{margin-top:12px}.store-badges{display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:auto}.store-label{font-size:6px;color:var(--gray-lo);letter-spacing:.14em}.store-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.store-btn{display:inline-flex;flex-direction:column;align-items:flex-start;gap:3px;padding:7px 12px;border:2px solid var(--wall);border-radius:8px;background:var(--ui-panel-hi);text-decoration:none}.store-btn:hover{background:var(--ui-panel-lt)}.store-sub{font-size:5px;color:var(--gray-hi);letter-spacing:.06em}.store-name{font-size:9px;color:var(--white)}#settings{pointer-events:none;display:flex;align-items:flex-end;justify-content:center}.sheet{pointer-events:auto;width:100%;max-width:600px;max-height:60vh;display:flex;flex-direction:column;background:var(--ui-panel-hi);border-top:3px solid var(--wall);padding-bottom:var(--safe-bottom)}.sheet-header{display:flex;align-items:center;justify-content:space-between;padding:14px 8px 8px 16px}.sheet-header .h-title{font-size:13px}.sheet-close{padding:6px;color:var(--gray-hi);font-size:20px;cursor:pointer;background:none;border:none}.sheet-tabs{display:flex;padding:0 12px}.sheet-tab{flex:1;padding:10px 0;text-align:center;font-size:9px;color:var(--gray-lo);border-bottom:2px solid var(--ui-bg-dot);cursor:pointer;background:none}.sheet-tab.on{color:var(--cheese);border-bottom:3px solid var(--cheese)}.sheet-body{flex:1;overflow-y:auto;padding:12px 16px}.sound-row{display:flex;flex-direction:column;margin-bottom:8px}.sound-row-top{display:flex;align-items:center}.sound-row-top .s-label{font-size:10px}.sound-row-top .s-pct{margin-left:auto;font-size:8px;color:var(--cheese)}.sound-row-top .s-pct.muted{color:var(--gray-lo)}.sound-slider{display:flex;align-items:center;gap:8px;margin-top:6px}.mute-btn{font-size:20px;color:var(--wall);cursor:pointer;background:none;border:none;width:28px}.mute-btn.muted{color:var(--gray-lo)}input[type=range]{-webkit-appearance:none;appearance:none;flex:1;height:4px;background:var(--ui-bg-dot);border-radius:2px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--snake-head);cursor:pointer}input[type=range]::-moz-range-thumb{width:14px;height:14px;border:none;border-radius:50%;background:var(--snake-head);cursor:pointer}input[type=range].muted{background:var(--ui-bg-dot)}input[type=range].muted::-webkit-slider-thumb{background:var(--gray-lo)}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 20px}.chip{display:flex;align-items:center;gap:6px;padding:8px 10px;background:var(--ui-panel-lt);border:1px solid var(--ui-bg-dot);border-radius:5px;font-size:7px;color:var(--gray-hi);cursor:pointer}.chip.on{border:2px solid var(--cheese);color:var(--cheese)}.chip .swatch-dot{width:14px;height:14px;border:1px solid var(--ui-void)}.section-label{font-size:7px;color:var(--gray-lo);margin-bottom:8px}.swatch-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:5px}.swatch{aspect-ratio:1;border:1px solid var(--ui-void);border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--ui-void)}.swatch.on{border:3px solid var(--white)}.swatch.locked{cursor:default;font-size:10px}.sheet-footer{padding:8px 16px 12px}.confirm-btn{width:100%;padding:16px;background:var(--ui-panel-lt);border:2px solid var(--cheese);border-radius:6px;color:var(--cheese);font-size:11px;font-family:inherit;cursor:pointer}.lb-open-btn{pointer-events:auto;padding:9px 14px;background:var(--ui-panel-hi);border:2px solid var(--cheese);border-radius:6px;color:var(--cheese);font-family:inherit;font-size:8px;letter-spacing:.06em;cursor:pointer}.lb-open-btn:hover{background:var(--ui-panel-lt)}.lb-go{display:flex;flex-direction:column;align-items:center;width:100%}.lb-go-status{font-size:8px;color:var(--gray-lo);margin-top:12px}.lb-go-status.hi{color:var(--cheese);font-size:10px}.lb-go-prompt{font-size:7px;color:var(--gray-hi);margin:12px 0 8px;letter-spacing:.1em}.lb-input-row{display:flex;gap:8px;align-items:stretch;width:100%;max-width:320px}.lb-input{flex:1;min-width:0;padding:10px;background:var(--ui-void);border:2px solid var(--wall);border-radius:5px;color:var(--snake-head);caret-color:var(--cheese);font-family:inherit;font-size:9px;letter-spacing:.08em;user-select:text;-webkit-user-select:text;outline:none}.lb-input::placeholder{color:var(--gray-lo)}.lb-input:focus{border-color:var(--cheese)}.lb-input:disabled{opacity:.6}.lb-submit{flex:none;padding:10px 12px;background:var(--ui-panel-lt);border:2px solid var(--cheese);border-radius:5px;color:var(--cheese);font-family:inherit;font-size:8px;cursor:pointer}.lb-submit:disabled{opacity:.5;cursor:default}.lb-go-err{font-size:7px;color:var(--pepp-red);min-height:9px;margin-top:8px}.lb-go-rank{display:flex;align-items:baseline;gap:10px;margin-top:8px}.lb-go-rank-label{font-size:8px;color:var(--gray-lo)}.lb-go-rank-num{font-size:18px;color:var(--snake-head)}.lb-go-actions{display:flex;justify-content:center;margin-top:16px}.lb-panel{pointer-events:auto;width:100%;max-width:460px;max-height:80vh;margin:0 16px;display:flex;flex-direction:column;background:var(--ui-panel-hi);border:3px solid var(--wall);border-radius:8px;overflow:hidden}.lb-header{display:flex;align-items:center;justify-content:space-between;padding:14px 8px 12px 16px;border-bottom:2px solid var(--ui-bg-dot)}.lb-title{font-size:13px;color:var(--cheese)}.lb-list{overflow-y:auto;padding:6px 12px 14px}.lb-status{text-align:center;font-size:8px;color:var(--gray-lo);line-height:1.8;padding:28px 8px}.lb-row{display:flex;align-items:center;gap:10px;padding:9px 8px;border-bottom:1px solid var(--ui-bg-dot)}.lb-rank{flex:none;width:26px;text-align:right;font-size:9px;color:var(--gray-hi)}.lb-name{flex:1;min-width:0;font-size:8px;color:var(--white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-score{flex:none;min-width:44px;text-align:right;font-size:10px;color:var(--cheese)}.lb-row.me{background:var(--ui-panel-lt);border-radius:4px;border-bottom-color:transparent}.lb-row.me .lb-rank,.lb-row.me .lb-name{color:var(--snake-head)}.lb-you{flex:none;font-size:6px;color:var(--ui-void);background:var(--snake-head);padding:2px 4px;border-radius:3px}.mg-open-btn{pointer-events:auto;padding:9px 14px;background:var(--ui-panel-hi);border:2px solid var(--snake-body);border-radius:6px;color:var(--snake-head);font-family:inherit;font-size:8px;letter-spacing:.06em;cursor:pointer}.mg-open-btn:hover{background:var(--ui-panel-lt)}.mg-panel{pointer-events:auto;width:calc(100% - 32px);max-width:460px;max-height:80vh;margin:0 auto;display:flex;flex-direction:column;background:var(--ui-panel-hi);border:3px solid var(--snake-body);border-radius:8px;overflow:hidden}.mg-header{display:flex;align-items:center;justify-content:space-between;padding:14px 8px 12px 16px;border-bottom:2px solid var(--ui-bg-dot)}.mg-title{font-size:13px;color:var(--snake-head)}.mg-list{overflow-y:auto;padding:12px 14px 16px;display:flex;flex-direction:column;gap:14px}.mg-sub{font-size:6px;color:var(--gray-lo);letter-spacing:.14em;text-align:center}.mg-card{display:flex;flex-direction:column;gap:7px;padding:14px;background:var(--ui-bg);border:1px solid var(--ui-bg-dot);border-radius:8px}.mg-name{font-size:10px;line-height:1.5;color:var(--white)}.mg-tagline{font-size:7px;color:var(--wall);letter-spacing:.04em}.mg-blurb{font-size:7px;line-height:1.9;color:var(--gray-hi)}.mg-store{display:inline-flex;flex-direction:column;align-items:flex-start;gap:3px;align-self:flex-start;margin-top:2px;padding:7px 12px;border:2px solid var(--wall);border-radius:8px;background:var(--ui-panel-hi);text-decoration:none}.mg-store:hover{background:var(--ui-panel-lt)}#collection{pointer-events:auto;display:flex;flex-direction:column;background:#070920f7;overflow:hidden}.col-root{display:flex;flex-direction:column;height:100%;overflow:hidden}.col-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;flex-shrink:0;border-bottom:1px solid var(--ui-bg-dot)}.col-header-left{display:flex;align-items:baseline;gap:12px}.col-title{font-size:12px;color:var(--cheese)}.col-count{font-size:9px;color:var(--gray-hi)}.col-list{flex:1;overflow-y:auto;padding:6px 12px 20px;overscroll-behavior:contain}.col-stage{padding:10px 0;border-bottom:1px solid var(--ui-bg-dot)}.col-stage-label-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.col-chip{width:14px;height:14px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:8px;border:1px solid var(--ui-void)}.col-chip-lock{font-size:8px;filter:grayscale(1) brightness(.6)}.col-stage-num{font-size:8px;color:var(--gray-hi)}.col-stage-name{font-size:8px}.col-cards{display:flex;gap:6px}.col-thumb{flex:1;position:relative;aspect-ratio:320 / 440}.col-thumb-img{width:100%;height:100%;object-fit:contain;display:block;image-rendering:auto}.col-dup{position:absolute;right:0;bottom:0;font-size:6px;color:var(--cheese);background:#070920d9;padding:2px 3px;pointer-events:none}.col-reroll-btn{position:absolute;right:0;top:0;font-size:10px;background:var(--wall);color:var(--ui-void);border:1px solid var(--white);padding:2px 4px;cursor:pointer;pointer-events:auto}.cards-btn{font-family:inherit;font-size:8px;letter-spacing:.06em;color:var(--wall);background:var(--ui-panel-hi);border:2px solid var(--wall);border-radius:6px;padding:9px 14px;cursor:pointer;touch-action:manipulation}.cards-btn:hover{background:var(--ui-panel-lt)}#reward{pointer-events:auto;display:flex;align-items:center;justify-content:center;background:#070920ed}.reward-root{display:flex;flex-direction:column;align-items:center;gap:14px;padding:20px 16px;max-width:780px;width:100%;box-sizing:border-box}.reward-title{font-size:16px;text-align:center;position:relative;z-index:4}.reward-cards{display:flex;justify-content:center;align-items:center;gap:10px;width:100%;max-width:720px;margin:64px 0}.reward-card{flex:1 1 0;min-width:0;aspect-ratio:320 / 440;object-fit:contain;image-rendering:auto;display:block;border:2px solid transparent;transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .24s ease,border-color 60ms,box-shadow 60ms}.reward-card.on{border-color:var(--white);box-shadow:0 0 12px 1px #f8b800cc}.reward-card.winner{position:relative;z-index:3;transform:translate(var(--dx, 0)) scale(1.5);box-shadow:0 0 26px 5px #f8b800e6}.reward-card.dimmed{transform:scale(.86)}.reward-stage{font-size:10px;color:var(--gray-hi);position:relative;z-index:4}.reward-count{font-size:10px;color:var(--cheese);min-height:1em;position:relative;z-index:4}.reward-color-unlock{font-size:11px;text-align:center}.reward-color-swatch{width:40px;height:18px;border:2px solid var(--white)}.reward-bottom{font-size:9px;color:var(--gray-lo);display:flex;flex-direction:column;align-items:center;gap:10px;position:relative;z-index:4}.col-reroll-big{font-family:inherit;font-size:9px;color:var(--wall);background:var(--ui-panel-lt);border:2px solid var(--wall);padding:14px 18px;cursor:pointer;display:flex;align-items:center;gap:8px}.reward-hint{font-size:8px;color:var(--gray-lo)}#colorunlock{pointer-events:auto;display:flex;align-items:center;justify-content:center;background:#070920ed}.cu-root{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.cu-giftbox{display:flex;flex-direction:column;align-items:center;gap:26px}.cu-stage-clear{font-size:16px;color:var(--cheese)}.cu-giftbox-img-wrap{width:168px;height:168px;display:flex;align-items:center;justify-content:center}.cu-giftbox-img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.cu-giftbox-img.shake{animation:giftShake .7s ease-in-out infinite}@keyframes giftShake{0%{transform:translate(0) rotate(0)}15%{transform:translate(3px,-2px) rotate(3deg)}30%{transform:translate(-2px,1px) rotate(-2deg)}45%{transform:translate(2px,2px) rotate(2deg)}60%{transform:translate(-3px,-1px) rotate(-3deg)}75%{transform:translate(1px,2px) rotate(1deg)}90%{transform:translate(-1px,-1px) rotate(-1deg)}to{transform:translate(0) rotate(0)}}.cu-tap-hint{font-size:10px;color:var(--cheese)}.cu-reveal{display:flex;flex-direction:column;align-items:center;gap:22px;padding:20px 16px;max-width:400px;width:100%}.cu-colors-title{font-size:14px;color:var(--cheese)}.cu-color-cards{display:flex;gap:8px;width:100%;max-width:360px}.cu-color-card{flex:1;aspect-ratio:320 / 440;border:3px solid var(--white);display:flex;flex-direction:column;box-shadow:0 0 14px 1px var(--glow-color, transparent)}.cu-color-label{font-size:6px;color:var(--white);background:#070920d9;text-align:center;padding:3px 0}.cu-color-name{font-size:5px;color:var(--cheese);background:#070920d9;text-align:center;padding:3px 0;margin-top:auto}.blink{animation:blink 1s step-start infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}