@import "https://fonts.googleapis.com/css2?family=DotGothic16&family=Press+Start+2P&display=swap";:root{--green:#71bf44;--cream:#ded5b8;--off:#edeee9;--dark:#4c4c4c;--red:#d9534f;--blue:#3c78d8;--gold:#f4c542;--retro-green:#5d8c3e;--retro-brown:#8b7355;--retro-cream:#f5e6c8;--retro-orange:#d2691e;--retro-dark:#3d3d3d;--app-height:100dvh;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}html,body{overscroll-behavior:none;width:100%;height:100%}body{background:var(--off);color:var(--dark);letter-spacing:1px;image-rendering:pixelated;-webkit-font-smoothing:none;font-smooth:never;-moz-osx-font-smoothing:grayscale;text-rendering:optimizespeed;min-height:100vh;min-height:var(--app-height);margin:0;font-family:"Press Start 2P",Noto Sans TC,Microsoft JhengHei,sans-serif;position:relative;overflow:hidden}.app{max-width:480px;height:var(--app-height);background:linear-gradient(180deg,var(--cream),var(--off));min-height:100vh;margin:auto;position:relative;overflow:hidden}.page{height:var(--app-height);min-height:100vh;padding:calc(18px + var(--safe-top)) calc(18px + var(--safe-right)) calc(18px + var(--safe-bottom)) calc(18px + var(--safe-left));-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;display:none;overflow:hidden auto}.page.active{display:block}.page.game-page{touch-action:none;overflow:hidden}.card{border:4px solid var(--green);letter-spacing:1px;background:#ffffffdb;border-radius:0;padding:16px;font-family:"Press Start 2P",cursive;box-shadow:6px 6px #0003}h1,h2,h3,p{letter-spacing:1px;text-transform:uppercase;margin-top:0;font-family:"Press Start 2P",Noto Sans TC,Microsoft JhengHei,sans-serif;line-height:1.4}.logo,.subtitle,.card,.rank,.section-title,.modal-box,.legend span{text-rendering:optimizespeed;-webkit-font-smoothing:none;text-transform:uppercase;font-family:"Press Start 2P",Noto Sans TC,Microsoft JhengHei,細明體,sans-serif;font-weight:900}.status,.pending{text-rendering:optimizespeed;-webkit-font-smoothing:none;font-family:"Press Start 2P",Noto Sans TC,Microsoft JhengHei,sans-serif;font-weight:900}.logo{text-align:center;color:var(--dark);letter-spacing:2px;text-shadow:2px 2px #0000001a;filter:contrast(1.1);margin-top:12px;font-size:22px;line-height:1.4}.subtitle{text-align:center;color:#426f28;letter-spacing:1px;filter:contrast(1.05);margin:8px 0 16px;font-size:12px;font-weight:700;line-height:1.4}.hero{border:4px solid var(--dark);background:linear-gradient(135deg,#87cf5e,#3d8f2b);border-radius:18px;justify-content:center;align-items:center;height:190px;margin-bottom:16px;display:flex;overflow:hidden;box-shadow:8px 8px #0003}.hero-img{object-fit:contain;max-width:100%;max-height:100%}.small{letter-spacing:1px;font-size:10px;font-weight:700;line-height:1.6}.muted{color:#777;font-size:10px}.status-grid{grid-template-columns:1fr 1fr;gap:10px;margin:14px 0;display:grid}.status{border:3px solid var(--green);text-align:center;filter:contrast(1.1);background:#fff;border-radius:0;padding:12px;box-shadow:4px 4px #0000001a}.status b{color:#2e7d32;letter-spacing:1px;margin-top:3px;font-size:18px;font-weight:900;display:block}.btn{color:#fff;background:var(--green);border:0;border:3px solid var(--retro-green);text-transform:uppercase;letter-spacing:1px;cursor:pointer;width:100%;box-shadow:4px 4px 0 var(--retro-green);touch-action:manipulation;-webkit-tap-highlight-color:#71bf4433;border-radius:0;min-height:48px;margin-top:10px;padding:18px 12px;font-family:"Press Start 2P",cursive;font-size:14px;font-weight:900;line-height:1.2}.btn:active{box-shadow:2px 2px 0 var(--retro-green);transform:translate(2px,2px)}.btn.secondary{background:var(--retro-cream);color:var(--retro-dark);border:3px solid var(--retro-brown);box-shadow:4px 4px 0 var(--retro-brown);font-size:13px}.btn.secondary:active{box-shadow:2px 2px 0 var(--retro-brown)}.btn.danger{background:var(--red);color:#fff;border:3px solid var(--retro-orange);box-shadow:4px 4px 0 var(--retro-orange);font-size:13px}.btn.danger:active{box-shadow:2px 2px 0 var(--retro-orange)}.btn:disabled{filter:grayscale();opacity:.55}.row{gap:10px;display:flex}.row>*{flex:1}.game-page{background:var(--retro-cream);padding:10px}.game-top{background:var(--retro-brown);border-bottom:3px solid var(--retro-orange);color:#fff;justify-content:center;align-items:center;padding:8px;font-family:"Press Start 2P",cursive;font-weight:900;display:flex}.icon-btn{display:none}.stats{justify-content:center;gap:20px;display:flex}.pill{background:var(--retro-dark);border:3px solid var(--retro-orange);text-align:center;border-radius:0;min-width:80px;padding:5px 15px;font-family:"Press Start 2P",cursive}.pill small{color:var(--retro-orange);font-size:10px;display:block}.pill b{color:var(--retro-cream);font-size:14px}.board-wrap{border:6px solid var(--retro-brown);background:var(--retro-dark);border-radius:4px;max-width:320px;margin:10px auto;position:relative;overflow:hidden;box-shadow:6px 6px #0000004d}.board-wrap:before{content:"";border:3px solid var(--retro-orange);background:repeating-conic-gradient(var(--retro-orange) 0deg 90deg,var(--retro-brown) 90deg 180deg) 0 0/16px 16px;opacity:.2;z-index:-1;border-radius:4px;position:absolute;inset:-6px}.board-wrap canvas{width:100%;image-rendering:pixelated;background:var(--retro-dark);display:block}.overlay-label{color:var(--retro-cream);z-index:3;text-align:center;border:3px solid var(--retro-orange);background:#3d3d3de6;justify-content:center;align-items:center;font-family:"Press Start 2P",cursive;font-size:32px;font-weight:900;display:none;position:absolute;inset:0}.overlay-label.show{display:flex}.effects{flex-wrap:wrap;justify-content:center;gap:6px;min-height:30px;margin:8px 0;display:flex}.badge{color:#fff;background:var(--retro-orange);border:2px solid var(--retro-brown);border-radius:0;padding:6px 9px;font-family:"Press Start 2P",cursive;font-size:10px;font-weight:900}.controls{background:var(--retro-brown);-webkit-user-select:none;user-select:none;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:5px;max-width:280px;margin:10px auto;padding:15px;display:grid}.control{border:3px solid var(--retro-green);background:var(--green);color:#000;cursor:pointer;-webkit-tap-highlight-color:#5d8c3e4d;border-radius:4px;justify-content:center;align-items:center;width:65px;min-width:44px;height:65px;min-height:44px;margin:auto;font-family:"Press Start 2P",cursive;font-size:18px;font-weight:900;display:flex;position:relative;overflow:hidden}.control[data-dir=up],.control[data-dir=down]{border:4px solid var(--retro-green);width:75px;height:75px;font-size:32px;font-weight:900}.control[data-dir=left],.control[data-dir=right]{border:4px solid var(--retro-green);width:75px;height:75px;font-size:38px;font-weight:900}.control:active{background:var(--retro-green);transform:scale(.95)}.control[data-dir]:active{background:var(--retro-green)}.control.blank{visibility:hidden;background:0 0;border:none}.legend{background:var(--retro-brown);border:3px solid var(--retro-orange);border-radius:8px;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px;padding:10px;display:grid}.legend span{background:var(--retro-dark);border:1px solid var(--retro-orange);color:var(--retro-cream);text-align:center;border-radius:0;padding:6px;font-family:"Press Start 2P",cursive;font-size:10px}.list{flex-direction:column;gap:8px;display:flex}.rank{background:#fff;border:3px solid #ddd;border-radius:0;grid-template-columns:40px 1fr auto;align-items:center;gap:8px;padding:12px;font-family:"Press Start 2P",cursive;display:grid;box-shadow:4px 4px #0000001a}.rank.me{border-color:var(--green);background:#f1ffe9}.rank .num{text-align:center;letter-spacing:1px;font-size:18px;font-weight:900}.rank .num.date-badge{word-break:break-word;font-size:11px;line-height:1.2}.rank .score{color:#347521;letter-spacing:1px;font-size:16px;font-weight:900}.section-title{letter-spacing:1px;justify-content:space-between;align-items:center;margin:8px 0 12px;font-family:"Press Start 2P",cursive;display:flex}.modal{z-index:50;background:#3d3d3dd9;justify-content:center;align-items:center;padding:18px;font-family:"Press Start 2P",cursive;display:none;position:fixed;inset:0}.modal.show{display:flex}.modal-box{background:var(--retro-cream);border:4px solid var(--retro-brown);width:100%;max-width:420px;max-height:88vh;color:var(--retro-dark);border-radius:0;padding:18px;overflow:auto;box-shadow:8px 8px #0000004d}.modal-box h2{text-align:center;letter-spacing:2px;text-transform:uppercase;color:var(--retro-dark);font-size:16px}.modal-box p{letter-spacing:1px;color:var(--retro-dark);font-size:12px;line-height:1.6}.modal-actions{gap:10px;margin-top:14px;display:flex}.modal-actions button{flex:1}.rules li{letter-spacing:1px;text-transform:uppercase;color:var(--retro-dark);margin-bottom:8px;font-size:12px;line-height:1.6}.terms-content{color:var(--retro-dark);white-space:pre-wrap;word-break:break-word;max-height:58vh;font-size:12px;line-height:1.7;overflow:auto}.terms-content p{margin-bottom:10px}.terms-content ul{margin-bottom:10px;padding-left:18px}.terms-content li{margin-bottom:6px}.flash{animation:.45s infinite alternate flash}@keyframes flash{0%{opacity:1}to{opacity:.25}}.toast{background:var(--retro-dark);color:var(--retro-cream);border:3px solid var(--retro-orange);z-index:100;letter-spacing:1px;border-radius:0;padding:10px 15px;font-family:"Press Start 2P",cursive;font-size:12px;display:none;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:4px 4px #0000004d}.toast.show{display:block}.pending{letter-spacing:1px;filter:contrast(1.05);background:#fff3cd;border:3px solid #e1b12c;border-radius:0;margin-bottom:10px;padding:10px;font-family:"Press Start 2P",Noto Sans TC,Microsoft JhengHei,sans-serif;font-size:11px;font-weight:700;line-height:1.5;box-shadow:4px 4px #0000001a}body.modal-open #gamePage .controls{visibility:hidden!important;opacity:0!important;pointer-events:none!important}html,body,button,input,textarea,select,.logo,.subtitle,.card,.rank,.section-title,.modal,.modal-box,.legend span,.status,.pending,.btn,.game-top,.pill,.control,.badge,.toast,h1,h2,h3,p,li,span,b,small{font-synthesis:none;font-variant-numeric:tabular-nums;text-rendering:geometricprecision;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale;line-height:1.45;font-family:DotGothic16,"Press Start 2P",Microsoft JhengHei UI,monospace!important}html,body,button,input,textarea,select,.logo,.subtitle,.card,.rank,.section-title,.modal,.modal-box,.legend span,.status,.pending,.btn,.game-top,.pill,.control,.badge,.toast,h1,h2,h3,p,li,span,b,small,#homePage,#rulesModal,#leaderPage,#historyPage,#homePage *,#rulesModal *,#leaderPage *,#historyPage *{font-synthesis:none!important;font-family:Noto Sans TC,sans-serif!important;font-weight:400!important}button{justify-content:center;align-items:center;display:flex}.logo,.subtitle,h1,h2,h3,.btn,.status,.pending,.rank,.modal-box,.legend span{text-transform:none}.legend{grid-template-columns:repeat(2,1fr)}.legend span{justify-content:flex-start;align-items:center;gap:6px;min-height:38px;display:flex}.legend img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;z-index:1;position:relative}.legend-food-icon{width:28px;height:28px;image-rendering:pixelated;flex:0 0 28px;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.legend-food-icon:before,.legend-food-icon:after{content:"";image-rendering:pixelated;display:block;position:absolute}.legend-food-icon.porkSkin:before{background:#e8d8ad;border:2px solid #714b2f;width:19px;height:6px;box-shadow:3px -5px #f4e7c4,-2px 5px #c99f72}.legend-food-icon.fishBall:before{background:#e5ae45;border:2px solid #7a4c20;border-radius:50%;width:17px;height:17px;box-shadow:3px 3px #ad6c2b}.legend-food-icon.chickenFeet:before{border:5px solid #8b4f2f;border-radius:50%;width:18px;height:18px;box-shadow:inset 0 0 0 2px #d79b6a}.legend-food-icon.chickenFeet:after{background:#b86e43;border:2px solid #63351f;width:8px;height:5px;bottom:2px;right:1px}.board-wrap{box-sizing:border-box;width:332px;max-width:100%;overflow:hidden}.board-wrap canvas{width:100%;height:auto}.overlay-label{color:var(--retro-cream);border:4px solid var(--retro-orange);letter-spacing:2px;text-shadow:3px 3px #151515;background:#3d3d3deb;font-size:26px;line-height:1.35;font-family:DotGothic16,"Press Start 2P",monospace!important}.toast{text-align:center;white-space:normal;background:var(--retro-cream);width:max-content;max-width:calc(100vw - 40px);color:var(--retro-dark);border:3px solid var(--retro-green);box-shadow:4px 4px 0 var(--retro-brown);letter-spacing:1px;padding:12px 16px;font-size:14px;line-height:1.45;font-family:DotGothic16,"Press Start 2P",monospace!important}.badge{border:3px solid var(--retro-green);min-height:28px;box-shadow:3px 3px 0 var(--retro-brown);justify-content:center;align-items:center;padding:4px 9px;font-size:12px;line-height:1;display:inline-flex;background:var(--green)!important;color:var(--retro-dark)!important;font-family:DotGothic16,"Press Start 2P",monospace!important}.controls{width:204px;max-width:100%;box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-rows:repeat(3,68px);grid-template-columns:repeat(3,68px);gap:0;padding:0}.control,.control[data-dir=up],.control[data-dir=down],.control[data-dir=left],.control[data-dir=right]{border:3px solid var(--retro-dark);background:var(--green);width:68px;min-width:68px;height:68px;min-height:68px;box-shadow:inset 4px 4px 0 #ffffff29,inset -4px -4px 0 var(--retro-green);border-radius:0;margin:0;font-size:0}.control:active,.control[data-dir]:active{background:var(--retro-green);transform:translate(2px,2px);box-shadow:inset 3px 3px #0000002e}.control.blank{visibility:hidden}.pixel-arrow{filter:drop-shadow(2px 2px #0000004d);width:0;height:0;display:block}.pixel-arrow.up{border-left:11px solid #0000;border-right:11px solid #0000;border-bottom:16px solid var(--retro-dark)}.pixel-arrow.down{border-left:11px solid #0000;border-right:11px solid #0000;border-top:16px solid var(--retro-dark)}.pixel-arrow.left{border-top:11px solid #0000;border-bottom:11px solid #0000;border-right:16px solid var(--retro-dark)}.pixel-arrow.right{border-top:11px solid #0000;border-bottom:11px solid #0000;border-left:16px solid var(--retro-dark)}.pause-icon{width:22px;height:24px;display:block;position:relative}.pause-icon:before,.pause-icon:after{content:"";background:var(--retro-dark);width:7px;height:24px;position:absolute;top:0;box-shadow:2px 2px #00000040}.pause-icon:before{left:1px}.pause-icon:after{right:1px}.game-page{padding:calc(10px + var(--safe-top)) calc(10px + var(--safe-right)) calc(10px + var(--safe-bottom)) calc(10px + var(--safe-left))}.modal{padding:calc(18px + var(--safe-top)) calc(18px + var(--safe-right)) calc(18px + var(--safe-bottom)) calc(18px + var(--safe-left));overscroll-behavior:contain}.toast{bottom:calc(24px + var(--safe-bottom))}@media (height<=760px){.game-top{padding:5px}.board-wrap{margin:6px auto}.effects{min-height:22px;margin:4px 0}.controls{grid-template-rows:repeat(3,58px);grid-template-columns:repeat(3,58px);width:174px;margin:6px auto;padding:0}.control,.control[data-dir=up],.control[data-dir=down],.control[data-dir=left],.control[data-dir=right]{width:58px;min-width:58px;height:58px;min-height:58px}.legend{display:none}}html,body{height:var(--app-height);min-height:0}body{width:100%;position:fixed;inset:0;overflow:hidden}.app{width:100%;height:100%;min-height:0;overflow:hidden}.page{height:100%;min-height:0}button{z-index:1;appearance:none;position:relative}@media (width<=380px){.page{padding-left:calc(12px + var(--safe-left));padding-right:calc(12px + var(--safe-right))}.card{padding:12px}.row{gap:6px}.btn{padding:13px 8px;font-size:12px}.stats{gap:5px}.pill{flex:1;min-width:0;padding:4px 8px}.game-page{padding-left:calc(6px + var(--safe-left));padding-right:calc(6px + var(--safe-right))}}@media (height<=720px){.game-page{padding-top:calc(4px + var(--safe-top));padding-bottom:calc(4px + var(--safe-bottom));overflow-y:auto}.game-top{padding:3px}.pill{border-width:2px;padding:2px 7px}.pill small{font-size:8px}.pill b{font-size:11px}.board-wrap{width:min(270px,calc(100vw - var(--safe-left) - var(--safe-right) - 20px));border-width:4px;margin:4px auto;box-shadow:3px 3px #0000004d}.effects{min-height:18px;margin:2px 0}.badge{min-height:20px;padding:2px 6px;font-size:10px}.controls{grid-template-rows:repeat(3,48px);grid-template-columns:repeat(3,48px);width:144px;margin:3px auto}.control,.control[data-dir=up],.control[data-dir=down],.control[data-dir=left],.control[data-dir=right]{border-width:2px;width:48px;min-width:48px;height:48px;min-height:48px}#exitBtn{min-height:38px!important;margin-top:2px!important;padding:6px 14px!important}.legend{display:none}}@media (height<=580px){.board-wrap{width:min(220px,calc(100vw - var(--safe-left) - var(--safe-right) - 18px))}.controls{grid-template-rows:repeat(3,44px);grid-template-columns:repeat(3,44px);width:132px}.control,.control[data-dir=up],.control[data-dir=down],.control[data-dir=left],.control[data-dir=right]{width:44px;min-width:44px;height:44px;min-height:44px}}@media (orientation:landscape) and (height<=520px){.page.game-page{grid-template-rows:auto 1fr auto;grid-template-columns:minmax(210px,46vh) minmax(150px,1fr);align-items:center;gap:4px 12px;display:none}.page.game-page.active{display:grid}.game-top{grid-column:1/-1}.board-wrap{grid-area:2/1/4;width:min(72vh,320px);margin:auto}.effects{grid-area:2/2;align-self:end}.controls{grid-area:2/2;align-self:center}.game-page>div[style*=justify-content]{grid-area:3/2}.legend{display:none}}#homePage{padding:calc(8px + var(--safe-top)) calc(9px + var(--safe-right)) calc(9px + var(--safe-bottom)) calc(9px + var(--safe-left));background:linear-gradient(#ded5b8 0 36.5%,#edeee9 36.5% 100%)}#homePage.active{grid-template-rows:minmax(42px,7.2vh) minmax(32px,5.5vh) minmax(132px,22vh) minmax(54px,8vh) minmax(0,1fr);align-content:stretch;gap:clamp(5px,.75vh,9px)}#homePage .logo{letter-spacing:2px;text-shadow:2px 2px #0000001a;justify-content:center;align-items:center;font-size:clamp(24px,4.2vh,38px);line-height:1;display:flex}#homePage .subtitle{color:#426f28;justify-content:center;align-items:center;font-size:clamp(12px,2.15vh,18px);line-height:1.15;display:flex}#homePage .hero{aspect-ratio:auto;border:6px solid var(--dark);border-radius:20px;width:calc(100% - 36px);height:100%;min-height:0;box-shadow:7px 8px #0003}#homePage .pending{border:4px solid #e1b12c;align-items:center;padding:clamp(6px,1vh,10px);font-size:clamp(10px,1.7vh,14px);line-height:1.22;display:flex;box-shadow:3px 3px #0000001f}#homePage .card{border:5px solid var(--green);background:#ffffffeb;grid-template-rows:auto auto repeat(4,minmax(38px,1fr));align-content:stretch;gap:clamp(6px,.8vh,9px);height:100%;padding:clamp(10px,1.4vh,15px);box-shadow:7px 7px #0000002e}#homePage .status-grid{gap:10px}#homePage .status{border:4px solid var(--green);flex-direction:column;justify-content:center;min-height:0;padding:4px;font-size:clamp(12px,2vh,16px);display:flex}#homePage .status b{font-size:clamp(22px,3.7vh,31px);line-height:1}#homePage .btn{border-width:3px;height:100%;min-height:0;padding:4px 8px;font-size:clamp(14px,2.15vh,18px);line-height:1}#homePage .row{min-height:0}@media (height<=700px){#homePage.active{grid-template-rows:minmax(34px,6.5vh) minmax(26px,5vh) minmax(100px,20vh) minmax(44px,8vh) minmax(0,1fr);gap:4px}#homePage .logo{font-size:clamp(19px,4vh,27px)}#homePage .subtitle{font-size:clamp(10px,2vh,14px)}#homePage .hero{border-width:5px;border-radius:16px;width:calc(100% - 28px)}#homePage .pending{border-width:3px;padding:5px;font-size:clamp(8px,1.55vh,11px)}#homePage .card{border-width:4px;grid-template-rows:auto auto repeat(4,minmax(31px,1fr));gap:4px;padding:7px}#homePage .small{font-size:clamp(8px,1.5vh,10px)}#homePage .status{border-width:3px;font-size:clamp(9px,1.7vh,12px)}#homePage .status b{font-size:clamp(17px,3.2vh,22px)}#homePage .btn{font-size:clamp(11px,1.9vh,14px)}}.app{max-width:480px}.page.game-page{padding-bottom:calc(132px + var(--safe-bottom));overflow-y:auto}.board-wrap{width:min(652px,calc(100vw - var(--safe-left) - var(--safe-right) - 20px));max-width:652px}.controls{grid-template-rows:repeat(3,clamp(88px,25vw,136px));grid-template-columns:repeat(3,clamp(88px,25vw,136px));width:min(408px,75vw);margin:12px auto}.control,.control[data-dir=up],.control[data-dir=down],.control[data-dir=left],.control[data-dir=right]{border-width:5px;width:clamp(88px,25vw,136px);min-width:88px;height:clamp(88px,25vw,136px);min-height:88px}.legend{z-index:8;width:min(480px,100vw);max-height:124px;padding:8px calc(8px + var(--safe-right)) calc(8px + var(--safe-bottom)) calc(8px + var(--safe-left));grid-template-columns:repeat(3,1fr);margin:0;position:fixed;bottom:0;left:50%;right:auto;overflow-y:auto;transform:translate(-50%);box-shadow:0 -5px #3d3d3d40;display:grid!important}.legend span{min-height:42px;padding:5px;font-size:10px}.food-glyph{width:28px;height:28px;image-rendering:pixelated;flex:0 0 28px;justify-content:center;align-items:center;font-size:22px;font-style:normal;line-height:1;display:inline-flex}@media (width<=430px){.board-wrap{width:calc(100vw - var(--safe-left) - var(--safe-right) - 12px);border-width:4px;margin:6px auto}.controls{grid-template-rows:repeat(3,min(29vw,112px));grid-template-columns:repeat(3,min(29vw,112px));width:min(87vw,336px)}.control,.control[data-dir=up],.control[data-dir=down],.control[data-dir=left],.control[data-dir=right]{width:min(29vw,112px);min-width:0;height:min(29vw,112px);min-height:0}.legend{grid-template-columns:repeat(2,1fr)}}@media (height<=720px){.page.game-page{padding-bottom:calc(126px + var(--safe-bottom));overflow-y:auto}.board-wrap{width:min(88vw,360px)}.controls{grid-template-rows:repeat(3,min(24vw,92px));grid-template-columns:repeat(3,min(24vw,92px));width:min(72vw,276px)}.control,.control[data-dir=up],.control[data-dir=down],.control[data-dir=left],.control[data-dir=right]{width:min(24vw,92px);min-width:0;height:min(24vw,92px);min-height:0}.legend{display:grid!important}}.page.game-page{height:100%;padding:calc(4px + var(--safe-top)) calc(10px + var(--safe-right)) calc(4px + var(--safe-bottom)) calc(10px + var(--safe-left));grid-template-rows:auto minmax(0,1fr) auto 88px;align-items:center;gap:clamp(4px,.8vh,10px);display:none;overflow:hidden!important}.page.game-page.active{display:grid}.game-top{border-bottom-width:3px;width:100%;min-height:68px;padding:7px}.stats{gap:26px;width:min(356px,100%)}.pill{border-width:3px;flex:1;min-width:0;padding:5px 8px}.pill small{font-size:9px}.pill b{font-size:13px}.board-wrap{width:min(calc(100vw - var(--safe-left) - var(--safe-right) - 28px),calc(100vh - var(--safe-top) - var(--safe-bottom) - 390px),400px);border:7px solid var(--retro-brown);min-width:210px;max-width:400px;box-shadow:6px 6px 0 #0000004d,inset 0 0 0 5px var(--retro-orange);grid-row:2;margin:0 auto;padding:5px}.effects{top:calc(72px + var(--safe-top));z-index:4;pointer-events:none;min-height:0;margin:0;position:absolute;left:8px;right:8px}.controls{--control-size:clamp(48px,min(18vw,7.8vh),72px);grid-row:3;grid-template-columns:repeat(3,var(--control-size));grid-template-rows:repeat(3,var(--control-size));width:calc(var(--control-size) * 3);margin:0 auto}.control,.control[data-dir=up],.control[data-dir=down],.control[data-dir=left],.control[data-dir=right]{width:var(--control-size);height:var(--control-size);border-width:3px;min-width:0;min-height:0}.pixel-arrow.up{border-bottom-width:16px;border-left-width:11px;border-right-width:11px}.pixel-arrow.down{border-top-width:16px;border-left-width:11px;border-right-width:11px}.pixel-arrow.left{border-top-width:11px;border-bottom-width:11px;border-right-width:16px}.pixel-arrow.right{border-top-width:11px;border-bottom-width:11px;border-left-width:16px}.pause-icon{transform:scale(1)}.legend{width:100%;max-height:none;box-shadow:none;border-width:2px;grid-row:4;grid-template-columns:repeat(3,1fr);gap:3px;margin:0;padding:4px;position:static;overflow:hidden;transform:none;display:grid!important}.legend span{gap:4px;min-height:35px;padding:3px;font-size:clamp(8px,2.2vw,10px)}.legend .legend-food-icon,.food-glyph{flex-basis:22px;width:22px;height:22px;font-size:18px}.game-page>div[style*=justify-content]{right:calc(17px + var(--safe-right));bottom:calc(94px + var(--safe-bottom));z-index:10;position:absolute;margin:0!important}#exitBtn{background:var(--retro-cream);min-height:48px!important;margin:0!important;padding:8px 18px!important;font-size:12px!important}@media (height<=700px){.page.game-page{grid-template-rows:auto minmax(0,1fr) auto 76px;gap:3px}.game-top{min-height:52px;padding:3px}.stats{gap:12px}.pill{border-width:2px;padding:2px 6px}.board-wrap{width:min(calc(100vw - var(--safe-left) - var(--safe-right) - 24px),calc(100vh - var(--safe-top) - var(--safe-bottom) - 300px),330px);border-width:5px;min-width:180px;padding:3px}.controls{--control-size:clamp(42px,min(16vw,7.2vh),54px)}.legend span{min-height:29px}.legend .legend-food-icon,.food-glyph{flex-basis:19px;width:19px;height:19px;font-size:16px}.game-page>div[style*=justify-content]{right:calc(12px + var(--safe-right));bottom:calc(80px + var(--safe-bottom))}#exitBtn{min-height:38px!important;padding:5px 12px!important;font-size:10px!important}}@media (orientation:landscape) and (height<=520px){.page.game-page{grid-template-rows:auto 1fr auto;grid-template-columns:minmax(180px,1fr) minmax(150px,1fr);gap:3px 8px}.game-top{grid-area:1/1/auto/-1}.board-wrap{grid-area:2/1/4;width:min(68vh,300px)}.controls{--control-size:clamp(38px,12vh,52px);grid-area:2/2}.legend{grid-area:3/2;grid-template-columns:repeat(2,1fr)}.game-page>div[style*=justify-content]{right:calc(6px + var(--safe-right));bottom:calc(6px + var(--safe-bottom))}}#homePage{overscroll-behavior:none;touch-action:none;padding:calc(7px + var(--safe-top)) calc(10px + var(--safe-right)) calc(7px + var(--safe-bottom)) calc(10px + var(--safe-left));overflow:hidden!important}#homePage.active{grid-template-rows:repeat(5,auto);align-content:start;gap:clamp(3px,.65vh,7px);display:grid}#homePage .logo{margin:0;font-size:clamp(17px,2.75vh,22px);line-height:1.18}#homePage .subtitle{margin:0;font-size:clamp(9px,1.55vh,12px);line-height:1.2}#homePage .hero{aspect-ratio:3;border-width:3px;border-radius:clamp(8px,1.8vh,16px);place-self:center;width:100%;height:clamp(96px,16vh,126px);min-height:0;margin:0;box-shadow:clamp(3px,.65vh,6px) clamp(3px,.65vh,6px) #0003}#homePage .hero-img{object-fit:contain;width:100%;height:100%}#homePage .pending{border-width:2px;margin:0;padding:clamp(4px,.7vh,7px);font-size:clamp(8px,1.25vh,10px);line-height:1.2;box-shadow:2px 2px #0000001a}#homePage .card{border-width:3px;grid-template-rows:auto auto repeat(4,auto);grid-template-columns:1fr;align-content:center;gap:clamp(3px,.55vh,6px);min-height:0;padding:clamp(6px,1vh,10px);display:grid;overflow:hidden;box-shadow:clamp(3px,.55vh,5px) clamp(3px,.55vh,5px) #0000002e}#homePage .small{font-size:clamp(8px,1.25vh,10px);line-height:1.2}#homePage .status-grid{gap:clamp(5px,1vw,9px);margin:0}#homePage .status{border-width:2px;padding:clamp(3px,.65vh,7px) 4px;font-size:clamp(9px,1.4vh,11px);line-height:1.15;box-shadow:2px 2px #0000001a}#homePage .status b{margin-top:1px;font-size:clamp(14px,2.2vh,18px);line-height:1.1}#homePage .btn{min-height:clamp(34px,5.3vh,46px);box-shadow:3px 3px 0 var(--retro-green);border-width:2px;padding:clamp(5px,.85vh,9px) 7px;font-size:clamp(10px,1.55vh,13px);line-height:1.05;margin:0!important}#homePage .btn.secondary{box-shadow:3px 3px 0 var(--retro-brown);border-width:2px}#homePage .row{gap:clamp(5px,1vw,9px)}@media (height<=650px){#homePage{padding-top:calc(4px + var(--safe-top));padding-bottom:calc(4px + var(--safe-bottom))}#homePage.active{grid-template-rows:repeat(5,auto);gap:3px}#homePage .hero{height:clamp(82px,15vh,98px)}#homePage .card{gap:3px;padding:5px}#homePage .btn{min-height:32px;padding:4px 6px}}@media (orientation:landscape) and (height<=520px){#homePage.active{grid-template-rows:auto auto minmax(0,1fr);grid-template-columns:minmax(170px,1fr) minmax(230px,1.15fr);column-gap:10px}#homePage .logo,#homePage .subtitle,#homePage .hero{grid-column:1}#homePage .logo{grid-row:1}#homePage .subtitle{grid-row:2}#homePage .hero{grid-row:3}#homePage .pending{grid-area:1/2}#homePage .card{grid-area:2/2/4;height:100%}}@media (orientation:portrait){#homePage{padding:calc(8px + var(--safe-top)) calc(9px + var(--safe-right)) calc(9px + var(--safe-bottom)) calc(9px + var(--safe-left));background:linear-gradient(#ded5b8 0 36.5%,#edeee9 36.5% 100%)}#homePage.active{grid-template-rows:minmax(42px,7.2vh) minmax(32px,5.5vh) minmax(132px,22vh) minmax(54px,8vh) minmax(0,1fr);align-content:stretch;gap:clamp(5px,.75vh,9px)}#homePage .logo{letter-spacing:2px;justify-content:center;align-items:center;margin:0;font-size:clamp(24px,4.2vh,38px);line-height:1;display:flex}#homePage .subtitle{justify-content:center;align-items:center;margin:0;font-size:clamp(12px,2.15vh,18px);line-height:1.15;display:flex}#homePage .hero{aspect-ratio:auto;border:6px solid var(--dark);border-radius:20px;justify-self:center;width:calc(100% - 36px);height:100%;min-height:0;margin:0;box-shadow:7px 8px #0003}#homePage .hero-img{object-fit:contain;width:100%;height:100%}#homePage .pending{border:4px solid #e1b12c;align-items:center;margin:0;padding:clamp(6px,1vh,10px);font-size:clamp(10px,1.7vh,14px);line-height:1.22;display:flex;box-shadow:3px 3px #0000001f}#homePage .card{border:5px solid var(--green);background:#ffffffeb;grid-template-rows:auto auto repeat(4,minmax(38px,1fr));align-content:stretch;gap:clamp(6px,.8vh,9px);height:100%;min-height:0;padding:clamp(10px,1.4vh,15px);box-shadow:7px 7px #0000002e}#homePage .small{font-size:clamp(11px,1.75vh,14px);line-height:1.2}#homePage .status-grid{gap:10px;margin:0}#homePage .status{border:4px solid var(--green);flex-direction:column;justify-content:center;min-height:0;padding:4px;font-size:clamp(12px,2vh,16px);display:flex}#homePage .status b{font-size:clamp(22px,3.7vh,31px);line-height:1}#homePage .btn{border-width:3px;height:100%;min-height:0;padding:4px 8px;font-size:clamp(14px,2.15vh,18px);line-height:1;margin:0!important}#homePage .row{gap:10px;min-height:0}}@media (orientation:portrait) and (height<=700px){#homePage.active{grid-template-rows:minmax(34px,6.5vh) minmax(26px,5vh) minmax(100px,20vh) minmax(44px,8vh) minmax(0,1fr);gap:4px}#homePage .logo{font-size:clamp(19px,4vh,27px)}#homePage .subtitle{font-size:clamp(10px,2vh,14px)}#homePage .hero{border-width:5px;border-radius:16px;width:calc(100% - 28px);height:100%}#homePage .pending{border-width:3px;padding:5px;font-size:clamp(8px,1.55vh,11px)}#homePage .card{border-width:4px;grid-template-rows:auto auto repeat(4,minmax(31px,1fr));gap:4px;padding:7px}#homePage .small{font-size:clamp(8px,1.5vh,10px)}#homePage .status{border-width:3px;font-size:clamp(9px,1.7vh,12px)}#homePage .status b{font-size:clamp(17px,3.2vh,22px)}#homePage .btn{min-height:0;padding:3px 6px;font-size:clamp(11px,1.9vh,14px)}}#gamePage.active{flex-direction:column;height:100%;display:flex;overflow:hidden}#gamePage .game-top,#gamePage .board-wrap,#gamePage .effects,#gamePage .controls,#gamePage>div[style*=justify-content],#gamePage .legend{flex:none}#gamePage .legend{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:auto;padding:6px;display:grid!important}#gamePage .legend span{gap:3px;min-height:32px;padding:3px;font-size:8px;line-height:1.2}#gamePage .legend-food-icon{flex-basis:24px;width:24px;height:24px}#gamePage>div[style*=justify-content]{margin-top:4px!important}.rules details{border:2px solid var(--retro-brown);background:#fff;margin:8px 0;padding:8px}.rules summary{cursor:pointer;font-size:13px;line-height:1.4}.rules details p{margin:8px 0 0;font-size:11px;line-height:1.65}@media (height<=760px){#gamePage .board-wrap{width:min(250px,calc(100vw - var(--safe-left) - var(--safe-right) - 20px))}#gamePage .controls{grid-template-rows:repeat(3,46px);grid-template-columns:repeat(3,46px);width:138px;margin:3px auto}#gamePage .control,#gamePage .control[data-dir=up],#gamePage .control[data-dir=down],#gamePage .control[data-dir=left],#gamePage .control[data-dir=right]{width:46px;min-width:46px;height:46px;min-height:46px}#gamePage .legend span{min-height:28px;font-size:7px}#gamePage .legend-food-icon{flex-basis:20px;width:20px;height:20px}}@media (height<=680px){#gamePage .board-wrap{width:min(215px,calc(100vw - var(--safe-left) - var(--safe-right) - 18px))}#gamePage .controls{grid-template-rows:repeat(3,42px);grid-template-columns:repeat(3,42px);width:126px}#gamePage .control,#gamePage .control[data-dir=up],#gamePage .control[data-dir=down],#gamePage .control[data-dir=left],#gamePage .control[data-dir=right]{width:42px;min-width:42px;height:42px;min-height:42px}#gamePage .legend{gap:3px;padding:4px}#gamePage .legend span{min-height:24px;padding:2px;font-size:6px}#gamePage .legend-food-icon{flex-basis:18px;width:18px;height:18px}}@media (orientation:landscape) and (height<=520px){#gamePage.active{grid-template-rows:auto 1fr auto;grid-template-columns:minmax(180px,46vh) minmax(190px,1fr);gap:3px 8px;display:grid}#gamePage .game-top{grid-column:1/-1}#gamePage .board-wrap{grid-area:2/1/4;width:min(68vh,250px)}#gamePage .effects,#gamePage .controls{grid-area:2/2}#gamePage .controls{align-self:start}#gamePage>div[style*=justify-content]{grid-area:2/2;align-self:end}#gamePage .legend{grid-area:3/2;margin-top:0}}#gamePage .game-actions{flex:none;justify-content:center;align-items:center;gap:8px;margin-top:4px;display:flex}#gamePage .game-actions #pauseBtn,#gamePage .game-actions #exitBtn{width:auto;min-width:104px;min-height:42px;margin:0!important;padding:7px 14px!important;font-size:10px!important}#pauseBtn[aria-pressed=true]{background:var(--gold);color:var(--retro-dark)}@media (height<=700px){#gamePage .game-actions{margin-top:2px}#gamePage .game-actions #pauseBtn,#gamePage .game-actions #exitBtn{min-width:88px;min-height:36px;padding:5px 10px!important;font-size:9px!important}}@media (orientation:landscape) and (height<=520px){#gamePage .game-actions{grid-area:2/2;place-self:end center}}html,body,html body *,html body .app,html body .app *,html body .modal,html body .modal *,html body .toast,html body .connection-pill,html body .game-hint,html body .result-sync,html body button,html body input,html body textarea,html body select{font-synthesis:none!important;font-kerning:auto!important;font-variant-ligatures:normal!important;font-variant-numeric:tabular-nums!important;text-transform:none!important;text-rendering:optimizelegibility!important;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;font-family:-apple-system,BlinkMacSystemFont,PingFang HK,PingFang TC,Heiti TC,Noto Sans TC,Microsoft JhengHei UI,Microsoft JhengHei,Arial,sans-serif!important;font-style:normal!important}html body b,html body strong{font-weight:700!important}#gamePage.active{gap:clamp(3px,.55vh,6px);position:relative}#gamePage .board-wrap{width:min(calc(95vw - var(--safe-left) - var(--safe-right) - 10px), calc(95vh - var(--safe-top) - var(--safe-bottom) - 270px), 460px);margin-top:-2px;margin-bottom:0}#gamePage .controls{--control-size:clamp(78px,min(30vw,14vh),116px);grid-template-columns:repeat(3,var(--control-size));grid-template-rows:repeat(3,var(--control-size));width:calc(var(--control-size) * 3);margin:4px auto 0}#gamePage .control,#gamePage .control[data-dir=up],#gamePage .control[data-dir=down],#gamePage .control[data-dir=left],#gamePage .control[data-dir=right],#gamePage .control.pause-control{width:var(--control-size);height:var(--control-size);min-width:var(--control-size);min-height:var(--control-size);border-width:4px}#gamePage .control.pause-control{visibility:visible;cursor:pointer;padding:0}#gamePage .control.pause-control[aria-pressed=true]{background:var(--green)}#gamePage .resume-icon{border-top:17px solid #0000;border-bottom:17px solid #0000;border-left:26px solid var(--retro-dark);filter:drop-shadow(2px 2px #00000040);width:0;height:0;margin-left:6px;display:block}#gamePage .game-actions{right:calc(12px + var(--safe-right));bottom:calc(126px + var(--safe-bottom));z-index:10;margin:0;display:block;position:absolute}#gamePage .game-actions #exitBtn{min-width:0;min-height:50px;padding:8px 16px!important;font-size:11px!important}@media (height<=760px){#gamePage .game-top{min-height:47px;padding:3px}#gamePage .board-wrap{width:min(290px,calc(95vw - var(--safe-left) - var(--safe-right) - 14px));margin-top:-1px}#gamePage .controls{--control-size:76px;grid-template-columns:repeat(3,var(--control-size));grid-template-rows:repeat(3,var(--control-size));width:calc(var(--control-size) * 3)}#gamePage .game-actions{bottom:calc(108px + var(--safe-bottom))}#gamePage .game-actions #exitBtn{min-height:42px;padding:6px 14px!important;font-size:10px!important}}@media (height<=680px){#gamePage .board-wrap{width:min(250px,calc(95vw - var(--safe-left) - var(--safe-right) - 12px))}#gamePage .controls{--control-size:64px}#gamePage .pause-icon{transform:scale(1.15)}#gamePage .resume-icon{border-top-width:14px;border-bottom-width:14px;border-left-width:21px}}@media (orientation:landscape) and (height<=520px){#gamePage .board-wrap{width:min(74vh,280px);margin-top:0}#gamePage .controls{--control-size:clamp(58px,16vh,76px)}#gamePage .game-actions{right:calc(8px + var(--safe-right));bottom:calc(8px + var(--safe-bottom))}}.page:not(.game-page){padding-bottom:calc(28px + var(--safe-bottom))}#homePage .card,#leaderPage .card,#historyPage .card,#homePage .status{transition:none}.btn:focus-visible,.control:focus-visible,summary:focus-visible{outline-offset:3px;outline:4px solid #71bf449e}.btn:disabled{cursor:not-allowed}#gamePage .game-top{z-index:2}#gamePage .control{touch-action:manipulation;-webkit-tap-highlight-color:#5d8c3e4d}#pauseBtn[aria-pressed=true] .pause-icon{border-top:11px solid #0000;border-bottom:11px solid #0000;border-left:17px solid var(--retro-dark);background:0 0;border-radius:0;width:0;height:0;margin-left:4px}.game-hint{color:#ffffffc2;text-align:center;letter-spacing:.03em;margin:7px auto 1px;font-size:10px;display:none!important}.connection-pill{top:calc(10px + var(--safe-top));z-index:1000;border:3px solid var(--retro-green);background:var(--dark);color:#fff;pointer-events:none;border-radius:0;padding:8px 12px;font-size:11px;transition:transform .24s;position:fixed;left:50%;transform:translate(-50%,-150%);box-shadow:4px 4px #0000003d}.connection-pill.show{transform:translate(-50%)}.connection-pill.offline{background:#9f302b}.result-sync{border:3px solid var(--retro-brown);background:var(--retro-cream);color:var(--retro-dark);border-radius:0;margin-top:10px;padding:10px 12px;font-size:11px;line-height:1.55}#retryResultBtn{margin-top:10px;display:none}#retryResultBtn.show{display:block}.sr-only{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}@media (width<=390px){#homePage .logo{font-size:clamp(22px,7vw,29px)}#homePage .hero{margin-block:8px}.modal-box{max-height:calc(var(--app-height) - 28px);overflow:auto}.btn{min-height:46px}}@media (height<=720px){.game-hint{display:none}#gamePage .effects{min-height:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--client-green:#71bf44;--client-green-dark:#5d8c3e;--client-cream:#ded5b8;--client-off:#edeee9;--client-dark:#4c4c4c}#homePage #startBtn{background:var(--client-green)!important;color:#fff!important;border-color:var(--client-green-dark)!important;box-shadow:4px 4px 0 var(--client-green-dark)!important}#homePage #startBtn:active{background:var(--client-green-dark)!important;box-shadow:2px 2px 0 var(--client-green-dark)!important}#gamePage{background:var(--client-off)!important;color:var(--client-dark)!important}#gamePage .game-top{background:var(--client-dark)!important;border-color:var(--client-green)!important}#gamePage .pill{background:var(--client-off)!important;border-color:var(--client-green)!important}#gamePage .pill small{color:var(--client-green-dark)!important}#gamePage .pill b{color:var(--client-dark)!important}#gamePage .board-wrap{background:var(--client-dark)!important;border-color:var(--client-green-dark)!important;box-shadow:6px 6px 0 #4c4c4c47,inset 0 0 0 5px var(--client-green)!important}#gamePage .board-wrap:before{border-color:var(--client-green)!important;background:repeating-conic-gradient(var(--client-green) 0deg 90deg,var(--client-green-dark) 90deg 180deg) 0 0/16px 16px!important}#gamePage .overlay-label{border-color:var(--client-green)!important;color:var(--client-off)!important}#gamePage .badge{background:var(--client-green)!important;color:var(--client-dark)!important;border-color:var(--client-green-dark)!important;box-shadow:3px 3px 0 var(--client-dark)!important}#gamePage .control{background:var(--client-green)!important;border-color:var(--client-dark)!important;box-shadow:inset 4px 4px 0 #ffffff2e,inset -4px -4px 0 var(--client-green-dark)!important}#gamePage .control:active,#gamePage .control[data-dir]:active,#gamePage .control.pause-control[aria-pressed=true]{background:var(--client-green-dark)!important}#gamePage .legend{background:var(--client-cream)!important;border-color:var(--client-green-dark)!important}#gamePage .legend span{background:var(--client-off)!important;border-color:var(--client-green)!important;color:var(--client-dark)!important}#gamePage .control.exit-control{color:#71bf44!important;background:#fff!important;border-color:#71bf44!important;box-shadow:0 5px #00000024!important}html body #homePage,html body #homePage *{font-synthesis:none!important;text-rendering:optimizelegibility!important;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;font-family:-apple-system,BlinkMacSystemFont,PingFang HK,PingFang TC,Heiti TC,Microsoft JhengHei UI,Microsoft JhengHei,Arial,sans-serif!important}#homePage{width:100%;height:100%;max-height:var(--app-height);overflow:hidden!important}#homePage.active{grid-template-rows:minmax(32px,6.5vh) minmax(24px,4.8vh) minmax(96px,19vh) minmax(0,1fr)!important;align-content:stretch!important;display:grid!important}#homePage .card{height:100%!important;min-height:0!important}@media (orientation:portrait) and (height<=700px){#homePage.active{grid-template-rows:minmax(29px,6vh) minmax(21px,4.4vh) minmax(82px,17vh) minmax(0,1fr)!important;gap:3px!important}#homePage .card{gap:3px!important;padding:5px!important}#homePage .btn{min-height:30px!important;padding:3px 6px!important}}@media (orientation:landscape) and (height<=520px){#homePage.active{grid-template-rows:auto auto minmax(0,1fr)!important;grid-template-columns:minmax(170px,1fr) minmax(230px,1.15fr)!important}#homePage .card{grid-area:1/2/4!important}}#homePage{touch-action:pan-y!important;padding:calc(18px + var(--safe-top)) calc(16px + var(--safe-right)) calc(20px + var(--safe-bottom)) calc(16px + var(--safe-left))!important;background:#f4f2ec url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cg opacity='0.05'%3E%3Crect width='32' height='32' fill='%235D8C3E'/%3E%3Crect x='32' y='32' width='32' height='32' fill='%235D8C3E'/%3E%3Crect x='32' width='32' height='32' fill='%2371BF44'/%3E%3Crect y='32' width='32' height='32' fill='%2371BF44'/%3E%3Cpath d='M0 32h64M32 0v64' stroke='%235D8C3E' stroke-width='1'/%3E%3Ccircle cx='32' cy='32' r='10' fill='none' stroke='%235D8C3E' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E")!important;overflow:hidden auto!important}#homePage.active{display:block!important}.home-ref{flex-direction:column;justify-content:center;gap:14px;max-width:420px;min-height:100%;margin:0 auto;display:flex}.home-event{text-align:center;color:#5c4033;letter-spacing:.5px;text-shadow:0 1px #fff6;font-size:clamp(12px,1.9vh,15px);font-weight:800;line-height:1.4;font-family:DotGothic16,"Press Start 2P",Microsoft JhengHei,monospace!important}.home-hero{aspect-ratio:1600/681;background:#fff;border-radius:18px;justify-content:center;align-items:center;display:flex;overflow:hidden;box-shadow:0 6px 18px #0000001f}.home-hero-img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.home-plays{text-align:center;color:#5c5c5c;font-size:clamp(10px,1.6vh,13px);font-weight:600;line-height:1.4}.home-plays .home-remaining{color:#d9534f;font-weight:800}.home-plays b{color:#d9534f}.home-cta{color:#fff;background:var(--green);border:0;border:3px solid var(--retro-green);text-transform:uppercase;letter-spacing:1px;cursor:pointer;width:100%;box-shadow:4px 4px 0 var(--retro-green);touch-action:manipulation;border-radius:0;flex-direction:column;align-items:center;gap:6px;min-height:52px;padding:16px 12px;font-size:clamp(14px,2.2vh,18px);font-weight:900;line-height:1.2;display:flex;font-family:"Press Start 2P",Microsoft JhengHei,monospace!important}.home-cta:active{box-shadow:2px 2px 0 var(--retro-green);transform:translate(2px,2px)}.home-cta:disabled{filter:grayscale(.6);opacity:.6}.home-cta-sub{opacity:.95;text-transform:none;letter-spacing:0;font-family:DotGothic16,Microsoft JhengHei,monospace;font-size:clamp(10px,1.5vh,12px);font-weight:700}.home-actions{gap:10px;display:flex}.home-actions>*{flex:1}.home-btn{width:100%;color:var(--retro-dark);background:var(--retro-cream);border:3px solid var(--retro-brown);text-transform:uppercase;letter-spacing:1px;cursor:pointer;box-shadow:4px 4px 0 var(--retro-brown);touch-action:manipulation;border-radius:0;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:10px 8px;font-size:clamp(11px,1.7vh,13px);font-weight:900;line-height:1.2;display:inline-flex;font-family:"Press Start 2P",Microsoft JhengHei,monospace!important}.home-btn.dark,.home-btn.ghost,.home-btn.wide{background:var(--retro-cream);border-color:var(--retro-brown);color:var(--retro-dark)}.home-btn:active{box-shadow:2px 2px 0 var(--retro-brown);background:#efe2c6;transform:translate(2px,2px)}.home-btn .pixel-icon{width:18px;height:18px;image-rendering:pixelated;flex:0 0 18px}.home-terms{text-align:center;color:#3c4a63;font-size:clamp(10px,1.5vh,12px);line-height:1.6}.home-terms-link{text-decoration:underline}#gamePage{flex-direction:column;justify-content:flex-start;align-items:center;gap:8px;background:#f4f2ec!important;display:none!important;overflow-y:auto!important}#gamePage.active{display:flex!important}#gamePage .game-top{width:100%;max-width:460px;box-shadow:0 4px 14px #0000001a;color:#71bf44!important;background:#fff!important;border:0!important;border-radius:16px!important;padding:10px!important}#gamePage .stats{gap:10px;width:100%}#gamePage .pill{flex:1;min-width:0;background:#f4f2ec!important;border:2px solid #71bf44!important;border-radius:12px!important;padding:6px 8px!important}#gamePage .pill small{font-size:10px;color:#5d8c3e!important}#gamePage .pill b{font-size:15px;color:#71bf44!important}#gamePage .board-wrap{background:#71bf44!important;border:6px solid #71bf44!important;border-radius:18px!important;width:min(100vw - 24px,440px)!important;max-width:440px!important;margin:6px auto!important;box-shadow:0 6px 18px #00000024!important}#gamePage .board-wrap:before{display:none}#gamePage .board-wrap canvas{background:#2b3956!important}#gamePage .overlay-label{border-radius:12px;color:#f4f2ec!important;background:#71bf44eb!important;border:0!important}#gamePage .badge{border-radius:10px;color:#fff!important;box-shadow:none!important;background:#5d8c3e!important;border:0!important}#gamePage .controls{max-width:100%;--control-size:clamp(82px,15vh,124px)!important;--control-gap:clamp(6px,1.5vw,10px)!important;grid-template-columns:repeat(3,var(--control-size))!important;grid-template-rows:repeat(3,var(--control-size))!important;width:calc(var(--control-size) * 3 + var(--control-gap) * 2)!important;gap:var(--control-gap)!important;background:0 0!important;margin:6px auto!important}#gamePage .control,#gamePage .control[data-dir]{justify-content:center;align-items:center;display:flex;width:var(--control-size)!important;height:var(--control-size)!important;background:#5d8c3e!important;border:0!important;border-radius:16px!important;min-width:0!important;min-height:0!important;box-shadow:0 5px #00000024!important}#gamePage .control:active,#gamePage .control[data-dir]:active{transform:translateY(3px);background:#4a702e!important;box-shadow:0 2px #00000024!important}#gamePage #pauseBtn{background:#1f2b45!important}#gamePage #pauseBtn[aria-pressed=true]{background:#5d8c3e!important}#gamePage .pixel-arrow.up{border-bottom-color:#fff}#gamePage .pixel-arrow.down{border-top-color:#fff}#gamePage .pixel-arrow.left{border-right-color:#fff}#gamePage .pixel-arrow.right{border-left-color:#fff}#gamePage .pixel-arrow{transform:scale(1.1)}#gamePage .pause-icon{transform:scale(1.1)!important}#gamePage .pause-icon:before,#gamePage .pause-icon:after{background:#fff}#gamePage #pauseBtn[aria-pressed=true] .pause-icon{border-left-color:#fff;transform:scale(1.1)!important}#pauseBtn[aria-pressed=true] .pause-icon:before,#pauseBtn[aria-pressed=true] .pause-icon:after{content:none!important;display:none!important}#gamePage .resume-icon{border-left-color:#fff!important}#gamePage .legend,#gamePage #foodLegend{display:none!important}#gamePage{justify-content:flex-start!important;gap:clamp(2px,.5vh,4px)!important;height:100dvh!important;max-height:100dvh!important;padding:6px 12px 8px!important;overflow:hidden!important}#gamePage .game-top,#gamePage .board-wrap,#gamePage .controls{flex:none}#gamePage .game-top{min-height:auto!important;padding:2px 0!important}#gamePage .stats{width:min(100%,460px)!important;margin:0 auto!important}#gamePage .board-wrap{margin-left:auto;margin-right:auto;width:min(100%,460px,100dvh - 360px)!important;max-width:100%!important}#gamePage .controls{--control-size:clamp(70px,12vh,100px)!important;--control-gap:clamp(4px,1.5vw,10px)!important;margin:0 auto!important}#gamePage .game-actions{display:none!important}#gamePage .control.exit-control{justify-content:center;align-items:center;display:flex;width:calc(var(--control-size) * .92)!important;height:calc(var(--control-size) * .56)!important;color:#71bf44!important;text-transform:none!important;letter-spacing:0!important;background:#fff!important;border:1.5px solid #71bf44!important;border-radius:14px!important;place-self:end!important;min-width:0!important;min-height:0!important;margin:0 -30px 0 0!important;font-family:inherit!important;font-size:clamp(12px,3vw,16px)!important;font-weight:600!important;box-shadow:0 3px #0000001a!important}#gamePage .control.exit-control:active{transform:translateY(3px);background:#f4f2ec!important;box-shadow:0 2px #00000024!important}@media (height<=700px){#gamePage .stats{width:min(100%,380px)!important}#gamePage .board-wrap{width:min(100%,380px,100dvh - 340px)!important}#gamePage .controls{--control-size:clamp(56px,12vh,78px)!important}#gamePage .game-actions{top:52px!important}#gamePage .game-actions #exitBtn{min-height:30px!important;padding:5px 10px!important;font-size:10px!important}}