:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#0a0a0a;color:#e8e8e8}.game-page{position:relative;min-height:100vh;overflow-x:hidden;background:linear-gradient(175deg,#0a0c10,#0d1117 40%,#0a0a0a)}.skyline{position:fixed;bottom:0;left:0;right:0;height:100vh;pointer-events:none;z-index:0;opacity:.12}.building{position:absolute;bottom:0;background:linear-gradient(180deg,#1a2030,#0f1318);border-top:1px solid rgba(100,180,255,.1)}.b1{left:2%;width:6%;height:55%}.b2{left:10%;width:8%;height:75%;border-top:1px solid rgba(255,100,100,.15)}.b3{left:20%;width:5%;height:45%}.b4{left:28%;width:10%;height:85%;border-top:1px solid rgba(100,180,255,.15)}.b5{left:42%;width:7%;height:60%}.b6{left:55%;width:9%;height:70%;border-top:1px solid rgba(255,100,100,.1)}.b7{left:70%;width:6%;height:50%}.b8{left:82%;width:12%;height:90%;border-top:1px solid rgba(100,180,255,.12)}.particles{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.particle{position:absolute;width:2px;background:linear-gradient(180deg,transparent,rgba(100,180,255,.4),transparent);border-radius:1px;animation:float-up linear infinite}.p1{left:10%;height:40px;animation-duration:8s;animation-delay:0s}.p2{left:25%;height:30px;animation-duration:10s;animation-delay:1s}.p3{left:40%;height:50px;animation-duration:7s;animation-delay:2s}.p4{left:55%;height:35px;animation-duration:9s;animation-delay:.5s}.p5{left:65%;height:45px;animation-duration:11s;animation-delay:3s}.p6{left:78%;height:25px;animation-duration:8.5s;animation-delay:1.5s}.p7{left:88%;height:55px;animation-duration:9.5s;animation-delay:4s}.p8{left:35%;height:20px;animation-duration:12s;animation-delay:2.5s}@keyframes float-up{0%{transform:translateY(100vh) rotate(15deg);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) rotate(15deg);opacity:0}}.content{position:relative;z-index:1;max-width:900px;margin:0 auto;padding:3rem 1.5rem 4rem}.hero{text-align:center;padding:4rem 0 3rem}.genre-tag{display:inline-block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;letter-spacing:.25em;text-transform:uppercase;color:#64b4ffb3;border:1px solid rgba(100,180,255,.2);padding:.3rem .8rem;border-radius:2px;margin-bottom:1.5rem}.title{font-size:clamp(2.2rem,6vw,3.8rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:1rem}.title-rail{color:#64b4ff;text-shadow:0 0 30px rgba(100,180,255,.3)}.title-bound{color:#fff}.title-sub{display:block;font-size:.45em;font-weight:400;letter-spacing:.08em;color:#fff6;margin-top:.3rem}.tagline{font-size:1.15rem;color:#ffffff73;font-style:italic;max-width:480px;margin:0 auto}.description-block{padding:2.5rem 0;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}.description-block p{font-size:1.05rem;color:#ffffffb3;margin-bottom:1rem;max-width:680px}.description-block p:last-child{margin-bottom:0}.description-block strong{color:#64b4ff;font-weight:600}.features{padding:3rem 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.feature-card{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:1.5rem;transition:border-color .3s,background .3s}.feature-card:hover{border-color:#64b4ff33;background:#64b4ff08}.feature-icon{font-size:1.6rem;color:#64b4ff;margin-bottom:.75rem;opacity:.8}.feature-card h3{font-size:.95rem;font-weight:700;margin-bottom:.4rem;letter-spacing:-.01em}.feature-card p{font-size:.82rem;color:#ffffff80;line-height:1.5}.environments{padding:3rem 0 2rem}.environments h2{font-size:1.3rem;font-weight:700;margin-bottom:1.5rem;text-align:center;letter-spacing:-.02em}.env-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.env-card{text-align:center}.env-visual{height:120px;border-radius:8px;margin-bottom:.75rem;position:relative;overflow:hidden}.rooftop{background:linear-gradient(180deg,#1a1028,#2a1832 40%,#1a2030);border:1px solid rgba(180,100,255,.12)}.rooftop:after{content:"";position:absolute;bottom:0;left:10%;right:10%;height:1px;background:#b464ff4d;box-shadow:0 0 15px #b464ff33}.subway{background:linear-gradient(180deg,#101820,#1a2520,#0a1510);border:1px solid rgba(100,255,160,.1)}.subway:after{content:"";position:absolute;bottom:30%;left:15%;right:15%;height:2px;background:linear-gradient(90deg,transparent,rgba(100,255,160,.3),transparent)}.skyscraper{background:linear-gradient(180deg,#101020,#1a1a30,#0a0a18);border:1px solid rgba(100,180,255,.1)}.skyscraper:before{content:"";position:absolute;top:15%;left:50%;transform:translate(-50%);width:1px;height:70%;background:linear-gradient(180deg,rgba(100,180,255,.4),transparent)}.env-card span{font-size:.8rem;font-weight:600;letter-spacing:.03em;color:#fff9}.cta{text-align:center;padding:3rem 0 1rem}.cta-button{font-family:inherit;font-size:1rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#0a0a0a;background:linear-gradient(135deg,#64b4ff,#4a9ee0);border:none;border-radius:6px;padding:.85rem 2.5rem;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 20px #64b4ff40}.cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 30px #64b4ff59}.cta-button:active{transform:translateY(0)}.cta-note{font-size:.75rem;color:#ffffff4d;margin-top:.75rem;letter-spacing:.05em}@media(max-width:640px){.features{grid-template-columns:repeat(2,1fr)}.env-grid{grid-template-columns:1fr;max-width:300px;margin:0 auto}.hero{padding:2.5rem 0 2rem}}