:root{--color-bg:#0f172a;--color-card-bg:#1e293b;--color-border:#334155;--color-text-main:#f8fafc;--color-text-muted:#94a3b8;--color-accent-primary:#6366f1;--color-accent-secondary:#a855f7;--color-accent-gradient:linear-gradient(135deg, #6366f1, #a855f7);--color-success:#22c55e;--color-danger:#ef4444;--font-family-base:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:20px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text-main);font-family:var(--font-family-base);touch-action:manipulation;flex-direction:column;min-height:100vh;display:flex;overflow-x:hidden}#app{flex-direction:column;width:100%;min-height:100vh;display:flex}a{color:inherit;text-decoration:none}button{cursor:pointer;user-select:none;background:0 0;border:none;font-family:inherit}.glass-panel{backdrop-filter:blur(12px);border-radius:var(--border-radius-md);background:#1e293bb3;border:1px solid #ffffff1a}.gradient-text{background:var(--color-accent-gradient);-webkit-text-fill-color:transparent;background-clip:text}.game-view-layout{flex:1;grid-template-columns:240px 1fr 280px;gap:20px;width:100%;max-width:1540px;margin:0 auto;padding:20px;display:grid}.game-sidebar-left{flex-direction:column;gap:12px;height:fit-content;max-height:75vh;padding:16px;display:flex;overflow-y:auto}.quick-game-item{cursor:pointer;background:#0f172a99;border:1px solid #334155;border-radius:8px;align-items:center;gap:10px;padding:10px;transition:all .2s;display:flex}.quick-game-item:hover,.quick-game-item--active{background:#334155;border-color:#6366f1;transform:translate(2px)}.quick-game-item__icon{font-size:1.6rem}.quick-game-item__title{color:#f8fafc;font-size:.9rem;font-weight:700}.game-center-area{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.game-canvas-container{aspect-ratio:16/10;border-radius:var(--border-radius-md);background:#0f172a;border:2px solid #334155;justify-content:center;align-items:center;width:100%;max-height:65vh;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #000c,0 0 30px #6366f126}.game-canvas-container canvas{object-fit:contain;display:block;width:100%!important;height:100%!important}.game-sidebar-right{flex-direction:column;gap:20px;display:flex}.high-scores-widget{flex-direction:column;gap:12px;padding:18px;display:flex}.high-scores-list{flex-direction:column;gap:8px;font-size:.85rem;list-style:none;display:flex}.high-score-item{background:#0f172a66;border:1px solid #ffffff0d;border-radius:6px;justify-content:space-between;align-items:center;padding:6px 10px;display:flex}.high-score-item__rank{color:#818cf8;width:24px;font-weight:700}.high-score-item__user{color:#cbd5e1;flex:1;font-weight:600}.high-score-item__score{color:#38bdf8;font-weight:800}.game-view-layout:fullscreen,:fullscreen .game-view-layout{background:#0f172a!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:0!important;width:100vw!important;max-width:100vw!important;height:100vh!important;margin:0!important;padding:0!important;display:flex!important}:fullscreen .game-sidebar-left,:fullscreen .game-sidebar-right,:fullscreen .ad-slot-container{display:none!important}:fullscreen .game-center-area{justify-content:space-between;gap:0!important;width:100vw!important;height:100vh!important}:fullscreen .game-canvas-container{width:100vw!important;height:calc(100vh - 60px)!important;max-height:100vh!important;box-shadow:none!important;aspect-ratio:auto!important;border:none!important;border-radius:0!important}:fullscreen .game-control-bar{background:#0f172af2!important;border-bottom:none!important;border-left:none!important;border-right:none!important;border-radius:0!important}.game-control-bar{backdrop-filter:blur(12px);background:#1e293be6;border:1px solid #334155;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:12px 20px;display:flex}.control-group{align-items:center;gap:10px;display:flex}.ctrl-btn{color:#f8fafc;background:#1e293b;border:1px solid #475569;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-size:.88rem;font-weight:600;transition:all .2s;display:flex}.ctrl-btn:hover{background:#334155;border-color:#6366f1;transform:translateY(-1px)}.ctrl-btn__icon{font-size:1.1rem}.leaderboard-toggle-btn.active{color:#fff;background:#6366f133;border-color:#818cf8}.game-canvas-container{aspect-ratio:16/9;background-color:#0b0f19;border:2px solid #334155;border-radius:12px;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px #00000080}#game-canvas{object-fit:contain;background-color:#0000;border:2px solid #334155;border-radius:8px;outline:none;width:100%;height:100%;box-shadow:0 0 15px #00000080}.game-overlay{z-index:100;cursor:pointer;background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.ctrl-btn__badge{color:#818cf8;text-transform:uppercase;background:#6366f133;border-radius:4px;padding:2px 6px;font-size:.7rem;font-weight:700}.virtual-dpad-container{justify-content:space-around;align-items:center;gap:20px;width:100%;padding:12px 0;display:flex}.dpad-grid{grid-template-rows:repeat(3,50px);grid-template-columns:repeat(3,50px);gap:6px;display:grid}.dpad-btn{color:#818cf8;touch-action:manipulation;background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid #334155;border-radius:10px;justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;display:flex;box-shadow:0 4px 8px #0006}.dpad-btn:active{color:#fff;background:#6366f1;transform:scale(.95)}.action-btn-container{align-items:center;display:flex}.action-btn{color:#fff;letter-spacing:.05em;touch-action:manipulation;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:14px;padding:16px 28px;font-size:.9rem;font-weight:800;box-shadow:0 8px 20px #6366f166}.action-btn:active{transform:scale(.96);box-shadow:0 4px 10px #6366f199}@media (width>=1024px){.virtual-dpad-container{display:none}}@media (width<=1100px){.game-view-layout{grid-template-columns:1fr}.game-sidebar-left,.game-sidebar-right{display:none}}.cat-btn{color:#cbd5e1;cursor:pointer;background:#1e293bcc;border:1px solid #475569;border-radius:20px;padding:8px 16px;font-size:.85rem;font-weight:700;transition:all .2s}.cat-btn:hover{color:#fff;background:#8b5cf633;border-color:#8b5cf6}.cat-btn--active{color:#fff;background:linear-gradient(135deg,#6366f14d,#a855f74d);border-color:#a855f7;box-shadow:0 0 10px #a855f74d}.main-grid-layout{flex:1;grid-template-columns:220px 1fr 300px;gap:30px;width:100%;max-width:1400px;margin:20px auto 40px;padding:0 20px;display:grid}@media (width<=1024px){.main-grid-layout{grid-template-columns:220px 1fr}.main-grid-layout>div:first-child{grid-area:1/1}.main-grid-layout>div:nth-child(3){grid-area:2/1}.main-grid-layout>div:nth-child(2){grid-area:1/2/span 2}}@media (width<=768px){.main-grid-layout{flex-direction:column;display:flex}.main-grid-layout>div:nth-child(2){order:1}.main-grid-layout>div:first-child{order:2}.main-grid-layout>div:nth-child(3){order:3}}@keyframes playGradientMove{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes playPulseGlow{0%{box-shadow:0 0 10px #a855f766}50%{box-shadow:0 0 25px #6366f1cc}to{box-shadow:0 0 10px #a855f766}}.play-btn-animated{color:#fff;text-transform:uppercase;letter-spacing:1px;cursor:pointer;background:linear-gradient(270deg,#ec4899,#8b5cf6,#3b82f6,#ec4899) 0 0/300% 300%;border:2px solid #fff3;border-radius:12px;width:100%;padding:14px;font-size:1.1rem;font-weight:900;transition:transform .1s;animation:4s infinite playGradientMove,2s infinite playPulseGlow}.play-btn-animated:active{transform:scale(.96)}.animated-logo{-webkit-text-fill-color:transparent;background:linear-gradient(270deg,#6366f1,#a855f7,#ec4899,#3b82f6) 0 0/300% 300% text;animation:4s infinite playGradientMove}@media (width<=768px){body{width:100%;max-width:100vw;overflow-x:hidden}*{word-break:break-word;overflow-wrap:break-word;box-sizing:border-box}img,video,canvas,iframe,svg{max-width:100%}.glass-panel,[class*=-card],[class*=Card],.modal-content{max-width:100vw;overflow-x:hidden}header{width:100%;justify-content:space-between!important;padding:12px 16px!important}.animated-logo{font-size:1.1rem!important}.ad-slot-container{box-sizing:border-box!important;max-width:100%!important;overflow:hidden!important}nav{flex-wrap:wrap;justify-content:center;gap:6px;width:100%}.nav-btn{padding:8px 12px;font-size:.85rem}.game-view-layout{max-width:100vw;grid-template-columns:1fr!important;padding:10px!important}.game-sidebar-left,.game-sidebar-right{display:none!important}.game-canvas-container{max-height:50vh!important}div[style*=grid-template-columns]{grid-template-columns:1fr!important}}:fullscreen{background:#000}:fullscreen #game-fullscreen-wrapper{background:#000!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;width:100vw!important;height:100vh!important;margin:0!important;padding:0!important;display:flex!important}:fullscreen #game-container{justify-content:center;align-items:center;display:flex;flex:1!important;width:100vw!important;height:100vh!important;position:relative!important}:fullscreen #game-controls-container{order:-1!important;width:100%!important;margin:0!important}:fullscreen .game-canvas-container{justify-content:center;align-items:center;display:flex;aspect-ratio:auto!important;flex:1!important;width:100%!important;height:100%!important;max-height:none!important}:fullscreen #game-canvas{object-fit:contain!important;width:100%!important;max-width:100vw!important;height:100%!important;max-height:100%!important}:fullscreen .game-control-bar{z-index:9999!important;width:100%!important;box-shadow:none!important;background:#0b0f19!important;border:none!important;border-bottom:1px solid #1e293b!important;border-radius:0!important;justify-content:space-between!important;padding:12px 20px!important;display:flex!important;position:relative!important;top:auto!important;right:auto!important}:fullscreen .game-control-bar .ctrl-btn{color:#fff!important;background:#ffffff1a!important;border-color:#fff3!important}:fullscreen .game-control-bar .ctrl-btn__label,:fullscreen .game-control-bar .ctrl-btn__badge{display:inline-block!important}:fullscreen .virtual-dpad-container{z-index:9999;pointer-events:none;position:absolute;bottom:15px;left:0;right:0;background:0 0!important;justify-content:space-between!important;align-items:flex-end!important;padding:0 20px!important;display:flex!important}:fullscreen .dpad-grid{grid-template-rows:repeat(3,44px)!important;grid-template-columns:repeat(3,44px)!important;gap:4px!important}:fullscreen .dpad-btn{font-size:1rem!important}:fullscreen .action-btn{border-radius:8px!important;padding:12px 24px!important;font-size:.9rem!important}:fullscreen .dpad-btn,:fullscreen .action-btn{pointer-events:auto;color:#ffffffb3!important;background:#ffffff26!important;border:1px solid #fff3!important}:fullscreen .dpad-btn:active,:fullscreen .action-btn:active{background:#ffffff4d!important}.ad-interstitial-overlay{backdrop-filter:blur(8px);z-index:99999;opacity:1;background:#0f172af2;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .3s;display:flex;position:fixed;top:0;left:0}.ad-interstitial--fade-out{opacity:0;pointer-events:none}.ad-interstitial__container{background:#1e293b;border:1px solid #334155;border-radius:16px;flex-direction:column;gap:20px;width:90%;max-width:640px;padding:24px;display:flex;box-shadow:0 25px 50px -12px #00000080}.ad-interstitial__header{justify-content:space-between;align-items:center;display:flex}.ad-interstitial__badge{color:#fff;text-transform:uppercase;letter-spacing:.05em;background:#3b82f6;border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:700}.ad-interstitial__title{color:#94a3b8;font-size:.9rem}.ad-interstitial__content{background:#0f172a;border-radius:12px;justify-content:center;align-items:center;min-height:250px;display:flex;position:relative;overflow:hidden}.ad-interstitial__placeholder{text-align:center;color:#64748b;padding:30px}.ad-placeholder__icon{margin-bottom:10px;font-size:3rem}.ad-interstitial__footer{justify-content:flex-end;display:flex}.ad-skip{color:#94a3b8;cursor:not-allowed;background:#334155;border:1px solid #475569;border-radius:8px;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .2s}.ad-skip--active{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#a855f7;box-shadow:0 4px 14px #8b5cf666}.ad-skip--active:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf699}.ad-slot-container{background:#1e293b66;border:1px dashed #334155;border-radius:8px;justify-content:center;align-items:center;min-height:90px;margin:16px 0;display:flex;overflow:hidden}.ad-slot-container--sidebar{width:160px;min-height:600px}.ad-slot-container--banner{width:100%;min-height:90px}