.hub-main{display:block;max-width:1184px;margin:0 auto;padding:0}.hub-hero{position:relative;padding:68px 0 65px}.hub-hero h1{font-size:clamp(48px,5.1vw,70px);margin-top:28px;max-width:850px}.hub-hero p{font-size:16px;line-height:1.85;color:var(--muted)}.hero-stamp{position:absolute;right:28px;top:110px;width:159px;height:159px;border:1px dashed #6c8358;background:#e4eccf;border-radius:50%;transform:rotate(12deg);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;color:var(--green)}.hero-stamp>span{font-size:7px;letter-spacing:1.3px}.hero-stamp strong{font-family:Georgia,serif;font-size:36px;line-height:.95;font-style:italic;font-weight:normal;text-align:center}.collection-title{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:25px 0 22px}.collection-title h2{font-size:27px;margin:0}.collection-title>span{font-size:9px;letter-spacing:1.5px;color:var(--muted)}.game-cards{display:grid;grid-template-columns:1fr 1fr;gap:28px}.game-card{border:1px solid #d4dbce;border-radius:19px;overflow:hidden;background:#fffefa;transition:transform .2s,box-shadow .2s;display:block}.game-card:hover{transform:translateY(-5px);box-shadow:0 12px 25px #263d2112}.card-art{height:275px;position:relative;display:grid;place-items:center;overflow:hidden}.clock-card .card-art{background:#e0e9c9;background-image:radial-gradient(#a8bb9140 1px,transparent 1px);background-size:19px 19px}.mini-clock{width:189px;height:189px;border-radius:50%;background:#f9faed;border:2px solid #708a56;box-shadow:8px 8px 0 #bbcba5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;transform:rotate(-10deg);outline:1px dashed #9bac83;outline-offset:10px}.mini-clock strong{font-size:48px;font-weight:500;letter-spacing:-3px}.mini-clock small{font-size:20px}.clock-mark{font-size:10px;color:#7f8e6c}.clock-word{font-size:7px;letter-spacing:2px}.floating-note{position:absolute;right:20px;bottom:27px;font-family:Georgia,serif;font-style:italic;font-size:17px;transform:rotate(-9deg);color:#4b6241}.art-spark{position:absolute;top:27px;left:34px;font-size:45px;color:#667d49}.card-copy{padding:26px 28px}.card-kicker{font-size:9px;letter-spacing:1.1px;color:var(--muted);display:flex;justify-content:space-between;gap:10px}.card-kicker>span{font-size:8px}.card-copy h3{font-family:Georgia,serif;font-size:33px;font-weight:normal;display:flex;justify-content:space-between;margin:17px 0 12px}.card-copy h3>span{font-family:Arial;font-size:28px;color:var(--green)}.card-copy p{font-size:13px;line-height:1.8;color:var(--muted)}.play-link{display:flex;justify-content:space-between;border-top:1px solid #e4e6db;padding-top:17px;margin-top:23px;font-size:12px;font-weight:bold;color:var(--green)}.echo-card .card-art{background:#e8e2f2;background-image:radial-gradient(#afa0c040 1px,transparent 1px);background-size:19px 19px}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;transform:rotate(9deg);padding:13px;background:#faf8ff;border:1px solid #c9bddc;border-radius:15px;box-shadow:8px 8px 0 #cec1df}.mini-grid i{width:48px;height:48px;border-radius:8px;background:#e9e2f1}.mini-grid .lit{background:#7853a3;position:relative}.mini-grid .lit:after{content:'✦';display:grid;place-items:center;height:100%;color:#eee4ff;font-size:22px}.echo-card .art-spark,.echo-card .floating-note{color:#72518d}.hub-note{margin:60px 0 35px;padding:32px 0;border-top:1px solid var(--line);display:flex;gap:28px;align-items:center}.note-star{font-size:65px;color:var(--green)}.hub-note h2{font-size:25px;margin:0 0 12px}.hub-note p{font-size:12px;color:var(--muted);line-height:1.8;margin:0}.note-end{margin-left:auto;font-size:9px;line-height:1.8;letter-spacing:1.5px;color:var(--muted)}header nav{font-size:12px;display:flex;gap:10px;align-items:center}@media(max-width:1250px){.hub-main{margin:0 48px}.hero-stamp{right:0;width:130px;height:130px;top:135px}.hero-stamp strong{font-size:30px}.hub-hero h1{font-size:58px}}@media(max-width:1000px){.hero-stamp{display:none}}@media(max-width:700px){.hub-main{margin:0;padding:0 24px}.hub-hero{padding:35px 0 40px}.hub-hero .eyebrow{justify-content:flex-start;font-size:9px}.hub-hero h1{font-size:44px;letter-spacing:-2.5px}.hub-hero p{font-size:14px}.collection-title{align-items:flex-start;gap:12px;flex-direction:column}.game-cards{grid-template-columns:1fr;gap:25px}.card-art{height:255px}.hub-note{margin-top:38px;gap:18px}.note-end{display:none}.note-star{font-size:42px}.hub header>a:last-child{font-size:10px}.card-copy{padding:24px}.hub footer{align-items:flex-start;flex-direction:column;gap:10px}header nav{font-size:10px}}
.game-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.card-art{height:auto;aspect-ratio:1.6}.card-art svg{width:100%;height:100%;transition:transform .3s}.game-card:hover svg{transform:rotate(-3deg) scale(1.04)}.card-copy{padding:23px}.card-copy h3{font-size:28px;gap:10px}.card-copy p{min-height:47px}.card-kicker{font-size:8px;letter-spacing:.6px}.card-kicker>span{font-size:7px}.palette-0 .card-art{background:#e4e9d3;color:#697c3d}.palette-1 .card-art{background:#e0e9c9;color:#597842}.palette-2 .card-art{background:#e8e2f2;color:#7853a3}.palette-3 .card-art{background:#f0ddd3;color:#a26347}.palette-4 .card-art{background:#dae8eb;color:#4b7a89}.palette-5 .card-art{background:#f0e8cc;color:#918047}.hero-button{display:inline-flex;gap:30px;align-items:center;background:var(--green);color:#fff;padding:15px 21px;border-radius:9px;font-size:13px;margin-top:15px}.discovery{display:flex;justify-content:space-between;gap:20px;align-items:center}.filters{display:flex;gap:6px;flex-wrap:wrap}.filters button,.shuffle{font:inherit;font-size:11px;background:transparent;border:1px solid #cdd4c5;padding:10px 13px;border-radius:25px;color:var(--green)}.filters button[aria-pressed=true]{background:var(--green);color:white;border-color:var(--green)}.shuffle{border-radius:7px}.search input{font:inherit;background:#fffefa;border:1px solid #cdd4c5;border-radius:8px;font-size:12px;padding:12px;width:215px;color:var(--ink)}.result-count{font-size:10px;color:var(--muted);margin:22px 0 15px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:1050px){.game-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.discovery{align-items:flex-start;flex-direction:column}.search,.search input{width:100%}}@media(max-width:600px){.game-cards{grid-template-columns:1fr}.card-art{aspect-ratio:1.85}.collection-title{flex-direction:row;align-items:center}.collection-title h2{font-size:22px}.shuffle{font-size:10px;white-space:nowrap}.hub header>a:last-child{max-width:125px;line-height:1.5}.filters button{padding:9px 11px;font-size:10px}.card-copy h3{font-size:30px}}
.featured{margin-bottom:45px}.featured-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.featured-heading>span{font-size:10px;font-weight:bold;letter-spacing:1.4px;color:var(--green)}.featured-heading p{font-size:11px;color:var(--muted)}.featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.feature-card{display:block;border-radius:17px;padding:25px 24px;overflow:hidden;position:relative;color:#f3f4e7;transition:transform .2s}.feature-card:hover{transform:translateY(-5px)}.feature-chain{background:#354e3c}.feature-stack{background:#535d44}.feature-planet{background:#3f6260}.feature-card>span{font-size:8px;letter-spacing:1.3px;color:#d8e3c8}.feature-card h2{font-size:34px;margin:16px 0 0;letter-spacing:-1px}.feature-art{height:150px;margin:0 -20px}.feature-art svg{width:100%;height:100%}.feature-card p{font-size:12px;color:#e2e8d9;margin:7px 0 23px}.feature-card strong{display:block;border-top:1px solid #ffffff35;padding-top:16px;font-size:12px;color:#e3f2b6}@media(max-width:700px){.featured-grid{grid-template-columns:1fr}.feature-card{min-height:170px;padding:23px}.feature-art{position:absolute;right:0;top:18px;width:42%;height:115px}.feature-card h2{font-size:31px;max-width:60%}.feature-card p{max-width:58%;line-height:1.6;margin-top:14px}.feature-card strong{position:relative}.featured-heading{align-items:flex-start;flex-direction:column;gap:0}.featured-heading p{line-height:1.7}.featured{margin-bottom:32px}}
