:root{color-scheme:light;--bg:#ffffff;--bg-soft:#edf6ef;--surface:rgba(255,255,255,0.7);--surface-strong:rgba(255,255,255,0.92);--text:#1c2233;--text-soft:rgba(28,34,51,0.7);--accent:#63d188;--accent-soft:rgba(99,209,136,0.18);--shadow:0 18px 50px rgba(22,43,82,0.12);--max-width:min(1100px,92vw)}*,*::before,*::after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;background:linear-gradient(180deg,var(--bg-soft) 0%,var(--bg) 60%);font-family:"Inter","Segoe UI",system-ui,sans-serif;color:var(--text);scroll-behavior:smooth;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body::before{content:"";position:fixed;inset:0;background:radial-gradient(circle at center,rgba(99,209,136,0.1),transparent 55%);opacity:0.18;pointer-events:none}main{display:flex;flex-direction:column;gap:clamp(0.75rem,3vw,2rem)}a{color:var(--accent);text-decoration:none}a:hover,a:focus-visible{text-decoration:underline}header{position:sticky;top:0;z-index:10;backdrop-filter:blur(16px);background:rgba(255,255,255,0.9);border-bottom:1px solid rgba(99,209,136,0.15)}.nav-container{width:var(--max-width);margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:1rem 0}.brand{display:flex;align-items:center;gap:0.75rem;font-weight:600;letter-spacing:0.08rem;text-transform:uppercase;color:var(--text);text-decoration:none}nav ul{list-style:none;margin:0;padding:0;display:flex;gap:clamp(1rem,3vw,2.5rem)}nav a{font-size:0.95rem;font-weight:500;text-transform:uppercase;letter-spacing:0.08em}.hero{width:var(--max-width);margin:0 auto;padding:clamp(2rem,4vw,4.5rem) 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.hero h1{grid-column:1/-1;font-size:clamp(2rem,5vw,3.5rem);line-height:1.05;margin-bottom:0.75rem;text-shadow:0 12px 24px rgba(5,8,15,0.35)}.hero-play,.hero-related,.hero-content{grid-column:1/-1}.hero-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;align-items:start}.hero-related{margin:0}.hero p.lead{max-width:560px;font-size:clamp(1rem,2vw,1.2rem);color:var(--text-soft)}.cta-group{display:flex;flex-wrap:wrap;gap:0.75rem;margin-top:1.25rem}.cta{display:inline-flex;align-items:center;justify-content:center;gap:0.75rem;padding:0.75rem 1.35rem;border-radius:999px;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;transition:transform 0.2s ease,box-shadow 0.2s ease,background 0.2s ease}.cta.primary{background:linear-gradient(120deg,#63d188,#3ca86a);color:#020409;box-shadow:0 12px 30px rgba(99,209,136,0.35)}.cta.secondary{border:1px solid rgba(99,209,136,0.4);color:var(--accent);background:rgba(99,209,136,0.1)}.cta.primary:hover,.cta.primary:focus-visible{transform:translateY(-2px);box-shadow:0 16px 40px rgba(99,209,136,0.45)}.cta.secondary:hover,.cta.secondary:focus-visible{background:rgba(99,209,136,0.18)}.hero .meta{display:flex;flex-wrap:wrap;gap:0.75rem;margin-top:1rem;color:var(--text-soft);font-size:0.9rem}.hero .meta span{display:inline-flex;align-items:center;gap:0.35rem;padding:0.2rem 0.65rem;border-radius:999px;background:var(--surface);border:1px solid rgba(99,209,136,0.18)}.section{width:var(--max-width);margin:0 auto;padding:clamp(1.25rem,3.5vw,3rem) 0}.section h2{font-size:clamp(1.75rem,3.5vw,2.5rem);margin:0.25rem 0 0.75rem}.section p{margin-bottom:0.75rem;color:var(--text-soft);line-height:1.6}.section-header{display:flex;flex-direction:column;gap:0.35rem;margin-bottom:1.25rem}.section-header p{margin:0;color:var(--text-soft);max-width:640px}.section-layout{display:grid;gap:clamp(1rem,3vw,1.75rem)}.section-layout.two-col{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start}.section-stack{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.glow-card{background:var(--surface-strong);border:1px solid rgba(99,209,136,0.18);border-radius:18px;padding:clamp(1.3rem,3vw,2.1rem);box-shadow:var(--shadow);position:relative;overflow:hidden}.glow-card::before{content:"";position:absolute;inset:-30%;background:radial-gradient(circle,rgba(99,209,136,0.25),transparent 55%);opacity:0.6;pointer-events:none;transform:translate(-25%,-25%)}.grid{display:grid;gap:clamp(1.25rem,3vw,2.25rem)}.card-grid{display:grid;gap:clamp(1.25rem,3vw,2.25rem)}.section-layout + .card-grid,.card-grid + .card-grid{margin-top:clamp(1.25rem,3vw,2.25rem)}.how-to-layout{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(1rem,3vw,2rem)}.controls-card{align-self:start}.controls-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem}.controls-grid div{padding:0.85rem 1rem;border:1px solid rgba(99,209,136,0.25);border-radius:12px;background:rgba(255,255,255,0.85);box-shadow:0 8px 18px rgba(18,40,76,0.1)}.controls-grid strong{display:block;font-size:0.9rem;margin-bottom:0.2rem;color:var(--text)}.controls-grid p{margin:0;font-size:0.9rem;color:var(--text-soft)}.related-games-grid{list-style:none;margin:0.5rem 0 0;padding:0;display:grid;grid-template-columns:repeat(8,minmax(80px,1fr));gap:0.75rem}.related-games-grid li{text-align:center;padding:0.65rem 0.5rem;border:1px solid rgba(99,209,136,0.25);border-radius:12px;background:rgba(255,255,255,0.9);font-size:0.9rem;color:var(--text-soft)}.related-game-card{display:grid;gap:0.35rem;justify-items:center;text-decoration:none;color:inherit}.related-game-card img{width:100%;aspect-ratio:1/1;height:auto;object-fit:cover;border-radius:10px}.card-grid.four{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.card-grid.three{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.media-grid{align-items:start}.media-slot .placeholder{min-height:200px}.media-slot{display:flex;flex-direction:column;gap:0.75rem}.media-slot p{margin:0;color:var(--text-soft)}.media-image{width:100%;border-radius:16px;border:1px solid rgba(99,209,136,0.25);box-shadow:var(--shadow);object-fit:cover}.info-card{background:rgba(255,255,255,0.95);border:1px solid rgba(99,209,136,0.2);border-radius:16px;padding:1.25rem;box-shadow:0 12px 30px rgba(18,40,76,0.12)}.info-card h3{margin-top:0;margin-bottom:0.6rem;font-size:1.15rem}.badge-list{list-style:none;margin:1rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:0.5rem}.badge{font-size:0.85rem;padding:0.25rem 0.7rem;border-radius:999px;background:rgba(99,209,136,0.15);border:1px solid rgba(99,209,136,0.3);color:var(--text)}.list-clean{list-style:none;padding:0;margin:0;display:grid;gap:0.45rem}.list-clean li{position:relative;padding-left:1rem;color:var(--text-soft);font-size:0.95rem;line-height:1.5}.list-clean li::before{content:"•";color:var(--accent);font-weight:600;position:absolute;left:0;top:0.2rem;line-height:1}.stat-list{display:grid;gap:0.6rem;margin:0.75rem 0 0}.stat-line{display:flex;justify-content:space-between;gap:1rem;font-size:0.95rem}.stat-label{color:var(--text-soft)}.stat-value{font-weight:600}.grid.two{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.grid.three{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.divider{margin:clamp(1.5rem,4vw,3rem) auto;width:var(--max-width);height:1px;background:linear-gradient( 90deg,transparent,rgba(99,209,136,0.35),transparent )}.iframe-shell{position:relative;padding-top:56.25%;border-radius:20px;overflow:hidden;border:1px solid rgba(99,209,136,0.25);box-shadow:var(--shadow);background:linear-gradient(135deg,rgba(99,209,136,0.12),rgba(255,255,255,0.95))}.iframe-shell.embed-game{padding-top:65%}.iframe-shell iframe{position:absolute;inset:0;width:100%;height:100%;border:none}.faq details{background:rgba(255,255,255,0.82);border:1px solid rgba(99,209,136,0.2);border-radius:14px;padding:0.85rem 1.25rem;transition:background 0.2s ease}.faq details[open]{background:rgba(255,255,255,0.94)}.faq summary{cursor:pointer;font-weight:600;font-size:1.05rem;outline:none}.faq p{margin-top:1rem;color:var(--text-soft)}.blog-card{background:rgba(255,255,255,0.88);padding:1.25rem;border-radius:14px;border:1px solid rgba(99,209,136,0.18);display:flex;flex-direction:column;gap:0.6rem}.blog-card time{font-size:0.85rem;text-transform:uppercase;letter-spacing:0.12em;color:rgba(28,34,51,0.55)}.seo-notes{margin-top:1.5rem;padding:1.25rem;border:1px dashed rgba(99,209,136,0.35);border-radius:14px;background:rgba(99,209,136,0.08);display:grid;gap:0.75rem}.seo-notes h4{margin:0.25rem 0 0.35rem;font-size:1rem;color:var(--text)}footer{background:rgba(255,255,255,0.92);border-top:1px solid rgba(99,209,136,0.2);margin-top:clamp(3rem,5vw,4rem)}.footer-grid{width:var(--max-width);margin:0 auto;display:grid;gap:1.75rem;padding:2.25rem 0}.footer-links{display:flex;flex-wrap:wrap;gap:1.5rem;color:var(--text-soft)}.copyright{text-align:center;padding:1.5rem 0;font-size:0.85rem;color:rgba(28,34,51,0.55)}.footer-text.disclaimer{text-align:center;color:rgba(28,34,51,0.45);margin-top:-0.5rem}.placeholder{width:100%;height:180px;border-radius:16px;background:rgba(99,209,136,0.1);border:1px dashed rgba(99,209,136,0.35);display:grid;place-items:center;color:rgba(28,34,51,0.45);font-size:0.85rem}@media (max-width:768px){.nav-container{flex-direction:column;align-items:flex-start;gap:0.5rem;padding:0.75rem 0}.nav-container nav{width:100%}.nav-container nav ul{flex-wrap:wrap;width:100%;gap:0.5rem 1rem}nav a{font-size:0.85rem}.hero{grid-template-columns:1fr}.cta-group{flex-direction:column;align-items:flex-start}.how-to-layout{grid-template-columns:1fr}.related-games-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}