@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap');
:root{--ink:#33395f;--muted:#8288a9;--blue:#829cf3;--purple:#a99af8;--pink:#f4a8c7;--line:rgba(130,145,215,.2);--glass:rgba(255,255,255,.72);--shadow:0 18px 55px rgba(107,117,190,.13)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--ink);font-family:"Noto Sans SC",system-ui,sans-serif;background:linear-gradient(135deg,#f6f8ff 0%,#f8f2ff 48%,#fff4f8 100%);overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.sky-bg{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 78% 12%,rgba(255,255,255,.95),transparent 34%),radial-gradient(ellipse at 10% 30%,rgba(197,213,255,.45),transparent 40%)}.stars{position:absolute;inset:0;background-image:radial-gradient(#fff 1px,transparent 1.5px),radial-gradient(rgba(255,255,255,.8) 1px,transparent 1.5px);background-size:95px 95px,137px 137px;background-position:0 0,42px 53px;animation:twinkle 6s ease-in-out infinite alternate}.cloud{position:absolute;width:380px;height:110px;border-radius:100px;background:rgba(255,255,255,.48);filter:blur(2px);animation:drift 44s linear infinite}.cloud:before,.cloud:after{content:"";position:absolute;background:inherit;border-radius:50%;width:150px;height:130px;top:-50px;left:55px}.cloud:after{width:190px;height:150px;left:170px;top:-65px}.cloud-a{top:22%;left:-420px}.cloud-b{top:70%;left:-500px;animation-duration:58s;animation-delay:-20s;transform:scale(.7)}@keyframes drift{to{transform:translateX(calc(100vw + 600px))}}@keyframes twinkle{to{opacity:.5}}.topbar{height:76px;padding:0 max(5vw,24px);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20;background:rgba(250,251,255,.72);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.8)}.brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:800;letter-spacing:1px}.brand small{display:block;font-size:8px;letter-spacing:2px;color:#9ba1c3;font-weight:600;margin-top:2px}.brand-mark{display:grid;place-items:center;width:37px;height:37px;border-radius:13px;color:white;background:linear-gradient(135deg,#8aa9fa,#b7a0f5);box-shadow:0 6px 16px #a5b2f466;font-size:21px}.topbar nav{display:flex;gap:30px;align-items:center}.topbar nav a{font-size:13px;color:#777e9e;transition:.2s}.topbar nav a:hover,.topbar nav a.active{color:#7189e8}.topbar nav a.active:after{content:"";display:block;height:2px;border-radius:2px;background:#94a8f4;margin-top:7px}.sound-toggle,.menu-toggle{border:1px solid var(--line);background:#fff9;border-radius:20px;padding:8px 14px;color:#7885c5;cursor:pointer}.sound-toggle span{font-size:12px}.sound-toggle.muted{opacity:.6}.menu-toggle{display:none}.page-shell{width:min(1160px,90vw);margin:0 auto}.hero{min-height:550px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px;padding:58px 0 34px}.eyebrow{font-size:10px;letter-spacing:2.2px;color:#9b9dc5;font-weight:700}.eyebrow-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#f1a9c8;margin-right:8px;box-shadow:0 0 0 4px #f1a9c82b}.hero h1{font-size:clamp(38px,5vw,60px);line-height:1.25;letter-spacing:1px;margin:20px 0;color:#41476d}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#7f9ff2,#b18de9 55%,#e89ebd);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p,.page-title>p{font-size:14px;line-height:2;color:#858ba9}.hero-actions{display:flex;gap:13px;margin-top:28px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:13px 21px;border-radius:15px;font-size:13px;font-weight:700;transition:.25s;cursor:pointer}.btn:hover{transform:translateY(-3px)}.btn-primary{color:white;background:linear-gradient(110deg,#819cf0,#a995ed);box-shadow:0 10px 25px #9aa7ed55}.btn-glass{background:#fff9;border:1px solid #fff;color:#7b83aa}.hero-note{margin-top:27px;font-size:11px;color:#a4a7c0}.hero-note span{color:#e5a8c8;font-size:17px;margin-right:6px}.hero-art{height:440px;position:relative;display:grid;place-items:center}.moon{position:absolute;width:220px;height:220px;right:12%;top:6%;border-radius:50%;background:linear-gradient(135deg,#fff,#e6e8ff);box-shadow:0 0 70px #d3d9ff99}.orbit{position:absolute;border:1px solid #fff9;border-radius:50%;transform:rotate(-22deg)}.orbit-one{width:430px;height:230px}.orbit-two{width:370px;height:300px;transform:rotate(48deg)}.island{position:absolute;width:330px;height:185px;bottom:52px;right:8%;filter:drop-shadow(0 25px 20px #8291ca33)}.island-top{position:absolute;left:0;right:0;top:0;height:100px;border-radius:48% 52% 28% 30%;background:linear-gradient(160deg,#c8e8df,#8fc9c5 65%,#85b7c6);clip-path:polygon(0 48%,10% 24%,24% 18%,38% 28%,54% 0,70% 21%,88% 14%,100% 42%,93% 78%,70% 100%,30% 100%,8% 82%)}.island-rock{position:absolute;left:28px;right:22px;top:75px;height:95px;background:linear-gradient(130deg,#8c9bcf,#777eb3);clip-path:polygon(0 0,100% 0,80% 48%,63% 100%,33% 83%,15% 50%)}.island-waterfall{position:absolute;right:70px;top:104px;width:22px;height:75px;background:linear-gradient(#d9f7ff99,transparent);filter:blur(4px)}.tiny-house{position:absolute;left:135px;top:12px;font-size:44px;color:#fff;text-shadow:0 2px 4px #7198a0}.tree{position:absolute;color:#528f84;font-size:38px;top:4px}.tree-one{left:54px}.tree-two{right:50px;top:22px}.mascot{position:absolute;bottom:32px;left:6%;width:142px;height:245px;z-index:2;animation:bob 4s ease-in-out infinite}.mascot-hair{position:absolute;left:17px;top:12px;width:110px;height:120px;background:linear-gradient(135deg,#5d5c91,#9995cb);border-radius:48% 50% 40% 45%;transform:rotate(-5deg)}.mascot-face{position:absolute;left:34px;top:38px;width:80px;height:91px;background:#ffe3dc;border-radius:46% 48% 48% 45%;z-index:2}.mascot-face i{position:absolute;top:40px;width:8px;height:13px;border-radius:50%;background:#59618f}.mascot-face i:first-child{left:18px}.mascot-face i:nth-child(2){right:18px}.mascot-face b{position:absolute;left:37px;top:61px;width:8px;height:4px;border-bottom:2px solid #d77d91;border-radius:50%}.mascot-body{position:absolute;left:20px;top:118px;width:110px;height:118px;background:linear-gradient(140deg,#f5f5ff,#b8c7fa);border-radius:42% 42% 12% 12%;clip-path:polygon(15% 0,85% 0,100% 100%,0 100%)}.mascot-ribbon{position:absolute;top:16px;right:3px;color:#f3a4c5;font-size:28px;z-index:3}@keyframes bob{50%{transform:translateY(-10px)}}.float-label{position:absolute;padding:9px 14px;border-radius:14px;background:#fff9;backdrop-filter:blur(8px);box-shadow:var(--shadow);font-size:11px;color:#8b8fba}.label-a{right:0;top:34%}.label-b{left:2%;top:18%}.petal{position:absolute;color:#efaacb;animation:petal 8s linear infinite}.p1{top:10%;left:20%}.p2{top:55%;right:10%;animation-delay:-3s}.p3{bottom:10%;left:50%;animation-delay:-5s}@keyframes petal{0%{transform:translateY(-10px) rotate(0);opacity:0}20%{opacity:1}100%{transform:translateY(100px) rotate(220deg);opacity:0}}.quick-stats{display:flex;justify-content:center;align-items:center;gap:60px;padding:23px;background:#ffffff80;border:1px solid #fff;border-radius:22px;box-shadow:var(--shadow)}.quick-stats div{display:flex;align-items:center;gap:12px}.quick-stats strong{font-size:25px;color:#8297e8}.quick-stats span{font-size:11px;color:#9298b3}.quick-stats>i{height:30px;width:1px;background:#dfe2f3}.section{padding:78px 0 20px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.section-heading h2,.page-title h1{font-size:29px;margin:9px 0;color:#42496f}.section-heading h2 span,.page-title h1 span{color:#dba5c7;font-size:20px}.section-heading p{margin:0;color:#969bb6;font-size:12px}.text-link{font-size:12px;color:#7e91dc;font-weight:700}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.game-card{display:block;border:1px solid #fff;background:#ffffffb8;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #9ba6d51c;transition:.25s}.game-card:hover{transform:translateY(-6px);box-shadow:0 18px 35px #9ba6d53b}.game-cover{height:170px;position:relative;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#dce7ff,#f4ddf2)}.cover-tag{position:absolute;top:13px;left:13px;background:#ffffffb9;border:1px solid #fff;padding:5px 9px;border-radius:20px;font-size:9px;color:#8a8fba;z-index:2}.cover-puzzle{background:linear-gradient(135deg,#d5eafa,#e8e1ff)}.cover-memory{background:linear-gradient(135deg,#f9dce9,#eee1ff)}.generic-cover-symbol{font-size:70px;color:#fff;text-shadow:0 8px 20px #8695c966}.hanoi-art{position:relative;width:190px;height:115px}.rod{position:absolute;bottom:12px;left:28px;width:5px;height:90px;border-radius:5px;background:#8d91bd}.rod.r2{left:93px}.rod.r3{left:158px}.disc{position:absolute;height:16px;border-radius:8px;left:11px;bottom:12px;width:40px;background:#f39fbe;box-shadow:0 3px 6px #8d91bd55}.d2{width:57px;left:2px;bottom:29px;background:#a99af8}.d3{width:74px;left:-7px;bottom:46px;background:#82b5ed}.d4{width:91px;left:-16px;bottom:63px;background:#83d1c6}.cover-spark{position:absolute;right:35px;top:40px;color:white;font-size:35px}.puzzle-art{display:grid;grid-template-columns:repeat(3,40px);gap:5px;transform:rotate(-7deg)}.puzzle-art b{height:40px;border-radius:9px;background:#fff9;display:grid;place-items:center;color:#8c9be0}.memory-art{display:flex;gap:9px;transform:rotate(7deg)}.memory-art b{width:48px;height:65px;border-radius:10px;background:#fff9;display:grid;place-items:center;color:#d98eb5;font-size:25px;box-shadow:0 8px 15px #b78ca633}.game-info{display:flex;align-items:center;justify-content:space-between;padding:17px}.game-info h3{font-size:14px;margin:0 0 6px}.game-info p{font-size:10px;color:#999fba;margin:0}.play-circle{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#edf0ff;color:#8296e5}.category-section{padding-top:70px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.category-grid>a{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:22px;background:#ffffffa8;border:1px solid #fff;border-radius:18px;transition:.2s}.category-grid>a:hover{transform:translateY(-4px);background:#fff}.category-icon{width:43px;height:43px;border-radius:14px;display:grid;place-items:center;font-size:23px}.pink{background:#ffe7f0;color:#e69aba}.blue{background:#e4f1ff;color:#83a9e9}.purple{background:#eee8ff;color:#a28be7}.gold{background:#fff1d8;color:#e2b76d}.category-grid b{font-size:13px}.category-grid small{font-size:10px;color:#9da2ba}.join-banner{position:relative;display:flex;align-items:center;justify-content:space-between;margin:80px 0 50px;padding:36px 44px;border-radius:25px;overflow:hidden;background:linear-gradient(110deg,#e4eaff,#f4e6fa 60%,#ffeaf2);border:1px solid #fff}.join-banner h2{font-size:23px;margin:10px 0}.join-banner p{font-size:12px;color:#9197b3}.banner-star{position:absolute;right:35%;top:12px;color:#fff;font-size:55px}footer{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:30px 0 35px;color:#a1a5bc;font-size:10px;border-top:1px solid #fff9}.footer-brand{font-size:15px;color:#626b98}.footer-brand .brand-mark{width:30px;height:30px;font-size:16px}.inner-page{min-height:calc(100vh - 76px);padding-top:45px}.page-title{text-align:center;margin:25px 0 38px}.page-title h1{font-size:36px}.toolbar{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:25px}.toolbar input{width:260px;padding:12px 16px;border:1px solid #fff;background:#ffffffa8;border-radius:13px;outline:none;color:var(--ink)}.filter-pills{display:flex;gap:7px;flex-wrap:wrap}.filter{border:1px solid #fff;background:#ffffff90;padding:9px 14px;border-radius:20px;color:#8990b0;font-size:11px;cursor:pointer}.filter.active,.filter:hover{background:#8fa4ee;color:white}.all-games{grid-template-columns:repeat(4,1fr)}.all-games .game-cover{height:145px}.empty-state{text-align:center;padding:55px 20px;color:#9ca2bc;background:#ffffff8c;border:1px dashed #dce1f5;border-radius:18px}.category-page-grid{max-width:850px;margin:0 auto}.category-page-grid>a{padding:30px}.back-link{font-size:12px;color:#8993c4}.game-heading{display:flex;align-items:center;justify-content:space-between;margin:22px 0}.game-heading h1{font-size:32px;margin:8px 0}.game-heading p{font-size:12px;color:#9299b5}.favorite-btn{border:1px solid #fff;background:#ffffffb5;color:#9a8fc9;border-radius:20px;padding:10px 16px;cursor:pointer}.favorite-btn.favorited{color:#e28bad;background:#fff0f5}.record-list{max-width:760px;margin:auto}.record-row{display:flex;align-items:center;gap:16px;padding:16px;background:#ffffffb8;border:1px solid #fff;border-radius:15px;margin-bottom:10px}.record-symbol{width:44px;height:44px;border-radius:13px;background:#e9edff;display:grid;place-items:center;color:#8798e6;font-size:20px}.record-row small{display:block;color:#a0a5bc;font-size:10px;margin-top:4px}.record-arrow{margin-left:auto;color:#8799e8}.profile-card,.settings-card{display:flex;align-items:center;gap:20px;padding:25px;background:#ffffffb9;border:1px solid #fff;border-radius:20px;max-width:800px;margin:20px auto}.avatar{width:70px;height:70px;border-radius:23px;background:linear-gradient(135deg,#f9ddeb,#dce5ff);display:grid;place-items:center;font-size:35px;color:#d58db2}.profile-card p,.settings-card p{font-size:12px;color:#969cb5}.subheading{max-width:800px;margin:35px auto 15px;font-size:18px}.settings-card{display:block}.settings-card label{font-size:13px}.settings-card p{line-height:1.8}.modal-backdrop{position:fixed;inset:0;z-index:50;background:#4e527b66;backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px}.modal-backdrop[hidden]{display:none}.win-modal{width:min(400px,100%);padding:38px;text-align:center;background:#fff;border-radius:25px;box-shadow:var(--shadow)}.win-icon{font-size:50px;color:#e6a4c4}.win-modal h2{margin:10px 0}.win-modal p{font-size:13px;color:#9298b2;margin-bottom:25px}.win-modal .text-link{display:block;margin-top:18px}.nav-open{display:flex!important}@media(max-width:850px){.topbar nav{gap:14px}.topbar nav a{font-size:11px}.hero{min-height:460px}.hero-art{transform:scale(.85)}.all-games{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.topbar{height:65px;padding:0 5vw}.topbar nav{display:none;position:absolute;top:65px;left:0;right:0;padding:18px 5vw;background:#fbfbfff2;flex-direction:column;align-items:flex-start;box-shadow:var(--shadow)}.menu-toggle{display:block}.sound-toggle{margin-left:auto;margin-right:8px}.hero{grid-template-columns:1fr;padding-top:45px;gap:0}.hero-art{height:310px;transform:scale(.8);margin-top:-5px}.hero h1{font-size:43px}.quick-stats{gap:15px;padding:17px 8px}.quick-stats div{gap:5px;flex-direction:column}.quick-stats strong{font-size:20px}.quick-stats span{font-size:9px}.section{padding-top:55px}.game-grid{grid-template-columns:1fr 1fr;gap:12px}.game-cover{height:125px}.game-info{padding:12px}.game-info h3{font-size:12px}.game-info p{font-size:9px}.category-grid{grid-template-columns:1fr 1fr}.join-banner{margin:55px 0 35px;padding:25px;display:block}.join-banner .btn{margin-top:12px}.join-banner h2{font-size:19px}footer{flex-wrap:wrap}.footer-brand{width:100%}.toolbar{align-items:stretch;flex-direction:column}.toolbar input{width:100%}.all-games{grid-template-columns:repeat(2,1fr)}.page-title h1{font-size:30px}.inner-page{padding-top:25px}.category-page-grid>a{padding:20px}.game-heading{align-items:flex-start;gap:10px}.game-heading h1{font-size:25px}.favorite-btn{white-space:nowrap;font-size:11px}.profile-card{padding:18px}}