@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700;800;900&display=swap');
:root{--ink:#212120;--paper:#f5f4eb;--green:#e8c892;--yellow:#ffe46a;--muted:#72796f;--line:#f1debe}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans TC',sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #5e5950;outline-offset:5px}button:disabled{cursor:default;opacity:.5}.topbar{height:88px;max-width:1240px;margin:auto;padding:0 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-size:22px;font-weight:900;line-height:1.15;letter-spacing:1px}.brand-stamp{display:grid;place-items:center;background:var(--ink);color:var(--green);width:43px;height:43px;transform:rotate(-7deg);border-radius:7px;font-size:31px}.brand-en{display:block;font-size:10px;letter-spacing:3px;margin-top:5px}.topbar nav{display:flex;gap:35px;font-size:14px;font-weight:600}.nav-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#e97e56;vertical-align:top;margin:2px 0 0 5px}.sound{background:transparent;border:1px solid #edd4aa;padding:9px 14px;border-radius:24px;font-size:12px}.hero{max-width:1240px;margin:auto;display:grid;grid-template-columns:1fr 1fr;min-height:526px;padding:55px 40px 45px;gap:35px;align-items:center}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.7px;display:flex;align-items:center;gap:9px}.live-dot{width:7px;height:7px;background:#7c756a;border-radius:100%}.hero-no{color:#8b9186;font-size:9px;margin-left:8px;letter-spacing:1px}h1{font-size:75px;line-height:1.16;margin:24px 0 18px;font-weight:900;letter-spacing:-4px;position:relative}.outlined{-webkit-text-stroke:1.8px var(--ink);color:var(--paper)}.star{font-size:68px;color:#ee885b;display:inline-block;margin-left:20px;vertical-align:8px;transform:rotate(10deg)}.hero p{font-size:15px;line-height:1.9;color:#72776b;margin:0 0 24px}.hero-actions{display:flex;align-items:center;gap:22px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:24px;min-height:48px;padding:13px 21px;font-size:14px;font-weight:800;border:1.5px solid var(--ink);border-radius:7px;box-shadow:3px 3px 0 var(--ink);transition:transform .15s,box-shadow .15s}.button:hover{transform:translate(-1px,-2px);box-shadow:4px 5px 0 var(--ink)}.yellow{background:var(--yellow)}.text-button{background:none;border:0;padding:10px 0;font-size:13px;font-weight:600}.text-button:hover{text-decoration:underline}.hero-foot{display:flex;gap:21px;margin-top:25px;font-size:10px;color:#7c8375}.hero-art{background:#f4e4c9;border:1px solid #ecd3a8;border-radius:15px;position:relative;padding:25px 20px 5px;transform:rotate(1deg);overflow:hidden}.hero-art svg{display:block;width:100%;max-height:350px}.art-label{font-size:10px;letter-spacing:2px;color:#6e685d}.art-ticket{position:absolute;right:18px;bottom:19px;background:var(--yellow);border:1.5px solid var(--ink);font-size:11px;font-weight:800;padding:9px 12px;transform:rotate(-4deg)}.art-ticket span{margin:0 8px}.ticker{background:var(--ink);color:var(--green);height:40px;overflow:hidden;display:flex;align-items:center;white-space:nowrap;font-size:12px;letter-spacing:3px}.ticker span{min-width:max-content;animation:marquee 38s linear infinite}@keyframes marquee{to{transform:translateX(-30%)}}.section{max-width:1240px;margin:auto;padding-left:40px;padding-right:40px}.arcade{padding-top:55px;padding-bottom:48px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px}.muted{color:#868c7e;font-size:9px;letter-spacing:2px}h2{font-size:28px;letter-spacing:-.8px;margin:9px 0 0;font-weight:900}.section-head h2 span{font-family:monospace;display:inline-block;font-size:12px;color:#72796a;border:1px solid #ecd2a6;padding:2px 5px;margin-left:13px;vertical-align:middle;border-radius:4px}.section-head p{color:var(--muted);font-size:12px;margin:0 0 4px}.filters{display:flex;align-items:center;gap:9px;margin-bottom:25px}.filters button{border:1px solid #f1ddbb;border-radius:24px;padding:8px 17px;background:transparent;font-size:12px}.filters button.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.filters button span{font-size:10px;margin-left:6px;opacity:.65}.saved-label{margin-left:auto;font-size:10px;color:#8c9285}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px 22px}.card{border:1px solid #f0dbb6;border-radius:10px;overflow:hidden;background:#fcfbf5;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:4px 5px 0 #f0dcba}.card-art{height:176px;width:100%;position:relative;display:flex;align-items:center;justify-content:center;border:0;border-bottom:1px solid #f0dbb6;overflow:hidden}.card-art svg{height:155px;width:220px;transition:transform .2s}.card-art:hover svg{transform:rotate(-3deg) scale(1.04)}.tag{position:absolute;top:12px;left:12px;font-size:9px;font-weight:800;letter-spacing:.8px;background:#fffc;padding:4px 8px;border-radius:4px}.card-number{position:absolute;right:14px;top:13px;font-family:monospace;font-size:10px;opacity:.5}.art-caption{position:absolute;right:15px;bottom:13px;font-size:11px;font-weight:900;transform:rotate(-7deg);border-bottom:2px solid currentColor}.card-body{padding:17px 18px 14px}.card-title{display:flex;justify-content:space-between;align-items:center;gap:10px}.card h3{margin:0;font-size:18px;font-weight:900;letter-spacing:-.3px}.duration{font-size:9px;color:#7c8277;white-space:nowrap}.card p{font-size:11px;color:#7c8175;line-height:1.8;margin:9px 0 16px}.card-bottom{border-top:1px dashed #f2dfbf;padding-top:12px;display:flex;align-items:center;justify-content:space-between}.best-label{font-size:10px;color:#82887a}.best-label b{font-family:monospace;color:#383837;font-size:13px;margin-left:4px}.play-button{border:1px solid var(--ink);background:none;border-radius:5px;font-size:11px;font-weight:800;padding:6px 12px}.play-button:hover{background:var(--ink);color:var(--green)}.daily{padding:27px 30px;margin:0 auto 45px;width:calc(100% - 80px);max-width:1160px;background:var(--green);border:1px solid #a39e94;border-radius:10px;display:flex;align-items:center;gap:24px}.daily-icon{border:2px solid var(--ink);width:65px;height:65px;flex-shrink:0;display:grid;place-items:center;font-size:40px;font-weight:900;transform:rotate(-7deg);border-radius:10px}.daily .eyebrow{font-size:9px;letter-spacing:1.5px}.daily h2{font-size:23px;margin-top:5px}.daily p{font-size:11px;margin:9px 0 0;color:#57534b}.daily .button{margin-left:auto;flex-shrink:0}.dark{background:var(--ink);color:var(--green);box-shadow:3px 3px 0 #867f73}.passport{display:flex;justify-content:space-between;align-items:center;padding-bottom:45px;gap:25px}.passport h2{font-size:22px}.passport p{font-size:11px;color:var(--muted);line-height:1.8}.stamps{display:flex;gap:12px;flex-wrap:wrap}.stamp{width:55px;height:63px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:1px dashed #e8c890;border-radius:50% 50% 44% 48%;color:#e1b76f;font-size:23px;transform:rotate(-5deg)}.stamp small{font-size:8px}.stamp.done{border:2px solid #b36044;color:#b36044;background:#f1e2cd;transform:rotate(7deg)}footer{border-top:1px solid var(--line);padding:28px 40px;max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:15px}footer .brand{font-size:14px;letter-spacing:0}.small{width:27px;height:27px;font-size:20px;border-radius:4px}footer p,footer>span{font-size:10px;color:var(--muted)}dialog{padding:0;border:1px solid #6f695f;border-radius:16px;background:var(--paper);color:var(--ink);width:540px;max-width:calc(100% - 20px);max-height:96dvh;overflow:auto;box-shadow:0 25px 90px #0007}dialog::backdrop{background:#171717c9;backdrop-filter:blur(5px)}body:has(dialog[open]){overflow:hidden}.game-shell{padding:20px}.game-top{display:flex;align-items:center;justify-content:space-between}.game-top h2{font-size:21px;margin-top:4px}.game-top .eyebrow{font-size:8px}.game-tools{display:flex;gap:8px}.icon-button{border:1px solid #ecd3a7;background:none;border-radius:50%;width:34px;height:34px;font-size:22px;display:grid;place-items:center}.hud{display:flex;justify-content:space-between;font-size:11px;align-items:center;margin:16px 0 10px}.hud b{font-size:19px;margin-left:4px;font-variant-numeric:tabular-nums}.hud #status{font-size:12px;color:#726c62}.play-area{position:relative;border:1px solid #e3bc79;border-radius:9px;overflow:hidden;background:#f5e7d0;aspect-ratio:1}canvas{width:100%;height:100%;display:block;touch-action:none}.overlay{position:absolute;inset:0;background:#f4f5e9ed;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px}.overlay[hidden]{display:none}.overlay-mark{font-size:46px;color:#7a7367}.overlay h3{font-size:28px;margin:10px 0}.overlay p{font-size:13px;line-height:1.9;white-space:pre-line;max-width:330px;margin:0 0 23px;color:#6e685e}.overlay .button{min-width:165px}.overlay #result-actions{margin-top:18px}.overlay #result-actions .text-button{margin:0 9px;font-size:11px}.instructions{font-size:11px;line-height:1.7;text-align:center;margin:12px 0 8px;color:#696359}.touch-controls{display:flex;gap:10px;justify-content:center}.touch-controls button{border:1px solid #e6c58b;background:#f5e8d1;border-radius:6px;min-width:60px;padding:9px 14px;touch-action:none;font-weight:700}.touch-controls #action{background:var(--yellow);min-width:130px}.game-note{font-size:9px;color:#8c9484;text-align:center;margin:10px 0 0}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:var(--paper);border-radius:8px;padding:13px 22px;z-index:100;font-size:13px;opacity:0;pointer-events:none;transition:.2s;max-width:90%;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1450px){.hero{min-height:570px}.hero-art svg{max-height:390px}}@media(max-width:900px){h1{font-size:58px}.star{font-size:48px;margin-left:10px}.hero{gap:20px;padding:40px 28px}.hero-no{display:none}.section{padding-left:28px;padding-right:28px}.topbar{padding:0 28px}.game-grid{gap:18px 15px}.card-body{padding:14px}.card h3{font-size:16px}.duration{display:none}.section-head p{display:none}.daily{width:calc(100% - 56px)}.passport{flex-direction:column;align-items:flex-start}.stamps{width:100%;justify-content:space-between}footer p{display:none}}@media(max-width:600px){.topbar{height:73px;padding:0 20px}.brand{font-size:18px}.brand-stamp{width:35px;height:35px;font-size:26px}.brand-en{font-size:8px;letter-spacing:2px}.topbar nav{gap:14px;font-size:11px}.topbar nav a:first-child{display:none}.sound{padding:7px 11px}.sound span{display:none}.hero{grid-template-columns:1fr;padding:32px 22px 28px;gap:30px}.hero-copy{position:relative}h1{font-size:66px;letter-spacing:-3px;margin:22px 0 18px}.star{font-size:55px;margin-left:14px}.hero p{font-size:13px}.hero-actions{gap:25px}.hero-foot{font-size:9px;margin-top:21px}.hero-art{max-height:285px}.hero-art svg{height:250px;margin-top:-10px}.art-label{font-size:8px}.art-ticket{font-size:9px;padding:8px}.ticker{height:34px;font-size:10px}.section{padding-left:20px;padding-right:20px}.arcade{padding-top:32px;padding-bottom:30px}h2{font-size:24px}.section-head{margin-bottom:20px}.section-head h2 span{margin-left:8px}.filters{gap:6px;margin-bottom:20px}.filters button{font-size:11px;padding:7px 12px}.saved-label{display:none}.game-grid{grid-template-columns:repeat(2,1fr);gap:15px 12px}.card-art{height:145px}.card-art svg{height:125px;width:160px}.card-body{padding:12px 11px}.card h3{font-size:15px}.card p{font-size:10px;min-height:36px;margin:7px 0 11px}.tag{font-size:8px;padding:3px 5px;left:8px;top:8px}.card-number{right:9px;top:10px;font-size:9px}.art-caption{right:8px;bottom:9px;font-size:9px}.card-bottom{padding-top:10px;gap:4px}.best-label{font-size:8px}.best-label b{font-size:11px;margin-left:2px}.play-button{font-size:10px;padding:5px 8px}.daily{width:calc(100% - 40px);padding:20px;gap:14px;flex-wrap:wrap;margin-bottom:30px}.daily-icon{width:48px;height:48px;font-size:30px}.daily>div:nth-child(2){flex:1}.daily h2{font-size:18px}.daily p{line-height:1.8;font-size:10px}.daily .eyebrow{font-size:7px;letter-spacing:.8px;flex-wrap:wrap;gap:3px}.daily .button{width:100%;margin-top:6px;min-height:40px}.passport{padding-bottom:30px;gap:12px}.stamp{width:42px;height:51px;font-size:20px}.stamp small{font-size:7px}.stamps{gap:5px}footer{padding:24px 20px}footer>span{font-size:8px}.game-shell{padding:14px}.game-top h2{font-size:19px}.overlay{padding:18px}.overlay h3{font-size:25px}.overlay p{font-size:12px;margin-bottom:16px}.overlay-mark{font-size:35px}.game-note{font-size:8px}.touch-controls button{padding:7px 14px}.instructions{font-size:10px;margin:9px 0}.hud{margin:12px 0 8px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}