*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;font-weight:400;color-scheme:light;color:#2c3e50;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}a{color:#667eea;text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer;border:none;outline:none}button:focus-visible{outline:2px solid #667eea;outline-offset:2px}.game-card{background:linear-gradient(to bottom,#273238f2,#192025f2);border-radius:4px;padding:0;box-shadow:0 0 5px #00000080;transition:all .2s ease;display:flex;flex-direction:column;height:100%;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.game-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px #000000b3}.game-card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:16px;background:linear-gradient(to bottom,rgba(0,0,0,.2) 0%,transparent 100%);gap:8px}.genre-badge{background:#67c1f533;border:1px solid rgba(103,193,245,.4);color:#66c0f4;padding:4px 10px;border-radius:3px;font-size:.75rem;font-weight:400;text-transform:uppercase;letter-spacing:.5px}.badges{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.pc-only-badge{background:#bea06e33;border:1px solid rgba(190,160,110,.5);color:#bea06e;padding:4px 8px;border-radius:3px;font-size:.7rem;font-weight:400}.external-badge{background:#8f98a033;border:1px solid rgba(143,152,160,.3);color:#8f98a0;padding:4px 8px;border-radius:3px;font-size:.7rem}.game-title{font-size:1.5rem;margin:0 0 12px;padding:0 16px;color:#fff;font-weight:300}.game-description{color:#8f98a0;line-height:1.6;padding:0 16px;margin-bottom:16px;flex-grow:1;font-size:.95rem}.game-features{margin-bottom:16px;padding:0 16px}.game-features h3{font-size:.85rem;color:#66c0f4;margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px;font-weight:400}.game-features ul{list-style:none;padding:0;margin:0}.game-features li{padding:3px 0;color:#8f98a0;font-size:.85rem}.game-features li:before{content:"• ";color:#66c0f4;margin-right:8px}.game-tech{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px;padding:0 16px}.tech-tag{background:#67c1f51a;border:1px solid rgba(103,193,245,.2);color:#66c0f4;padding:3px 10px;border-radius:3px;font-size:.75rem}.play-button{background:linear-gradient(to bottom,#67c1f5 5%,#417a9b 95%);border:none;color:#fff;text-decoration:none;padding:12px 24px;border-radius:3px;text-align:center;font-weight:400;transition:all .2s ease;display:block;margin:16px;box-shadow:0 0 5px #00000080;position:relative;overflow:hidden}.play-button:hover{background:linear-gradient(to bottom,#7ac5f7 5%,#5594ba 95%);box-shadow:0 0 10px #67c1f580;transform:translateY(-1px)}.play-button:active{background:linear-gradient(to bottom,#417a9b 5%,#67c1f5 95%);transform:translateY(0)}.ad-banner{background:#f8f9fa;border-radius:12px;padding:20px;text-align:center;margin:20px 0;border:1px solid #e0e0e0}.ad-label{font-size:.75rem;color:#95a5a6;margin-bottom:12px;text-transform:uppercase;letter-spacing:1px}.ad-content{display:flex;justify-content:center;align-items:center}.ad-content a{display:inline-block;transition:transform .3s ease}.ad-content a:hover{transform:scale(1.05)}.ad-content img{max-width:100%;height:auto}.ad-banner-header{background:#fff;margin:0;border-radius:0;border-left:none;border-right:none;box-shadow:0 2px 4px #0000000d}.ad-banner-footer{max-width:1200px;margin:40px auto 20px}.ad-banner-content{max-width:100%}@media(max-width:768px){.ad-banner{padding:16px;margin:16px 0}.ad-label{font-size:.7rem}}.app{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(to bottom,#1b2838,#2a475e);position:relative;overflow-x:hidden;font-family:BIZ UDPGothic,BIZ UDGothic,sans-serif}.parallax-layer{position:fixed;inset:0;pointer-events:none;will-change:transform}.layer-1{background-image:radial-gradient(circle at 20% 30%,rgba(102,192,244,.08) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(47,137,188,.08) 0%,transparent 40%);z-index:0}.layer-2{background-image:linear-gradient(rgba(102,192,244,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(102,192,244,.02) 1px,transparent 1px);background-size:50px 50px;z-index:0}.layer-3{background-image:radial-gradient(circle at 50% 50%,rgba(27,40,56,.4) 0%,transparent 50%),radial-gradient(circle at 10% 80%,rgba(102,192,244,.05) 0%,transparent 30%),radial-gradient(circle at 90% 20%,rgba(47,137,188,.05) 0%,transparent 30%);z-index:0}.app:after{content:"";position:fixed;inset:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(102,192,244,.03) 2px,rgba(102,192,244,.03) 4px);opacity:.5;pointer-events:none;z-index:0}.header{background:linear-gradient(to right,#1b2838,#2a475e,#1b2838);border-bottom:1px solid rgba(0,0,0,.3);box-shadow:0 2px 10px #0000004d;color:#fff;padding:60px 20px;text-align:center;position:relative;z-index:1}.header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(102,192,244,.3) 50%,transparent 100%)}.header-content{max-width:1200px;margin:0 auto}.main-title{font-size:3.5rem;margin:0 0 16px;font-weight:700;font-family:BIZ UDGothic,sans-serif;color:#c7d5e0;text-shadow:0 0 20px rgba(102,192,244,.3);letter-spacing:8px}.subtitle{font-size:1.2rem;margin:0;color:#8f98a0;font-weight:300}.filter-section{padding:32px 20px;background:#171a21f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.3);box-shadow:0 2px 5px #0003;position:relative;z-index:1}.filter-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;max-width:1200px;margin:0 auto}.filter-btn{background:linear-gradient(to bottom,#67c1f533 5%,#1a9fd933 95%);border:1px solid rgba(103,193,245,.4);padding:10px 24px;border-radius:3px;cursor:pointer;font-size:1rem;font-weight:400;transition:all .2s ease;color:#c7d5e0;position:relative;overflow:hidden;box-shadow:0 0 5px #0003}.filter-btn:hover{background:linear-gradient(to bottom,#67c1f54d 5%,#1a9fd94d 95%);color:#fff;box-shadow:0 0 10px #67c1f54d;transform:translateY(-1px)}.filter-btn.active{background:linear-gradient(to bottom,#67c1f5 5%,#1a9fd9 95%);color:#fff;border-color:#1a9fd9;box-shadow:0 0 10px #67c1f580;text-shadow:0 0 5px rgba(0,0,0,.5)}.main-content{flex:1;padding:40px 20px;max-width:1400px;width:100%;margin:0 auto;position:relative;z-index:1}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px}.footer{background:linear-gradient(to right,#171a21,#1b2838);border-top:1px solid rgba(0,0,0,.3);color:#8f98a0;text-align:center;padding:24px 20px;margin-top:auto;box-shadow:0 -2px 10px #0000004d;position:relative;z-index:1}.footer p{margin:0;opacity:.8;font-size:.9rem}@media(max-width:768px){.main-title{font-size:2.5rem}.subtitle{font-size:1rem}.games-grid{grid-template-columns:1fr;gap:24px}.filter-buttons{gap:8px}.filter-btn{padding:8px 16px;font-size:.9rem}}@media(max-width:480px){.main-title{font-size:2rem}.header{padding:40px 20px}.main-content{padding:24px 12px}}