.games-hero{max-width:720px;margin:0 auto var(--space-2xl);text-align:center}.games-hero h1{font-family:var(--font-display);font-size:clamp(32px,5vw,var(--text-display-3));color:var(--neutral-heading);margin:var(--space-sm) 0}.games-hero p{color:var(--neutral-text-soft);font-size:var(--text-body-lg)}.game-card{display:block;max-width:560px;margin:0 auto;padding:var(--space-lg);border:1px solid var(--neutral-border);border-radius:16px;background:var(--neutral-paper);text-decoration:none;color:inherit;transition:transform .15s ease,box-shadow .15s ease}.game-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px #211a1f14}.game-card h2{font-family:var(--font-display);color:var(--brand-coral-deep);margin:0 0 var(--space-sm)}.game-card p{margin:0;color:var(--neutral-text-soft)}.cc{max-width:1020px;margin:0 auto}.cc-panel{background:var(--neutral-paper);border:1px solid var(--neutral-border);border-radius:20px;padding:var(--space-xl)}.cc-panel h2{font-family:var(--font-display);color:var(--neutral-heading);margin:0 0 var(--space-md)}.cc-input-row{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin:0 0 var(--space-sm)}.cc-chip{font:600 var(--text-body-sm) var(--font-ui);padding:8px 16px;border-radius:999px;border:1px solid var(--neutral-border);background:var(--neutral-bg);color:var(--neutral-text);cursor:pointer}.cc-chip.is-active{background:var(--brand-coral);border-color:var(--brand-coral);color:#fff}.cc-chip:disabled{opacity:.45;cursor:not-allowed}.cc-chip--small{padding:4px 12px}.cc-status{min-height:1.4em;color:var(--neutral-text-soft);font-size:var(--text-body-sm);margin:0 0 var(--space-lg)}.cc-levels{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-md)}.cc-level{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"num title" "num stars";column-gap:var(--space-md);align-items:center;text-align:left;padding:var(--space-md);border:1px solid var(--neutral-border);border-radius:14px;background:var(--neutral-bg);cursor:pointer;font-family:var(--font-ui)}.cc-level:hover:not(:disabled){border-color:var(--brand-coral)}.cc-level:disabled{opacity:.5;cursor:not-allowed}.cc-level__num{grid-area:num;font:700 var(--text-heading-2) var(--font-display);color:var(--brand-coral)}.cc-level__title{grid-area:title;font-weight:600;color:var(--neutral-text)}.cc-level__stars{grid-area:stars;color:var(--accent-gold);font-size:var(--text-body-sm)}.cc-play{background:#fffdf8;border:1px solid var(--neutral-border);border-radius:20px;padding:var(--space-md)}.cc-hud{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md);padding:0 var(--space-sm) var(--space-sm);font-family:var(--font-ui);font-size:var(--text-body-sm);color:var(--neutral-text-soft)}.cc-hud__level{font-weight:700;color:var(--neutral-heading);margin-right:auto}.cc-hud__stat strong{color:var(--brand-coral-deep);font-variant-numeric:tabular-nums}.cc-canvas{border-radius:12px;overflow:hidden;background:linear-gradient(#fffdf8,#f8f4ea)}.cc-onscreen{display:flex;justify-content:center;margin-top:var(--space-md);padding-bottom:6px;position:relative;height:96px}.cc-key{position:relative;width:30px;height:92px;border:1px solid var(--neutral-border);border-radius:0 0 5px 5px;background:#fffdf8;cursor:pointer;flex:0 0 auto}.cc-key:active{background:var(--brand-coral-soft)}.cc-key--black{width:20px;height:58px;margin:0 -10px;z-index:2;background:var(--instrument-black);border-radius:0 0 4px 4px}.cc-key--black:active{background:var(--brand-coral-deep)}.cc-overlay{text-align:center}.cc-stars{font-size:44px;color:var(--accent-gold);letter-spacing:6px;margin:0}.cc-overlay__score{font-size:var(--text-body-lg);color:var(--neutral-text)}.cc-overlay__actions{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-sm);margin:var(--space-lg) 0}.cc-btn{font:600 var(--text-body) var(--font-ui);padding:10px 22px;border-radius:999px;border:1px solid var(--neutral-border);background:var(--neutral-bg);color:var(--neutral-text);cursor:pointer}.cc-btn--solid{background:var(--brand-coral);border-color:var(--brand-coral);color:#fff}.cc-btn:hover{border-color:var(--brand-coral)}.cc-overlay__cta{color:var(--neutral-text-soft)}.cc-overlay__cta a{color:var(--brand-coral-deep)}.game-page-copy{max-width:720px;margin:var(--space-2xl) auto}.game-page-copy h2{font-family:var(--font-display);color:var(--neutral-heading)}.game-page-copy p,.game-page-copy li{color:var(--neutral-text);line-height:1.6}.game-faq details{border-bottom:1px solid var(--neutral-border);padding:var(--space-sm) 0}.game-faq summary{font-weight:600;cursor:pointer;color:var(--neutral-heading)}.game-faq p{margin:var(--space-sm) 0 0}@media(max-width:700px){.cc-panel{padding:var(--space-lg)}.cc-key{width:24px}.cc-key--black{width:16px;margin:0 -8px}}