:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#173b37;--ink-soft:#4b6863;--paper:#fffdf4;--cream:#fff5c9;--sky:#dff6ff;--blue:#55b8e8;--green:#2f8b57;--green-dark:#1e6545;--lime:#cbea61;--yellow:#ffd85b;--orange:#ff9c5b;--purple:#8e6ad8;--line:#173b37;--shadow:0 13px 0 #173b3717, 0 24px 48px #2c5c561f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--ink);background:linear-gradient(#55b8e814 1px, transparent 1px), linear-gradient(90deg, #55b8e814 1px, transparent 1px), var(--paper);background-size:32px 32px;margin:0;font-family:Arial Rounded MT Bold,Microsoft YaHei,PingFang SC,system-ui,sans-serif;overflow-x:hidden}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}.skip-link{z-index:999;border:2px solid var(--line);background:#fff;border-radius:999px;padding:10px 16px;transition:transform .2s;position:fixed;top:10px;left:10px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.sky-decor{z-index:-1;background:radial-gradient(circle at 50% 0, #ffffffe0, transparent 43%), linear-gradient(180deg, var(--sky), #dff6ff75 68%, transparent);pointer-events:none;height:760px;position:absolute;inset:0 0 auto;overflow:hidden}.sun{background:var(--yellow);border:4px solid #dc98263d;border-radius:50%;width:112px;height:112px;position:absolute;top:100px;right:7vw;box-shadow:0 0 0 18px #ffd85b2e,0 0 0 38px #ffd85b14}.cloud{background:#ffffffdb;border:2px solid #378bad26;border-radius:999px;width:150px;height:46px;position:absolute}.cloud:before,.cloud:after{content:"";border:inherit;background:inherit;border-bottom:0;border-radius:999px 999px 0 0;position:absolute;bottom:-2px}.cloud:before{width:54px;height:66px;left:24px}.cloud:after{width:63px;height:48px;right:20px}.cloud-one{top:224px;left:-42px;transform:scale(.9)}.cloud-two{top:414px;right:-54px;transform:scale(1.22)}.spark{color:var(--orange);font-size:22px;animation:2.6s ease-in-out infinite twinkle;position:absolute}.spark-one{top:175px;left:10vw}.spark-two{color:var(--purple);animation-delay:-.8s;top:440px;left:7vw}.spark-three{color:var(--green);animation-delay:-1.4s;top:340px;right:14vw}.site-header,main,footer{width:min(1160px,100% - 40px);margin-inline:auto}.site-header{justify-content:space-between;align-items:center;min-height:90px;display:flex}.brand,.header-link,.footer-brand{align-items:center;font-weight:900;text-decoration:none;display:inline-flex}.brand{letter-spacing:.04em;gap:11px;font-size:20px}.brand-mark{border:2px solid var(--line);width:46px;height:46px;box-shadow:3px 4px 0 var(--line);background:#fff;border-radius:15px;place-items:center;font-size:25px;display:grid;transform:rotate(-5deg)}.header-link{border:2px solid var(--line);box-shadow:3px 4px 0 var(--line);background:#fff;border-radius:999px;gap:8px;padding:11px 17px;font-size:14px;transition:transform .18s,box-shadow .18s}.header-link:hover{box-shadow:3px 6px 0 var(--line);transform:translateY(-2px)}.hero{grid-template-columns:minmax(0,1fr) minmax(360px,.82fr);align-items:center;min-height:590px;padding:48px 4% 72px;display:grid}.eyebrow,.section-kicker,.game-type{color:var(--green);letter-spacing:.15em;margin:0;font-size:13px;font-weight:900}.eyebrow span{color:var(--orange)}h1,h2,h3,p{text-wrap:pretty}h1{letter-spacing:-.075em;text-shadow:0 7px #ffffffdb;max-width:620px;margin:12px 0 24px;font-size:clamp(66px,8.3vw,116px);line-height:.82}.title-garlic{color:var(--green);display:inline-block;position:relative}.title-garlic:after{content:"";z-index:-1;background:var(--lime);border-radius:999px;height:18px;position:absolute;bottom:7px;left:5px;right:-16px;transform:rotate(-2deg)}.hero-text{max-width:610px;color:var(--ink-soft);margin:0 0 30px;font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif;font-size:clamp(17px,2vw,21px);font-weight:700;line-height:1.85}.hero-button,.play-button{border:3px solid var(--line);justify-content:center;align-items:center;gap:13px;min-height:54px;font-weight:900;text-decoration:none;transition:transform .18s,box-shadow .18s,filter .18s;display:inline-flex}.hero-button{background:var(--yellow);box-shadow:5px 6px 0 var(--line);border-radius:17px;padding:12px 21px}.hero-button:hover,.play-button:hover{filter:saturate(1.08);transform:translateY(-3px)}.hero-button:hover{box-shadow:5px 9px 0 var(--line)}.hero-button:active,.play-button:active,.header-link:active{box-shadow:1px 2px 0 var(--line);transform:translateY(2px)}.hero-mascot{aspect-ratio:1;justify-self:center;width:min(440px,100%);position:relative}.mascot-bubble{border:4px solid var(--line);background:radial-gradient(circle at 32% 26%, #fffffff0 0 8%, transparent 8.5%), linear-gradient(145deg, #c5f086, var(--lime));border-radius:44% 56% 52% 48%/54% 44% 56% 46%;place-items:center;animation:4.5s ease-in-out infinite bob;display:grid;position:absolute;inset:13%;box-shadow:12px 15px #173b371f}.mascot{filter:drop-shadow(0 9px #3d5b3129);font-size:clamp(112px,14vw,172px);transform:rotate(-7deg)}.mascot-face{color:#553b61;letter-spacing:.06em;font-family:Arial,sans-serif;font-size:clamp(16px,2vw,24px);font-weight:900;position:absolute;top:52%;left:50%;transform:translate(-47%,-50%)rotate(-6deg)}.mascot-leaf{color:var(--green);font-size:74px;position:absolute;top:4%;transform:rotate(-24deg)scaleX(.65)}.orbit{border:2px dashed #2f8b573d;border-radius:50%;animation:24s linear infinite spin;position:absolute;inset:5%}.orbit-two{border-color:#8e6ad82e;animation-duration:31s;animation-direction:reverse;inset:1%}.float-chip{z-index:3;border:2px solid var(--line);box-shadow:4px 5px 0 var(--line);background:#fff;border-radius:13px;padding:10px 14px;font-size:13px;font-weight:900;position:absolute}.chip-a{top:17%;left:-2%;transform:rotate(-6deg)}.chip-b{bottom:18%;right:-1%;transform:rotate(5deg)}.float-star{color:var(--orange);font-size:30px;animation:2s ease-in-out infinite twinkle;position:absolute}.star-a{top:9%;right:8%}.star-b{color:var(--purple);animation-delay:-1s;bottom:5%;left:13%}.game-section{padding:64px 0 78px;scroll-margin-top:0}.section-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px;display:flex}.section-kicker{margin-bottom:6px}h2{letter-spacing:-.05em;margin:0;font-size:clamp(36px,5vw,60px);line-height:1}.game-count{color:var(--ink-soft);background:#ffffffb8;border:2px solid #173b3733;border-radius:999px;margin:0 0 5px;padding:9px 14px;font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif;font-size:13px;font-weight:700}.game-count strong{color:var(--green);font-size:18px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.game-card{border:3px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:28px;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden}.game-card:hover{transform:translateY(-7px)rotate(-.3deg);box-shadow:0 18px #173b3714,0 33px 60px #2c5c5629}.defense-card:hover{transform:translateY(-7px)rotate(.3deg)}.game-visual{border-bottom:3px solid var(--line);min-height:300px;position:relative;overflow:hidden}.match-visual{background:radial-gradient(circle at 80% 12%,#fff2a9 0 42px,#0000 43px),linear-gradient(#68c6ef 0 58%,#bce777 58% 100%);place-items:center;display:grid}.match-sky,.mini-cloud{position:absolute}.match-sky{inset:0;overflow:hidden}.mini-cloud{background:#ffffffb8;border-radius:999px;width:105px;height:29px}.mini-cloud:before,.mini-cloud:after{content:"";background:inherit;border-radius:50% 50% 0 0;position:absolute;bottom:0}.mini-cloud:before{width:39px;height:45px;left:18px}.mini-cloud:after{width:34px;height:34px;right:13px}.mini-cloud-a{top:54px;left:-24px}.mini-cloud-b{top:105px;right:-25px;transform:scale(.75)}.mini-board{z-index:2;background:#304687;border:4px solid #182c62;border-radius:21px;grid-template-columns:repeat(3,62px);gap:7px;padding:14px;display:grid;position:relative;transform:rotate(-3deg);box-shadow:7px 9px #16224a59}.mini-tile{border:2px solid #182c62bf;border-radius:14px;place-items:center;width:62px;height:62px;font-size:32px;display:grid;box-shadow:inset 0 4px #ffffff61,0 3px #182c626b}.mini-tile.purple{background:#c4a6ee}.mini-tile.green{background:#8ed26c}.mini-tile.yellow{background:#ffd865}.mini-tile.pop{animation:1.8s ease-in-out infinite tile-pop}.visual-score{z-index:3;color:#fff;text-shadow:2px 3px #70478c;font-size:28px;font-weight:900;position:absolute;top:45px;right:14%;transform:rotate(8deg)}.visual-badge{z-index:4;border:2px solid var(--line);background:var(--yellow);box-shadow:3px 4px 0 var(--line);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900;position:absolute;top:16px;left:16px}.defense-visual{background:#17383f}.defense-visual img{object-fit:cover;object-position:center;width:100%;height:100%;min-height:300px;transition:transform .5s;display:block}.defense-card:hover .defense-visual img{transform:scale(1.035)}.defense-shield{background:#112e34d1;border:2px solid #fff;border-radius:18px;place-items:center;width:58px;height:58px;font-size:30px;display:grid;position:absolute;bottom:16px;right:20px;transform:rotate(7deg);box-shadow:3px 4px #ffffff59}.game-body{padding:30px 32px 34px;position:relative}.game-number{color:#173b371a;font-size:62px;font-weight:900;line-height:1;position:absolute;top:22px;right:28px}.game-type{z-index:1;position:relative}h3{z-index:1;letter-spacing:-.045em;margin:8px 0 12px;font-size:clamp(30px,4vw,43px);line-height:1.05;position:relative}.game-description{min-height:58px;color:var(--ink-soft);margin:0;font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif;font-size:15px;font-weight:650;line-height:1.75}.skill-list{flex-wrap:wrap;gap:8px;margin:22px 0 26px;padding:0;list-style:none;display:flex}.skill-list li{background:#f7f7e9;border:1.5px solid #173b3733;border-radius:10px;padding:7px 10px;font-size:12px;font-weight:900}.play-button{background:var(--lime);width:100%;min-height:59px;box-shadow:5px 6px 0 var(--line);border-radius:16px;padding:12px 20px;font-size:17px}.defense-card .play-button{background:var(--yellow)}.play-button:hover{box-shadow:5px 9px 0 var(--line)}.button-arrow{border:2px solid var(--line);background:#fff;border-radius:50%;place-items:center;width:31px;height:31px;display:grid}.game-section:target{align-content:center;min-height:100svh;padding-block:clamp(20px,4vh,42px);display:grid}.game-section:target .section-heading{margin-bottom:clamp(12px,2.4vh,22px)}.game-section:target .game-card{grid-template-rows:auto 1fr;display:grid}.game-section:target .game-visual{height:clamp(170px,30vh,230px);min-height:0}.game-section:target .defense-visual img{object-position:center 36%;height:100%;min-height:0}.game-section:target .mini-board{transform:rotate(-3deg)scale(.72)}.game-section:target .visual-score{font-size:23px;top:24px}.game-section:target .defense-shield{width:48px;height:48px;font-size:25px}.game-section:target .game-body{flex-direction:column;padding:16px 24px 20px;display:flex}.game-section:target .game-number{font-size:48px;top:14px;right:22px}.game-section:target h3{margin:4px 0 8px;font-size:clamp(28px,3.2vw,38px)}.game-section:target .game-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:0;margin-bottom:12px;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.game-section:target .skill-list{display:none}.game-section:target .play-button{min-height:50px;margin-top:auto;padding:8px 16px}.friendly-note{border:3px solid var(--line);background:var(--cream);box-shadow:6px 7px 0 var(--line);border-radius:24px;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin:0 0 78px;padding:23px 28px;display:grid;position:relative;overflow:hidden}.note-icon{border:2px solid var(--line);background:#fff;border-radius:18px;place-items:center;width:56px;height:56px;font-size:27px;display:grid;transform:rotate(-4deg)}.friendly-note strong{margin-bottom:5px;font-size:18px;display:block}.friendly-note p{color:var(--ink-soft);margin:0;font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif;font-size:14px;font-weight:700}.note-garlic{font-size:50px;transform:rotate(9deg)}footer{border-top:2px dashed #173b3740;justify-content:space-between;align-items:center;gap:20px;min-height:112px;display:flex}.footer-brand{gap:8px}footer p{color:var(--ink-soft);margin:0;font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif;font-size:13px;font-weight:700}a:focus-visible{outline:4px solid var(--orange);outline-offset:4px}@keyframes bob{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-10px)rotate(1deg)}}@keyframes twinkle{0%,to{opacity:.42;transform:scale(.8)rotate(0)}50%{opacity:1;transform:scale(1.18)rotate(18deg)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes tile-pop{0%,to{transform:scale(1)}50%{filter:brightness(1.1);transform:scale(1.1)rotate(4deg)}}@media (width<=900px){.hero{grid-template-columns:1fr 330px;min-height:540px;padding-inline:0}h1{font-size:clamp(64px,10vw,90px)}.game-grid{gap:20px}.game-visual,.defense-visual img{min-height:260px}.mini-board{grid-template-columns:repeat(3,52px)}.mini-tile{width:52px;height:52px;font-size:27px}}@media (width<=720px){.site-header,main,footer{width:min(100% - 28px,580px)}.site-header{min-height:76px}.brand{font-size:17px}.brand-mark{border-radius:13px;width:40px;height:40px;font-size:21px}.header-link{padding:9px 12px;font-size:12px}.hero{text-align:center;grid-template-columns:1fr;min-height:auto;padding:52px 0 62px}.hero-copy{z-index:2;position:relative}h1{margin-inline:auto;font-size:clamp(66px,20vw,96px)}.hero-text{margin-inline:auto}.desktop-break{display:none}.hero-mascot{width:min(330px,88vw);margin-top:38px}.game-section{padding-top:46px}.game-section:target{align-content:start;min-height:100svh;padding-block:16px}.game-section:target .section-heading{margin-bottom:12px}.game-section:target h2{font-size:clamp(34px,10vw,46px)}.section-heading{align-items:start}.game-count{display:none}.game-grid{grid-template-columns:1fr;gap:26px}.game-section:target .game-grid{gap:12px}.game-section:target .game-card{grid-template-rows:1fr;grid-template-columns:minmax(118px,38%) minmax(0,1fr);height:154px;min-height:0;display:grid}.game-section:target .game-visual,.game-section:target .defense-visual img{height:100%;min-height:0}.game-section:target .game-visual{border-right:3px solid var(--line);border-bottom:0}.game-section:target .mini-board{transform:rotate(-3deg)scale(.48)}.game-section:target .visual-badge{box-shadow:2px 2px 0 var(--line);border-width:1.5px;padding:5px 7px;font-size:9px;top:8px;left:8px}.game-section:target .visual-score,.game-section:target .defense-shield{display:none}.game-section:target .defense-visual img{object-position:58% center}.game-section:target .game-body{flex-direction:column;min-width:0;padding:12px 13px 14px;display:flex}.game-section:target .game-number,.game-section:target .game-description{display:none}.game-section:target .game-type{font-size:10px}.game-section:target h3{margin:3px 0 7px;font-size:clamp(23px,7.5vw,30px)}.game-section:target .play-button{min-height:42px;box-shadow:3px 4px 0 var(--line);border-width:2px;border-radius:12px;margin-top:auto;padding:6px 8px;font-size:14px}.game-section:target .button-arrow{border-width:1.5px;width:25px;height:25px}.game-visual,.defense-visual img{min-height:290px}.game-description{min-height:0}.friendly-note{grid-template-columns:auto 1fr;padding:20px}.note-garlic{display:none}footer{text-align:center;flex-direction:column;justify-content:center;padding:28px 0}}@media (width<=420px){.header-link span{display:none}.hero{padding-top:38px}.float-chip{font-size:11px}.game-visual,.defense-visual img{min-height:240px}.game-body{padding:26px 22px 28px}.game-number{font-size:52px;right:18px}.skill-list{gap:6px}.skill-list li{padding:6px 8px;font-size:11px}.friendly-note{text-align:center;grid-template-columns:1fr}.note-icon{margin-inline:auto}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}