/* Version: 0001 */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Noto+Sans+TC:wght@400;500;700;900&display=swap');
:root{--bg:#10181c;--panel:#182328;--line:#2a383d;--mint:#bdff62;--text:#eef3e9;--muted:#93a2a7;--gold:#ffd27d}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'Noto Sans TC',sans-serif;font-size:14px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.4}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid var(--mint);outline-offset:5px}button{color:inherit}button[hidden],[hidden]{display:none!important}.mint{color:var(--mint)}.topbar{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,20px);gap:16px}.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:2px;font-size:17px}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--mint);color:#14201a;font-size:25px;font-style:italic}.brand-dot{color:var(--mint);font-size:9px;margin-left:8px}.eyebrow{font-family:'Barlow Condensed',sans-serif;font-size:12px;letter-spacing:2px;font-weight:600}nav{display:flex;align-items:center;gap:24px;font-size:12px;color:var(--muted)}.icon-button{background:transparent;border:1px solid var(--line);border-radius:8px;padding:9px 13px}.game-layout{max-width:1260px;margin:40px auto;display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:46px;padding:0 32px}.game-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.game-heading h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(42px,5vw,64px);line-height:1;margin:9px 0 0;letter-spacing:-1px}.game-heading h1 span{font-size:20px;vertical-align:top;margin-left:5px}.edition{font-size:10px;line-height:1.9;text-align:right;color:var(--muted);letter-spacing:1px}.scorebar{display:flex;align-items:center;border:1px solid var(--line);border-bottom:0;border-radius:14px 14px 0 0;padding:18px 26px;background:#182226;gap:30px}.scorebar>div{flex:1}.scorebar span{display:block;color:var(--muted);font-size:10px;letter-spacing:1px}.scorebar strong{display:block;font-family:'Barlow Condensed',Impact,sans-serif;font-size:36px;letter-spacing:1px;font-weight:600;line-height:1.2}.scorebar>div:first-child strong{color:var(--mint)}.arena-shell{position:relative;overflow:hidden;border:1px solid #3b4c46;border-radius:0 0 14px 14px;background:#101c1d;box-shadow:0 24px 60px #0003}.arena-shell canvas{display:block!important;width:100%!important;height:auto!important;touch-action:none}#game{aspect-ratio:1/1;touch-action:none}.arena-label{position:absolute;top:17px;left:21px;right:21px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;pointer-events:none;color:#8baba0}.arena-label i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--mint);margin-right:5px}.game-overlay{position:absolute;inset:0;display:grid;place-items:center;text-align:center;background:linear-gradient(180deg,#10201c77,#0b171ddd);backdrop-filter:blur(3px);padding:24px}.overlay-content{max-width:350px;width:100%}.overlay-content h2{font-size:clamp(30px,4.2vw,51px);line-height:1.3;margin:20px 0;font-weight:900;letter-spacing:-2px}.overlay-content p{color:#b6c5bf;font-size:13px;line-height:1.9;margin:0 0 25px;white-space:pre-line}.primary{border:0;background:var(--mint);color:#142116;padding:17px 24px;border-radius:9px;font-weight:900;width:100%;text-align:left;box-shadow:0 6px 35px #baff6218;transition:transform .2s,background .2s}.primary span{float:right}.primary:hover{background:#d2ff9a;transform:translateY(-2px)}.overlay-hint{display:block;font-size:10px;color:#a9b9ad;margin-top:20px}.play-status{display:flex;justify-content:space-between;margin:17px 0;color:var(--muted);font-size:11px;gap:10px}#combo{color:var(--mint);letter-spacing:1px;white-space:nowrap}.energy-row{display:flex;align-items:center;gap:12px;font-size:10px;color:var(--muted)}.energy-track{height:4px;flex:1;background:#2b393b;border-radius:10px;overflow:hidden}#energy{height:100%;background:var(--mint);width:100%;transition:width .1s}.boost-button{border:1px solid #415638;background:#203027;border-radius:6px;padding:9px 14px;color:var(--mint);touch-action:none;user-select:none}.boost-button:active{background:#416433}.bottom-note{text-align:center;font-size:10px;color:#82918e;margin:24px 0;line-height:1.9}.bottom-note span{padding:0 9px}.side-section{padding:25px 0;border-bottom:1px solid var(--line)}.side-section:first-child{padding-top:0}.side-section>.eyebrow,.section-line .eyebrow{color:var(--muted)}aside h2{font-size:18px;margin:14px 0 20px}.modes{display:flex;flex-direction:column;gap:9px}.mode{display:flex;align-items:center;gap:13px;text-align:left;background:#162126;border:1px solid var(--line);padding:17px 14px;border-radius:9px;width:100%;transition:border-color .2s}.mode:hover{border-color:#80926e}.mode.selected{border-color:var(--mint);background:#223023}.mode-symbol{font-size:27px;color:#c2cdbd;width:28px;text-align:center}.mode b{font-size:13px;display:block}.mode small{font-size:10px;color:var(--muted);display:block;margin-top:5px}.mode i{font-size:7px;font-style:normal;margin-left:auto;color:#455052}.mode.selected i,.mode.selected .mode-symbol{color:var(--mint)}.section-line{display:flex;justify-content:space-between;align-items:center}.mission-row{font-size:12px;color:#c0cbc4;margin-top:16px;display:flex;gap:12px}.mission-row span{color:var(--mint)}.food-guide{display:flex;align-items:center;gap:15px;margin-top:23px}.food-guide b{font-size:12px}.food-guide small{display:block;margin-top:5px;font-size:10px;color:var(--muted)}.orb{width:14px;height:14px;border-radius:50%;flex-shrink:0}.mint-orb{background:var(--mint);box-shadow:0 0 16px #bdff6255}.gold-orb{background:var(--gold);transform:rotate(45deg);border-radius:3px;box-shadow:0 0 16px #ffd27d44}.blue-orb{border:3px solid #83d7fc;box-shadow:0 0 16px #83d7fc55}.record-card{margin-top:25px;background:linear-gradient(120deg,#263426,#19252a);border:1px solid #354438;border-radius:10px;padding:20px;display:flex;flex-direction:column}.record-card>span{font-family:'Barlow Condensed',sans-serif;font-size:11px;letter-spacing:2px;color:var(--mint)}.record-card strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:44px;line-height:1.3}.record-card small{font-size:10px;color:var(--muted)}.text-button{background:none;border:0;color:var(--muted);padding:14px 0;font-size:12px;width:100%;text-decoration:underline;text-underline-offset:4px}.touch-pad{display:none;text-align:center;margin-top:20px}.touch-pad button{width:52px;height:43px;margin:3px;background:#20302f;border:1px solid #42584a;border-radius:8px;color:var(--mint);font-size:20px;touch-action:manipulation}.portal-main{max-width:1120px;margin:65px auto;padding:0 32px}.portal h1{font-size:clamp(42px,6vw,70px);line-height:1.2;margin:20px 0;font-weight:900;letter-spacing:-3px}.intro{color:var(--muted);line-height:1.8}.version-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}.version-card{padding:27px;border-radius:16px;border:1px solid #3a4a3c;background:#182526;overflow:hidden;transition:transform .25s,border-color .25s}.version-card:hover{transform:translateY(-5px);border-color:var(--mint)}.classic{background:linear-gradient(140deg,#191d2c,#172228)}.modern{background:radial-gradient(ellipse at 60% 40%,#395133,#1b2824 65%)}.card-top{display:flex;justify-content:space-between;align-items:center;font-family:'Barlow Condensed',sans-serif;font-size:13px;color:#aabbad;letter-spacing:2px}.pill{border:1px solid #556250;border-radius:30px;padding:6px 10px;font-size:10px}.mini-snake{height:195px;position:relative;display:flex;align-items:center;justify-content:center}.old-art{font-size:35px;line-height:.8;color:#8bc7e9;font-family:monospace;white-space:pre;text-shadow:0 0 24px #77b8ff66}.old-art i{color:#e5b5f0;font-style:normal}.snake-path{height:85px;width:150px;border:25px solid var(--mint);border-right-color:transparent;border-radius:28px;transform:rotate(-12deg);filter:drop-shadow(0 10px 12px #0004)}.snake-path:after{content:'';position:absolute;width:13px;height:7px;background:#172b22;border-radius:5px;right:-7px;bottom:-16px}.new-art i{font-size:48px;font-style:normal;color:var(--gold);margin-left:30px;text-shadow:0 0 30px #ffd27d66}.new-art em{position:absolute;right:45px;top:35px;color:var(--gold);font-size:13px;font-style:normal}.version-card h2{font-size:26px;margin:0}.version-card h2 span{font-family:'Barlow Condensed',sans-serif;letter-spacing:2px;font-size:13px;color:var(--muted);margin-left:10px}.version-card p{font-size:12px;color:#acb9b4;line-height:1.8}.version-card b{display:block;border-top:1px solid #405043;margin-top:24px;padding-top:19px;color:var(--mint);font-size:13px}.version-card b span{float:right}.portal footer{text-align:center;margin:35px 0;font-size:11px;color:var(--muted)}@media(pointer:coarse){.touch-pad{display:block}}@media(min-width:1500px){.game-layout{max-width:1300px}}@media(max-width:850px){.game-layout{gap:25px;padding:0 20px;grid-template-columns:minmax(0,1fr) 240px}.topbar{height:72px}.game-heading h1{font-size:42px}.edition{display:none}.scorebar{padding:15px;gap:12px}.overlay-content h2{font-size:34px}.overlay-content p{font-size:11px}}@media(max-width:680px){.game-layout{display:block;margin:25px auto;padding:0 15px;max-width:530px}.topbar{padding:0 16px;height:68px}.brand{font-size:13px;gap:8px}.brand-dot{display:none}nav{gap:12px;font-size:10px}.icon-button{padding:8px}.game-heading{margin-bottom:19px}.game-heading h1{font-size:49px}.edition{display:block;font-size:9px}.scorebar strong{font-size:29px}.arena-label{top:10px;left:14px;right:14px;font-size:8px}.overlay-content h2{margin:12px 0;font-size:35px}.overlay-content p{margin-bottom:16px}.primary{padding:14px 20px}.overlay-hint{margin-top:14px;font-size:9px}.game-overlay{padding:25px 42px}.touch-pad{display:block}aside{margin-top:35px}.modes{gap:8px}.side-section{padding:24px 0}.bottom-note{margin:15px 0}.record-card{margin-top:20px}.portal-main{margin-top:40px;padding:0 20px}.version-grid{grid-template-columns:1fr}.portal .topbar>.eyebrow{font-size:9px;letter-spacing:1px}.portal h1{font-size:49px}.mini-snake{height:150px}.energy-row{gap:8px}.boost-button{padding:8px;font-size:10px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}