@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";
html,body{background:#050505;width:100%;min-height:100vh;margin:0;padding:0;overflow-x:hidden}.app-shell{background:#050505;min-height:100vh}.dashboard-layout{background:#050505;width:100%;min-height:100vh;display:flex}.main-area{background:#050505;flex-direction:column;flex:1;display:flex}.page-content{flex:1;margin:0;padding:0;overflow-y:auto}.topbar{width:100%;margin-bottom:0}.app-footer{text-align:center;color:#fffc;letter-spacing:.3px;background:linear-gradient(135deg,#2950d9 0%,#1e3faf 100%);padding:24px 16px;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;position:relative;overflow:hidden;box-shadow:0 -10px 30px #00000014,inset 0 1px #ffffff14}.app-footer:before{content:"";opacity:.6;background:linear-gradient(90deg,#0000,#ffffffe6,#0000);width:60%;height:2px;position:absolute;top:0;left:50%;transform:translate(-50%)}.app-footer:after{content:"";opacity:.2;pointer-events:none;background-image:radial-gradient(#ffffff14 1px,#0000 1px);background-size:12px 12px;position:absolute;inset:0}.app-footer p{z-index:2;transition:color .3s,transform .3s;position:relative}.app-footer:hover p{color:#fff;transform:translateY(-2px)}@media (max-width:600px){.app-footer{padding:18px 12px;font-size:.85rem}}.mm-root{color:#fff;background:#0f172a;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;font-family:sans-serif;display:flex}.mm-card{background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid #ffffff14;border-radius:14px;padding:16px;box-shadow:0 20px 50px #0006}.mm-image{border-radius:12px;width:260px;height:auto;transition:transform .25s,box-shadow .25s;display:block;box-shadow:0 10px 25px #00000080}.mm-image:hover{transform:scale(1.03);box-shadow:0 18px 40px #0009}.share-btn{z-index:9999;color:#fff;cursor:pointer;background:#2950d9;border:none;border-radius:50px;align-items:center;gap:8px;padding:12px 14px;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 10px 25px #0003}.share-btn:hover{transform:scale(1.05)}
:root{--primary:#2950d9;--primary-dark:#1e3faf;--soft:#eff0f0;--white:#fff;--black:#111;--shadow:0 10px 30px #0000001f;--transition:.3s cubic-bezier(.16, 1, .3, 1)}*{margin:0;padding:0}body{color:#fff;background:#050505;font-family:Inter,sans-serif}.page-shell{background:#eff0f0;width:100%;min-height:100vh}.container{width:min(1200px,100% - 2rem);margin-inline:auto}.hero-stack{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);border-radius:0 0 1.5rem 1.5rem;min-height:70px;margin-bottom:1rem;padding:.75rem 1rem 1rem;position:relative;overflow:hidden}.hero-badge{z-index:2;color:var(--white);letter-spacing:.12em;text-transform:uppercase;background:#ffffff14;border:1px solid #ffffff40;border-radius:999px;align-items:center;gap:.7rem;padding:.75rem 1.2rem;font-size:.82rem;font-weight:700;display:inline-flex;position:relative}.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;display:grid}.game-card{min-height:260px;color:var(--black);box-shadow:var(--shadow);transition:transform var(--transition), background var(--transition), color var(--transition), box-shadow var(--transition), border-color var(--transition);background:#fffffff2;border:1px solid #00000014;border-radius:1rem;flex-direction:column;gap:1.25rem;margin:1rem 0;padding:2rem;text-decoration:none;display:flex;position:relative;overflow:hidden}.game-card:before{content:"";opacity:.2;pointer-events:none;background-image:radial-gradient(#00000008 1px,#0000 1px);background-size:12px 12px;position:absolute;inset:0}.game-card:hover{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);color:var(--white);transform:translateY(-6px)scale(1.015);box-shadow:0 18px 40px #0000002e}.game-card:hover .card-title,.game-card:hover .text-muted,.game-card:hover .play-link{color:var(--white)}.game-card:hover .badge{color:var(--white);background:#ffffff14;border-color:#ffffff40}.game-card:hover .icon-wrap{border-color:#ffffff40}.card-top{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.icon-wrap{width:58px;height:58px;transition:var(--transition);background:linear-gradient(135deg,#ffffffa6,#ffffff40);border:1px solid #00000026;border-radius:.7rem;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffb3,0 8px 20px #00000014}.icon-wrap:before{content:"";border-radius:inherit;filter:blur(14px);opacity:0;transition:var(--transition);background:#2950d92e;position:absolute;inset:8px}.icon-wrap svg{z-index:2;filter:drop-shadow(0 4px 10px #00000026);transition:var(--transition);animation:3s ease-in-out infinite floatIcon;position:relative}.game-card:hover .icon-wrap{transform:rotate(-6deg)scale(1.08)translateY(-2px)}.game-card:hover .icon-wrap:before{opacity:1}.game-card:first-child .icon-wrap{background:linear-gradient(135deg,#ffffff2e,#ffffff14);animation:2.5s infinite pulseGlow}@keyframes floatIcon{0%{transform:translateY(0)}50%{transform:translateY(-4px)}to{transform:translateY(0)}}@keyframes pulseGlow{0%{box-shadow:inset 0 1px #ffffffb3,0 0 #ffffff26,0 8px 20px #00000014}50%{box-shadow:inset 0 1px #ffffffb3,0 0 28px #ffffff59,0 8px 20px #0000001f}to{box-shadow:inset 0 1px #ffffffb3,0 0 #ffffff26,0 8px 20px #00000014}}.badge{letter-spacing:.12em;text-transform:uppercase;transition:var(--transition);background:#00000008;border:1px solid #0000001f;border-radius:.5rem;justify-content:center;align-items:center;padding:.38rem .8rem;font-size:.52rem;font-weight:800;display:inline-flex}.card-content{flex-direction:column;gap:1rem;display:flex}.card-title{letter-spacing:-.05em;transition:var(--transition);font-size:clamp(1rem,4vw,1.35rem);font-weight:900;line-height:1.05}.text-muted{color:#111111b3;transition:var(--transition);font-size:.82rem;font-weight:700;line-height:1.5}.card-footer{margin-top:auto}.play-link{color:var(--primary);letter-spacing:.05em;text-transform:uppercase;transition:var(--transition);align-items:center;gap:.6rem;font-size:.72rem;font-weight:800;display:inline-flex}@media (max-width:768px){.container{width:min(100%,100% - 1rem);padding:0 1rem 1rem}.hero-stack{border-radius:0 0 1rem 1rem;padding:1rem}.hero-badge{letter-spacing:.08em;gap:.5rem;padding:.65rem 1rem;font-size:.7rem}.grid-auto-fit{grid-template-columns:1fr;gap:1rem}.game-card{border-radius:.9rem;gap:1rem;min-height:220px;padding:1.5rem}.card-top{gap:.8rem}.icon-wrap{width:52px;height:52px}.badge{padding:.3rem .65rem;font-size:.48rem}.card-content{gap:.8rem}.card-title{font-size:1.15rem;line-height:1.1}.text-muted{font-size:.7rem;font-weight:600;line-height:1.2}.play-link{gap:.45rem;font-size:.65rem}}@media (max-width:480px){.container{padding:0 .8rem .8rem}.hero-stack{padding:.9rem}.hero-badge{text-align:center;justify-content:center;width:100%;font-size:.65rem}.game-card{min-height:200px;padding:1.2rem;box-shadow:0 10px 25px #0000001a}.game-card:hover{transform:translateY(-4px)scale(1.01);box-shadow:0 14px 30px #00000024}.icon-wrap{border-radius:.55rem;width:46px;height:46px}.card-title{font-size:1rem}.text-muted{font-size:.62rem;font-weight:500;line-height:1.2}.play-link{font-size:.6rem}}
.topbar-module__dUSKkG__topbar{z-index:100;background-color:#2950d9;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23grain)' opacity='0.08'/%3E%3C/svg%3E");border-bottom:2.5px solid #1d3fb3;padding:1rem 1.5rem;position:sticky;top:0;box-shadow:inset 0 2px #ffffff1f,0 4px 20px #2950d952}.topbar-module__dUSKkG__inner{justify-content:space-between;align-items:center;gap:1rem;max-width:1400px;margin:0 auto;display:flex}.topbar-module__dUSKkG__logoWrap{flex-shrink:0;align-items:center;text-decoration:none;display:flex}.topbar-module__dUSKkG__logo{object-fit:cover;z-index:5;mix-blend-mode:normal;filter:brightness(1.15)contrast(1.1)drop-shadow(0 .375rem 1.125rem #00000040);width:13.75rem;height:3rem;transition:transform .25s,filter .25s;position:relative}.topbar-module__dUSKkG__logo:hover{filter:brightness(1.2)contrast(1.15)drop-shadow(0 .5rem 1.375rem #0000004d);transform:scale(1.05)}.topbar-module__dUSKkG__nav{align-items:center;gap:.5rem;display:flex}.topbar-module__dUSKkG__navItem{color:#ffffffe6;white-space:nowrap;background:#ffffff1f;border:1.5px solid #ffffff2e;border-radius:10px;align-items:center;gap:.5rem;padding:.55rem 1.1rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.topbar-module__dUSKkG__navItem:hover{color:#fff;background:#ffffff38;border-color:#ffffff59;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.topbar-module__dUSKkG__active{color:#2950d9;background:#fff;border-color:#fff;font-weight:800;box-shadow:0 4px #1d3fb3,0 6px 16px #1d3fb359}.topbar-module__dUSKkG__active:hover{background:#f5f8ff;transform:translateY(-1px);box-shadow:0 5px #1d3fb3,0 8px 20px #1d3fb366}.topbar-module__dUSKkG__navText{letter-spacing:.2px;white-space:nowrap;font-size:.9rem;font-weight:800}.topbar-module__dUSKkG__navItem svg{color:currentColor;flex-shrink:0}@media (max-width:768px){.topbar-module__dUSKkG__topbar{padding:.65rem 1.1rem}.topbar-module__dUSKkG__logo{width:10rem;height:3rem}.topbar-module__dUSKkG__navText{display:none}.topbar-module__dUSKkG__navItem{padding:.55rem .8rem}}@media (max-width:480px){.topbar-module__dUSKkG__topbar{padding:.6rem .9rem}.topbar-module__dUSKkG__logo{width:8rem;height:2rem}.topbar-module__dUSKkG__navItem{border-radius:8px;padding:.5rem .65rem}.topbar-module__dUSKkG__inner{gap:.5rem}}