:root{--ink:#24170f;--cream:#fff8ec;--paper:#fffdf7;--orange:#f15a24;--yellow:#ffc94a;--green:#164c3a;--line:#24170f29;--shadow:0 24px 60px #371f0921}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Noto Sans TC",sans-serif}button,a{font:inherit}.skip{position:fixed;left:1rem;top:-4rem;z-index:99;background:#fff;padding:.8rem 1rem}.skip:focus{top:1rem}.nav{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1.2rem,5vw,5rem);border-bottom:1px solid var(--line);position:relative;z-index:3}.brand{display:flex;gap:.7rem;align-items:center;color:inherit;text-decoration:none;font-weight:900;line-height:1}.brand small{display:block;font-size:.58rem;letter-spacing:.14em;margin-top:.38rem;font-weight:500}.brand-mark{display:grid;place-items:center;width:43px;height:43px;border-radius:50% 50% 45% 55%;background:var(--orange);color:#fff;font-family:"Zen Maru Gothic";font-size:.8rem;transform:rotate(-8deg)}nav{display:flex;gap:2rem}nav a{color:inherit;text-decoration:none;font-size:.9rem;font-weight:700}.hero{min-height:720px;position:relative;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;padding:3rem clamp(1.2rem,7vw,8rem) 6rem;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 42%,#ffe57a 0 11%,transparent 11.3%),radial-gradient(circle at 78% 45%,#ffb42838,transparent 28%)}.hero-copy{position:relative;z-index:2;max-width:680px}.eyebrow,.section-no{font-weight:900;letter-spacing:.16em;color:var(--orange);font-size:.78rem}.hero h1{font-family:"Zen Maru Gothic";font-size:clamp(3rem,6.2vw,6.2rem);line-height:1.03;margin:.6rem 0 1.5rem;letter-spacing:-.05em}.hero h1 em{font-style:normal;color:var(--orange)}.lede{max-width:580px;font-size:1.12rem;line-height:1.9;color:#5e4d40}.hero-actions{display:flex;gap:.8rem;margin-top:2rem;flex-wrap:wrap}.btn{border:0;border-radius:999px;padding:.9rem 1.4rem;font-weight:900;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:.8rem}.btn.primary{background:var(--ink);color:#fff}.btn.primary:hover{background:var(--orange);transform:translateY(-2px)}.btn.ghost{background:transparent;border:1px solid var(--ink);color:var(--ink)}.hero-art{height:500px;position:relative;z-index:1}.moon{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);width:260px;height:260px;border-radius:50%;background:linear-gradient(135deg,#fff8ae,#ffc63d);box-shadow:0 0 70px #ffd76c;display:grid;place-items:center;color:#8f3f12;font-family:"Zen Maru Gothic"}.moon span{font-size:6rem}.moon small{position:absolute;bottom:42px;font-weight:900}.orbit{position:absolute;width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:#fff;font-size:2.6rem;box-shadow:var(--shadow);animation:float 4s ease-in-out infinite}.o1{right:3%;top:8%}.o2{left:7%;top:17%;animation-delay:-1s}.o3{left:5%;bottom:6%;animation-delay:-2s}.o4{right:5%;bottom:12%;animation-delay:-3s}.hill{position:absolute;width:120%;height:180px;border-radius:50% 50% 0 0;background:#245c45;bottom:-80px;left:-10%;transform:rotate(5deg)}.h2{background:#143d31;bottom:-120px;left:15%;transform:rotate(-5deg)}@keyframes float{50%{transform:translateY(-15px) rotate(4deg)}}.ticker{position:absolute;bottom:0;left:-2%;width:104%;height:54px;background:var(--yellow);border-block:2px solid var(--ink);display:flex;align-items:center;justify-content:space-around;font-weight:900;transform:rotate(-1deg)}.intro{display:grid;grid-template-columns:1fr 1fr;gap:4rem;padding:7rem clamp(1.2rem,7vw,8rem) 3rem;align-items:end}.intro h2,.memory h2{font-family:"Zen Maru Gothic";font-size:clamp(2rem,4vw,4rem);margin:.4rem 0}.intro>p,.memory p{line-height:1.9;color:#695749;max-width:520px}.game-grid{padding:0 clamp(1.2rem,7vw,8rem) 8rem;display:grid;grid-template-columns:1fr 1fr;gap:1.4rem}.game-card{border:1.5px solid var(--ink);border-radius:26px;background:var(--paper);overflow:hidden;box-shadow:6px 7px 0 var(--ink);transition:.25s}.game-card:hover{transform:translate(-3px,-5px);box-shadow:10px 12px 0 var(--ink)}.card-visual{height:310px;position:relative;overflow:hidden;display:grid;place-items:center}.season{position:absolute;left:18px;top:18px;background:#fff;border:1px solid var(--ink);padding:.5rem .8rem;border-radius:99px;font-size:.78rem}.card-copy{display:grid;grid-template-columns:auto 1fr;gap:1rem;padding:1.5rem 1.5rem .8rem}.num{font-weight:900;color:var(--orange)}.card-copy h3{font-family:"Zen Maru Gothic";font-size:2rem;margin:-.2rem 0 .5rem}.card-copy p{color:#685648;line-height:1.65;margin:0}.meta{display:flex;gap:1rem;margin-top:1rem;font-size:.8rem}.play{width:calc(100% - 3rem);margin:.5rem 1.5rem 1.5rem;padding:1rem;background:transparent;border:1px solid var(--ink);border-radius:12px;font-weight:900;display:flex;justify-content:space-between;cursor:pointer}.play:hover{background:var(--ink);color:#fff}.autumn .card-visual{background:linear-gradient(#152754,#315e77)}.sun{width:150px;height:150px;border-radius:50%;background:#ffd964;box-shadow:0 0 45px #ffc44b;display:grid;place-items:center;font-weight:900;color:#91491d}.grill{position:absolute;bottom:0;font-size:5rem;color:#fd7f35}.grill span{display:block;font-size:2.6rem;background:#37221e;padding:.6rem 1.5rem;border-radius:50%;border:8px double #bf6030}.spring .card-visual{background:#bfe7cf}.cloud{position:absolute;font-size:6rem;top:20px;right:60px;filter:grayscale(1) brightness(4)}.mole{font-size:7rem;transform:translateY(55px)}.holes{position:absolute;bottom:25px;font-size:3rem;color:#56371f}.halloween .card-visual{background:linear-gradient(#2d1d52,#73528d)}.castle{font-size:13rem;color:#1b1430;transform:translateY(20px)}.ghost{position:absolute;font-size:5rem;animation:float 3s infinite}.pumpkins{position:absolute;bottom:20px;font-size:3rem}.christmas .card-visual{background:linear-gradient(#9fcbe1,#e9f6f6)}.snow{position:absolute;top:25px;font-size:3rem;color:#fff}.gift{font-size:6rem;transform:rotate(-8deg)}.tree{position:absolute;bottom:-25px;right:35px;color:#145943;font-size:3rem;line-height:.6;text-align:center}.memory{margin:0 clamp(1.2rem,7vw,8rem) 7rem;padding:3rem;border-radius:28px;background:var(--green);color:#fff;display:grid;grid-template-columns:1fr auto auto;gap:2rem;align-items:center}.memory .section-no{color:#ffcf48}.memory p{color:#cce1d8}.stamp{width:140px;height:140px;border:1px dashed #fff;border-radius:50%;display:grid;place-items:center;align-content:center;transform:rotate(4deg)}.stamp:nth-of-type(2){transform:rotate(-4deg)}.stamp strong{font-size:2.7rem}.stamp span{font-size:.78rem}.text-btn{grid-column:2/4;background:none;border:0;color:#fff;text-decoration:underline;cursor:pointer}footer{border-top:1px solid var(--line);padding:2rem clamp(1.2rem,7vw,8rem);display:flex;align-items:center;justify-content:space-between;gap:2rem;font-size:.85rem}.mini .brand-mark{width:34px;height:34px}footer a{color:inherit}dialog{width:min(900px,calc(100% - 2rem));border:0;border-radius:28px;padding:0;background:var(--paper);box-shadow:0 30px 100px #0008}dialog::backdrop{background:#1c130fc7;backdrop-filter:blur(5px)}.modal-head{padding:1.4rem 1.6rem 1rem;display:flex;justify-content:space-between;align-items:start}.modal-head p{margin:0;color:var(--orange);font-size:.75rem;font-weight:900;letter-spacing:.14em}.modal-head h2{font-family:"Zen Maru Gothic";font-size:2rem;margin:.2rem 0}.close{border:0;background:#eee3d4;width:42px;height:42px;border-radius:50%;font-size:1.6rem;cursor:pointer}.scorebar{display:flex;gap:2rem;padding:.8rem 1.6rem;background:var(--ink);color:#fff}.scorebar b{color:var(--yellow);font-size:1.2rem}.stage{height:390px;margin:1.2rem;border-radius:18px;background:#ece2d3;position:relative;overflow:hidden;outline:none;touch-action:none}.instructions{padding:0 1.6rem;color:#655143;font-size:.9rem;min-height:28px}.modal-actions{display:flex;gap:.8rem;justify-content:center;padding:1rem 1.6rem 1.5rem}.target,.bbq-item{position:absolute;border:0;background:none;font-size:4rem;cursor:pointer;filter:drop-shadow(0 5px 3px #0003);animation:pop .18s ease-out}.target.bad{filter:grayscale(.4)}@keyframes pop{from{transform:scale(.2)}}.catcher{position:absolute;bottom:12px;font-size:4rem;left:45%;transition:left .08s}.falling{position:absolute;font-size:2.5rem}.bbq-item.done{filter:brightness(.7) saturate(1.7)}.heat{position:absolute;bottom:20px;left:20%;right:20%;height:110px;border-radius:50%;background:radial-gradient(#ffdf5a,#e74b20 45%,#3d241d 48%,#211 68%)}.toast{position:fixed;left:50%;bottom:1.5rem;transform:translate(-50%,120px);background:var(--ink);color:#fff;padding:.8rem 1.2rem;border-radius:99px;transition:.3s;z-index:100}.toast.show{transform:translate(-50%,0)}@media(max-width:800px){.nav nav{display:none}.hero{grid-template-columns:1fr;padding-top:4rem}.hero-art{height:330px}.moon{width:190px;height:190px}.moon span{font-size:4rem}.orbit{width:60px;height:60px;font-size:1.8rem}.ticker{font-size:.7rem}.intro,.game-grid{grid-template-columns:1fr}.intro{gap:1rem}.card-visual{height:260px}.memory{grid-template-columns:1fr 1fr}.memory>div:first-child{grid-column:1/-1}.text-btn{grid-column:1/-1}footer{flex-direction:column;align-items:flex-start}.stage{height:360px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;transition:none!important}}