*,:before,:after{box-sizing:border-box}body{color:#e2e8f0;background-color:#0f172a;margin:0;padding:0;font-family:Segoe UI,system-ui,sans-serif;overflow-x:hidden}#game-container{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative}#scroll-hint{color:#ffffff8c;letter-spacing:.05em;pointer-events:none;z-index:10;flex-direction:column;align-items:center;gap:6px;font-size:12px;transition:opacity .4s;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}#scroll-hint.hidden{opacity:0}#scroll-hint .arrow{border-bottom:2px solid #ffffff73;border-right:2px solid #ffffff73;width:20px;height:20px;animation:1.4s ease-in-out infinite bounce;transform:rotate(45deg)}@keyframes bounce{0%,to{transform:rotate(45deg)translateY(0)}50%{transform:rotate(45deg)translateY(5px)}}.landing{background:#0f172a;padding:72px 24px 56px}.landing-inner{max-width:860px;margin:0 auto}.landing-hero{text-align:center;margin-bottom:64px}.landing-hero h1{color:#f1f5f9;margin:0 0 16px;font-size:clamp(1.6rem,4vw,2.4rem);font-weight:700;line-height:1.3}.landing-hero h1 span{color:#38bdf8}.landing-hero p{color:#94a3b8;max-width:600px;margin:0 auto;font-size:1.05rem;line-height:1.7}.landing h2{color:#f1f5f9;margin:0 0 28px;font-size:1.25rem;font-weight:600}.features-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:64px;display:grid}.feature-card{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:20px}.feature-card .icon{margin-bottom:10px;font-size:1.6rem;display:block}.feature-card strong{color:#e2e8f0;margin-bottom:6px;font-size:.95rem;display:block}.feature-card p{color:#94a3b8;margin:0;font-size:.875rem;line-height:1.6}.how-to-play{margin-bottom:64px}.steps{flex-direction:column;gap:16px;display:flex}.step{align-items:flex-start;gap:16px;display:flex}.step-num{color:#0f172a;background:#38bdf8;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-top:2px;font-size:.875rem;font-weight:700;display:flex}.step p{color:#cbd5e1;margin:0;line-height:1.65}.step p strong{color:#f1f5f9}.faq{margin-bottom:16px}.faq-list{flex-direction:column;gap:12px;display:flex}.faq-item{background:#1e293b;border:1px solid #334155;border-radius:10px;padding:18px 20px}.faq-item h3{color:#fbbf24;margin:0 0 8px;font-size:.95rem;font-weight:600}.faq-item p{color:#94a3b8;margin:0;font-size:.875rem;line-height:1.65}.faq-item p code{color:#38bdf8;background:#0f172a;border-radius:4px;padding:1px 5px;font-family:monospace;font-size:.85em}footer{text-align:center;color:#475569;background:#020617;border-top:1px solid #1e293b;padding:24px;font-size:.8rem}footer a{color:#38bdf8;text-decoration:none}footer a:hover{text-decoration:underline}.back-to-top{color:#fff;cursor:pointer;z-index:1000;opacity:1;background:#10b981;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:50px;height:50px;padding-bottom:4px;font-size:22px;line-height:1;transition:opacity .3s,transform .3s;display:flex;position:fixed;bottom:24px;right:24px;transform:scale(1);box-shadow:0 4px 12px #0006}.back-to-top.hidden{opacity:0;pointer-events:none;transform:scale(.8)}.back-to-top:hover{background:#059669;transform:scale(1.1)}.back-to-top:active{transform:scale(.95)}