:root{color-scheme:light;--cream:#fff8e9;--ink:#0b1c31;--orange:#ff601c;--teal:#66c5c5;--line:3px solid var(--ink);font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",system-ui,sans-serif;color:var(--ink);background:var(--cream);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:radial-gradient(ellipse at 88% 20%,#e8f2e9 0,transparent 35%),var(--cream)}a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:4px solid #007f86;outline-offset:6px}img{display:block;max-width:100%;height:auto}.page-shell{width:min(1280px,100%);padding:0 40px;margin:auto}.skip-link{position:absolute;left:16px;top:-100px;z-index:10;padding:14px;background:var(--ink);color:white}.skip-link:focus{top:10px}.site-header{display:flex;align-items:center;gap:64px;padding:30px 0 22px}.wordmark{display:flex;flex-direction:column;text-align:center;transform:rotate(-2deg);flex-shrink:0}.wordmark>span{font-size:34px;font-weight:1000;letter-spacing:-2px;line-height:1.1}.wordmark small{font-weight:900;letter-spacing:2px;font-size:11px;margin-top:5px}nav{display:flex;gap:36px}nav a{font-size:17px;font-weight:850;min-height:44px;display:flex;align-items:center}nav a:hover{color:#b63b00}.hero{position:relative;display:grid;grid-template-columns:1.13fr 1fr;align-items:center;min-height:505px;padding:28px 0 52px}.hero-copy{position:relative;z-index:2}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:850;margin:0 0 16px}.hero h1{font-size:clamp(35px,4.55vw,59px);font-weight:1000;letter-spacing:-2.5px;line-height:1.47;margin:0;white-space:nowrap}.underline{position:relative;isolation:isolate}.underline:after{content:"";height:9px;border-radius:100%;position:absolute;left:0;right:0;bottom:-3px;z-index:-1;transform:rotate(-4deg)}.orange:after{background:var(--orange)}.teal:after{background:var(--teal)}.hero-subtitle{font-size:23px;font-weight:800;letter-spacing:1px;margin:23px 0 27px}.hero-actions{display:flex;gap:17px}.button{display:inline-flex;justify-content:center;align-items:center;gap:20px;min-height:64px;padding:13px 28px;border:var(--line);border-radius:19px;font-size:22px;font-weight:900;box-shadow:0 5px 0 var(--ink);transition:transform .15s,box-shadow .15s;touch-action:manipulation}.button:hover{transform:translateY(-3px);box-shadow:0 8px 0 var(--ink)}.button:active{transform:translateY(3px);box-shadow:0 2px 0 var(--ink)}.button-primary{background:var(--orange);color:var(--ink)}.button-secondary{background:var(--cream);font-size:18px}.hero-art{position:relative;min-width:0;align-self:stretch;display:flex;align-items:center;justify-content:center}.hero-art img{width:116%;max-width:none;position:relative;object-fit:contain;aspect-ratio:3/2;z-index:1}.art-halo{position:absolute;inset:7% -2% 2%;background:radial-gradient(ellipse,#d7eeeb 10%,#f1e8cd 55%,transparent 71%);transform:rotate(-7deg)}.comic-sticker{position:absolute;z-index:2;right:-3%;top:9%;padding:12px 16px;border:2px solid var(--ink);border-radius:8px;background:#e9f460;font-weight:950;font-size:19px;transform:rotate(-11deg);box-shadow:3px 4px 0 var(--ink)}.hero-caption{position:absolute;z-index:2;bottom:3%;right:2%;font-size:13px;font-weight:750;background:var(--cream);padding:6px 12px;border-radius:20px;transform:rotate(-4deg)}.series{border:var(--line);border-radius:25px;overflow:hidden;box-shadow:0 3px 0 var(--ink);background:var(--cream);position:relative;z-index:3}.series-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 30px;background:var(--teal);border-bottom:var(--line)}.series-heading .eyebrow{font-size:10px;margin-bottom:4px;letter-spacing:1.7px}h2{margin:0;font-weight:1000;letter-spacing:-1px}.series-heading h2{font-size:43px;line-height:1.2;text-shadow:2px 2px var(--cream)}.progress{background:var(--cream);border:2px solid var(--ink);border-radius:24px;padding:10px 17px;white-space:nowrap;font-weight:800;font-size:14px;margin:0;box-shadow:2px 3px 0 var(--ink)}.progress strong{font-size:30px;margin:0 4px}.progress strong span{font-size:20px}.series-body{padding:25px 28px 0}.game-card{display:grid;grid-template-columns:32% 1fr auto;gap:26px;align-items:center;padding-bottom:25px}.game-card+.game-card{border-top:2px dashed #b1b3ad;padding-top:25px}.game-thumbnail{position:relative;border-radius:17px;overflow:hidden;background:linear-gradient(150deg,#98dce2,#c8efec 55%,#f1cc85);height:184px}.game-thumbnail img{height:100%;width:100%;object-fit:contain;transform:scale(1.13)}.game-thumbnail>span{position:absolute;left:10px;bottom:10px;font-weight:900;font-size:11px;background:var(--cream);border:2px solid var(--ink);border-radius:20px;padding:5px 10px}.game-info{min-width:0}.game-kicker{font-size:12px;font-weight:650;letter-spacing:.5px;margin:0 0 8px}.game-info h3{font-size:32px;line-height:1.25;letter-spacing:-1px;margin:0;font-weight:1000}.event-label{font-size:16px;font-weight:750;margin:7px 0 14px}.input-chip{font-size:14px;font-weight:800;margin:0;display:flex;align-items:center;gap:10px}.input-chip>span{font-size:24px;border:1px solid #b8b6a9;border-radius:10px;padding:4px 9px;background:#fffaf0}.game-cta{font-size:20px;padding:12px 23px;gap:10px;min-height:62px}.roadmap{border-top:2px dashed #a5aaa7}.roadmap summary{list-style:none;cursor:pointer;min-height:55px;display:flex;justify-content:center;align-items:center;gap:12px;font-weight:850;font-size:16px;padding:15px}.roadmap summary::-webkit-details-marker{display:none}.roadmap summary span{font-size:23px;line-height:1;transition:transform .15s}.roadmap[open] summary span{transform:rotate(45deg)}.roadmap-content{padding:0 0 22px}.roadmap-content>p{text-align:center;font-size:15px;line-height:1.7}.roadmap ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.roadmap li{border:1px solid #d2cbb9;border-radius:12px;padding:13px 15px;display:flex;justify-content:space-between;gap:8px;align-items:center;font-weight:750}.roadmap small{color:#555d61;font-size:11px;white-space:nowrap}.roadmap-note{color:#555d61;font-size:12px!important}.shelf{display:flex;align-items:center;gap:35px;position:relative;overflow:hidden;margin:24px 0;padding:24px 30px;border:2px solid #ded4bd;border-radius:22px;min-height:115px;background:linear-gradient(170deg,transparent 60%,#eee5d2 61%,#f4eddd 73%,#e5e1cb 74%)}.shelf h2{font-size:40px;position:relative}.shelf h2:after{content:"";height:6px;border-radius:100%;position:absolute;background:var(--teal);left:0;right:0;bottom:-6px;transform:rotate(-5deg)}.shelf p{font-weight:750;color:#626771;font-size:19px;letter-spacing:2px}.shelf-doodle{font-size:46px;transform:rotate(-15deg)}.about{border-top:1px solid #dfd5c0;padding:21px 3px 14px;display:flex;justify-content:space-between;gap:18px;align-items:center}.about h2{font-size:13px;letter-spacing:.4px}.about h2 span{font-size:11px;font-weight:650}.about p{font-size:12px;letter-spacing:1px;margin:0;line-height:1.8}footer{display:flex;justify-content:space-between;align-items:center;padding:0 3px 20px;font-size:10px;letter-spacing:1.2px;color:#626771}footer a{display:flex;align-items:center;min-height:44px;font-weight:750;font-size:12px}
@media(min-width:1400px){.hero h1{font-size:61px}}
@media(max-width:1000px){.page-shell{padding:0 25px}.hero{min-height:440px}.hero h1{font-size:4.6vw}.hero-subtitle{font-size:19px}.button{padding:12px 20px;font-size:20px}.button-secondary{font-size:16px}.comic-sticker{font-size:15px;right:0}.game-card{grid-template-columns:30% 1fr;gap:20px}.game-cta{grid-column:2;justify-self:start;grid-row:2}.game-thumbnail{grid-row:1 / 3;height:215px}.game-info h3{font-size:29px}.game-card{row-gap:12px}.game-info{align-self:end}.game-cta{align-self:start}.series-heading h2{font-size:36px}.about{align-items:flex-start;flex-direction:column;gap:9px}}
@media(max-width:640px){.page-shell{padding:0 17px}.site-header{padding:22px 0 10px;gap:12px;justify-content:space-between}.wordmark>span{font-size:27px}.wordmark small{font-size:8px;letter-spacing:1.4px}nav{gap:12px}nav a{font-size:13px}.hero{grid-template-columns:1fr;padding:27px 0 28px;min-height:0}.hero-copy{display:contents}.hero .eyebrow{font-size:10px;letter-spacing:1.5px;margin-bottom:10px}.hero h1{font-size:clamp(31px,7.9vw,49px);letter-spacing:-1.8px;line-height:1.35;z-index:2}.hero-subtitle{font-size:17px;margin:16px 0 0;z-index:2}.hero-art{grid-row:4;height:auto;aspect-ratio:1.25;margin:-3px 0 -4px}.hero-art img{height:116%;width:auto;max-width:110%;aspect-ratio:1}.comic-sticker{top:14%;right:0;font-size:15px;padding:8px 11px}.hero-caption{bottom:7%;font-size:10px}.hero-actions{grid-row:5;display:grid;grid-template-columns:1fr;gap:12px;z-index:3}.button{min-height:56px;font-size:23px;border-radius:16px}.button-secondary{font-size:17px;min-height:48px;padding:9px 18px}.series{border-radius:19px}.series-heading{gap:10px;padding:16px 14px;align-items:center}.series-heading .eyebrow{display:none}.series-heading h2{font-size:clamp(22px,6vw,32px);letter-spacing:-1px}.progress{font-size:9px;padding:8px 9px;border-radius:15px;box-shadow:1px 2px 0 var(--ink)}.progress strong{font-size:20px;margin:0 1px}.progress strong span{font-size:12px}.series-body{padding:15px 15px 0}.game-card{grid-template-columns:1fr auto;gap:15px 9px;padding-bottom:20px}.game-thumbnail{grid-row:1;grid-column:1 / -1;height:155px}.game-thumbnail img{object-fit:contain;transform:scale(1.35)}.game-info{grid-row:2;grid-column:1;align-self:center}.game-kicker{display:none}.game-info h3{font-size:23px;letter-spacing:-1px}.event-label{font-size:13px;margin:6px 0 10px}.input-chip{font-size:11px;gap:6px}.input-chip>span{font-size:17px;padding:3px 6px}.game-cta{grid-row:2;grid-column:2;align-self:end;font-size:15px;min-height:51px;padding:10px 12px;gap:5px;border-radius:14px}.game-cta>span{display:none}.roadmap summary{font-size:13px;min-height:48px;padding:12px}.roadmap ul{grid-template-columns:1fr 1fr;gap:7px}.roadmap li{font-size:12px;padding:10px;align-items:flex-start;flex-direction:column;gap:5px}.roadmap-content>p{font-size:13px}.shelf{padding:20px 17px;margin:20px 0;gap:18px;min-height:100px;border-radius:17px}.shelf h2{font-size:29px;white-space:nowrap}.shelf p{font-size:13px;letter-spacing:.3px;line-height:1.8}.shelf-doodle{display:none}.about{padding:17px 0 8px;gap:6px}.about h2{font-size:11px;letter-spacing:0}.about h2 span{font-size:10px}.about p{font-size:11px;letter-spacing:.3px}footer{font-size:8px;padding-bottom:12px}}
@media(max-width:350px){.page-shell{padding:0 12px}.wordmark>span{font-size:24px}nav{gap:9px}nav a{font-size:12px}.hero h1{font-size:29px}.series-heading{padding:14px 10px}.series-body{padding:13px 11px 0}.game-info h3{font-size:21px}.game-cta{font-size:13px;padding:10px}.input-chip{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}