@font-face{font-family:"Sweet Nunito";src:url("./assets/fonts/Nunito-Variable.ttf") format("truetype");font-style:normal;font-weight:300 900;font-display:swap}
@font-face{font-family:"Sweet Round";src:url("./assets/fonts/ZCOOLKuaiLe-Regular.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
:root{--paper:#f3f7f4;--ink:#203f39;--muted:#526960;--green:#d7f4b4;--line:#d6e5de;--glass:rgba(255,255,255,.72);--glass-edge:rgba(255,255,255,.92);--glow:0 16px 42px rgba(49,106,99,.11)}
html{scroll-padding-top:24px}body{font-family:"Sweet Nunito","Sweet Round","Microsoft YaHei UI","PingFang SC",system-ui,sans-serif;background:radial-gradient(ellipse 38% 25% at 82% 8%,rgba(181,219,250,.61),transparent 80%),radial-gradient(ellipse 36% 33% at 4% 33%,rgba(226,218,251,.48),transparent 78%),radial-gradient(ellipse 40% 31% at 91% 72%,rgba(255,221,193,.48),transparent 78%),linear-gradient(138deg,#f5faf5 0%,#eef8f5 47%,#f5f4fa 100%);min-height:100dvh}::selection{background:#b7e7d0;color:#193a30}
.site-header{height:80px;margin:16px auto 0;border:1px solid var(--glass-edge);border-radius:24px;background:linear-gradient(120deg,rgba(255,255,255,.81),rgba(236,249,247,.59));backdrop-filter:blur(22px) saturate(155%);-webkit-backdrop-filter:blur(22px) saturate(155%);box-shadow:var(--glow),inset 0 1px 0 #fff;position:relative;z-index:3}.site-header nav>a,.quiet-button{font-weight:750;color:#335a51}.site-header nav>a:hover,.quiet-button:hover{color:#137c73}.brand{font-family:"Sweet Nunito",system-ui,sans-serif;font-weight:900;letter-spacing:-1.6px}.brand-mark{background:linear-gradient(138deg,#c7f4b9,#c1eddf 58%,#e9dcff);box-shadow:inset 0 1px #fff,0 5px 13px #4f9b7923;border:1px solid #ffffffaa}.online{background:rgba(255,255,255,.62);border-color:#d7e8df;color:#31594d}.online i,.eyebrow i{background:#48b58b}
.eyebrow{color:#386a60;font-weight:850;letter-spacing:1.7px}.hero{min-height:560px}.hero h1,.section-heading h2,.play-heading h1,.card-title h3,.bottom-note strong{font-family:"Sweet Round","Microsoft YaHei UI","PingFang SC",system-ui,sans-serif;font-weight:400}.hero h1{font-size:clamp(36px,4.5vw,61px);line-height:1.48;letter-spacing:0;color:#205649}.hero h1 .underline{background:linear-gradient(115deg,#347e60 5%,#138d8c 62%,#635eaa);-webkit-background-clip:text;background-clip:text;color:transparent}.hero h1 .underline:after{background:linear-gradient(90deg,#c2ef9b,#addfe7 58%,#dcd1f2);height:16px;bottom:4px;opacity:.82}.hero-copy>p{font-size:15px;color:#49685e;line-height:1.95}.primary-button{background:linear-gradient(112deg,#246c59,#1d8279 58%,#5778a5);color:#fff;border:1px solid rgba(255,255,255,.32);border-radius:14px;box-shadow:0 12px 22px #2d8f7740,inset 0 1px 0 #ffffff60;font-family:"Sweet Nunito","Sweet Round","Microsoft YaHei UI",system-ui,sans-serif;font-weight:850;min-height:50px}.primary-button:hover{background:linear-gradient(112deg,#1f7560,#1a8f85 58%,#4a7ab0);box-shadow:0 16px 28px #2d8f7740,inset 0 1px 0 #ffffff60}.hero-foot{color:#526a62}.hero-orbit{background:radial-gradient(circle at 26% 20%,rgba(255,255,255,.98),rgba(194,241,224,.67) 28%,rgba(186,225,246,.56) 60%,rgba(220,206,250,.54) 100%);border:1px solid #ffffffcd;box-shadow:inset 14px 16px 35px #ffffffb9,inset -10px -14px 34px #9bc7d038,0 24px 40px #4a9e9a1c}.hero-orbit:before{content:"";position:absolute;inset:14px;border-radius:50%;border:1px solid #ffffffb0;pointer-events:none}.hero-orbit:after{border-color:#a5d6c370}.mascot{filter:drop-shadow(0 18px 18px #327b6b35)}.floating-note{background:rgba(255,255,255,.75);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid #fff;box-shadow:0 10px 22px #3b83751b,inset 0 1px #fff;border-radius:13px;font-weight:750}.hero-sticker{background:linear-gradient(140deg,#fff3ce,#ffe0b9 54%,#e8dafa);border-color:#fff7e6;box-shadow:0 9px 24px #ba8d5b27}.spark-one{color:#6ac0a4}.spark-two{color:#8b9cca}
.section-heading h2{font-size:33px;letter-spacing:0;background:linear-gradient(105deg,#225849,#297f71 60%,#716aaa);background-clip:text;-webkit-background-clip:text;color:transparent}.section-heading h2 span{font-family:"Sweet Nunito",system-ui,sans-serif;color:#427b73;-webkit-text-fill-color:#427b73;font-weight:850}.section-heading>p{color:#536c62;font-size:12px}.game-grid{gap:20px}.game-card{background:var(--glass);border:1px solid var(--glass-edge);border-radius:20px;box-shadow:0 10px 28px #357d7020,inset 0 1px #fff;backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%);position:relative;isolation:isolate}.game-card:before{content:"";position:absolute;top:0;left:0;right:0;height:32%;background:linear-gradient(180deg,#ffffff65,transparent);pointer-events:none;z-index:1}.game-card:hover{transform:translateY(-5px);box-shadow:0 18px 36px #3074692d,inset 0 1px #fff;border-color:#cce8d8}.game-card:active{transform:translateY(-2px)}.card-art{height:205px}.tap-art{background:linear-gradient(145deg,#e7f8df,#dcf3e8 65%,#d8e9fa)}.merge-art{background:linear-gradient(145deg,#fff1d7,#fce9dd 55%,#e9daf6)}.flap-art{background:linear-gradient(145deg,#dff3f2,#dceffc 60%,#e9e1f6)}.puzzle-art{background:linear-gradient(145deg,#eee7fa,#e7e2f8 58%,#dcf0ee)}.aim-art{background-color:#e3f3ef;background-image:linear-gradient(#83bdb433 1px,transparent 1px),linear-gradient(90deg,#83bdb433 1px,transparent 1px),linear-gradient(140deg,#e1f8ee,#dfecf9 63%,#eee5fb)}.card-tag{background:#ffffffb7;border:1px solid #fff;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);color:#28564a;font-size:10px;padding:6px 10px;border-radius:9px}.card-body{background:linear-gradient(165deg,#ffffffa6,#f8fffb99)}.card-title h3{font-size:20px;letter-spacing:0;color:#244e43}.card-title>span{border-color:#cbdfd5;background:#ffffffa6}.card-body p{color:#4d655c;font-size:11px}.card-meta{color:#526a60;border-color:#dde9e1;font-size:10px}.game-card .art-word{color:#45695f;opacity:.8}.aim-card{grid-column:span 2}.aim-card .card-body{background:linear-gradient(145deg,#ffffffb0,#e5f7f0b3)}
.bottom-note{background:linear-gradient(110deg,#e9f6e5c9,#e4f5f4c4,#eee8f9b3);border:1px solid #fff;box-shadow:var(--glow),inset 0 1px #fff;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:20px}.bottom-note p{color:#536b61}.bottom-note>span:first-child{color:#449b83}.note-smile{color:#58a89a}footer{border-color:#cfe1d7;color:#526b62}footer .brand{color:#285e51}.site-credit a{border-color:#d2e9e0;background:linear-gradient(110deg,#ffffffc7,#e5f5f0a3,#ece7f9b6);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 8px 22px #438c7f1b,inset 0 1px #fff;color:#315d53}.site-credit svg{color:#315d53}
#game-screen .quiet-button{min-height:44px}#game-screen.aim-screen{max-width:1080px}.play-heading h1{background:linear-gradient(105deg,#235a4b,#268576 63%,#6967a9);background-clip:text;-webkit-background-clip:text;color:transparent;font-size:34px}.play-heading p{color:#50695f}.scoreboard>div{background:linear-gradient(145deg,#ffffffcf,#e8f7efbb 60%,#eae9f8a1);border:1px solid #fff;border-radius:15px;box-shadow:0 7px 18px #4a907d12,inset 0 1px #fff;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.scoreboard span{color:#47695d;font-size:11px}.scoreboard strong{color:#265e50;font-family:"Sweet Nunito",system-ui,sans-serif;font-weight:900}#stage-wrap{border:1px solid #ffffffcb;box-shadow:0 15px 34px #357d7030,0 0 0 1px #a9cdbd6e;background:#e8f2e9}#aim-options select{background:#ffffffdd;border:1px solid #cfdfd5;border-radius:11px;color:#2a5549;box-shadow:inset 0 1px #fff;min-height:43px}#aim-options select:focus-visible{outline:3px solid #4b9a85;outline-offset:2px}#aim-stats strong{color:#255d51}.aim-screen .overlay-card{background:linear-gradient(140deg,#ffffffed,#eaf7f3dc 60%,#f0e9fad7);border:1px solid #fff;border-radius:25px;box-shadow:0 20px 50px #3f786939,inset 0 1px #fff;padding:28px 32px;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.game-overlay{background:#e7f5eeac;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.game-hint,.play-footer{color:#4e6a60}#aim-legend{color:#365c50}#aim-legend>span:nth-child(2){color:#9a4b37}
:focus-visible{outline:3px solid #238776;outline-offset:4px}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.site-header,.game-card,.bottom-note,.site-credit a,.scoreboard>div,.aim-screen .overlay-card{background:#f8fffb}}@media(forced-colors:active){.hero h1 .underline,.section-heading h2,.play-heading h1{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText}.game-card,.scoreboard>div{border:1px solid CanvasText}}@media(prefers-reduced-motion:reduce){.game-card:hover,.primary-button:hover{transform:none}}
@media(max-width:1000px){.hero h1{font-size:44px}.game-grid{gap:16px}.card-art{height:195px}.card-title h3{font-size:19px}}@media(max-width:650px){.site-header{height:69px;margin:10px 12px 0;padding:0 17px;border-radius:19px}.hero{padding-top:30px}.hero h1{font-size:39px;line-height:1.44}.hero-copy>p{font-size:13px}.hero-orbit{width:240px;height:240px}.section-heading h2{font-size:29px}.section-heading>p{font-size:11px}.game-grid{gap:13px}.card-art{height:172px}.card-body{padding:14px 12px}.card-title h3{font-size:17px}.card-body p{font-size:11px}.card-meta{font-size:9px}.card-tag{font-size:9px}.bottom-note{border-radius:16px}.play-heading h1{font-size:29px}.scoreboard span{font-size:10px}.aim-screen .overlay-card{padding:23px 21px}.game-hint{font-size:11px}}@media(max-width:370px){.hero h1{font-size:32px}.card-title h3{font-size:15px}.card-meta{font-size:8px}.site-header{margin-inline:10px}.brand{font-size:22px}}