#modern-home{min-height:100vh;height:100vh;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;background:linear-gradient(160deg,#031b42,#020e27 72%);color:#f7fbff;font-family:Inter,Roboto,Arial,sans-serif;padding:1rem 1rem 5rem;box-sizing:border-box}.mh-header{height:4.5rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.mh-logo{width:9.5rem;height:2.3rem;object-fit:contain;object-position:left center;margin-right:auto}.mh-icon,.mh-avatar{border:0;background:transparent;color:#39d6ff;font-size:1.7rem;padding:.3rem}.mh-actions{display:flex;align-items:center;gap:.65rem}.mh-avatar{width:2.4rem;height:2.4rem;border-radius:50%;background:#08aef0;color:#062148;font-size:1.3rem}.mh-wallet{display:flex;align-items:center;gap:.75rem;padding:1rem;border:1px solid #1ecbff;border-radius:1.15rem;background:linear-gradient(100deg,#0a376d,#082858);box-shadow:0 0 1rem #09b8f344;margin-bottom:1rem}.mh-wallet-icon{width:2.7rem;height:2.7rem;display:grid;place-items:center;border-radius:.8rem;border:1px solid #27d6ff;color:#38ddff;font-size:1.5rem}.mh-balance{display:flex;flex-direction:column;flex:1}.mh-balance small{font-size:.85rem;color:#a4c5e5}.mh-balance strong{font-size:1.35rem}.mh-deposit,.mh-banner button{border:0;border-radius:2rem;background:linear-gradient(100deg,#11c7f2,#1682ff);color:white;font-weight:700;padding:.9rem 1.2rem;font-size:1rem;box-shadow:0 0 .9rem #0dc7ff66}.mh-banner{min-height:11rem;border:1px solid #21ccff;border-radius:1.15rem;background:radial-gradient(circle at 80% 50%,#087fc1,#062957 48%,#061c42);display:flex;align-items:center;justify-content:space-between;overflow:hidden;padding:1.2rem;margin-bottom:1rem;box-shadow:0 0 1rem #0dc7ff33}.mh-banner small{color:#a9d9f8;letter-spacing:.08em}.mh-banner h1{margin:.25rem 0;font-size:2rem;color:#2ed7ff}.mh-banner b{font-size:.95rem}.mh-banner p{margin:.5rem 0;color:#a7c5df}.mh-banner button{padding:.65rem 1rem}.mh-slot-art{font-size:3.8rem;color:#45d9ff;text-shadow:0 0 1rem #19caff;transform:rotate(-8deg);padding-right:1rem}.mh-categories{display:flex;gap:.55rem;overflow:auto;padding:.1rem 0 1.1rem}.mh-categories button{min-width:5.5rem;border:1px solid transparent;border-radius:1.8rem;background:#0a2b59;color:#a8c4e4;padding:.65rem .7rem;font-size:1.2rem}.mh-categories button span{display:block;font-size:.7rem;margin-top:.2rem}.mh-categories button.active{background:#15bdf0;color:white;box-shadow:0 0 .9rem #13c9ff99}.mh-title{display:flex;align-items:center;justify-content:space-between}.mh-title h2{margin:.3rem 0 .8rem;font-size:1.45rem}.mh-title a{color:#28caff}.mh-games{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}.mh-game{position:relative;overflow:hidden;border:1px solid #1abff2;border-radius:.85rem;background:linear-gradient(#0b3567,#061d46);box-shadow:0 0 .65rem #0ab8ff33}.mh-game img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}.mh-game strong,.mh-game small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 .45rem}.mh-game strong{font-size:.72rem;margin-top:.45rem}.mh-game small{font-size:.6rem;color:#92b8db;padding-bottom:.5rem}.mh-game em{position:absolute;top:.35rem;left:.35rem;border-radius:.5rem;background:#00bff4;color:#062148;font-style:normal;font-size:.55rem;font-weight:700;padding:.2rem .3rem}.mh-loading{grid-column:1/-1;text-align:center;color:#9dbbd6;padding:2rem}.mh-bottom{position:fixed;z-index:50;bottom:0;left:0;right:0;height:4.25rem;display:flex;justify-content:space-around;align-items:center;background:#062653ee;border-top:1px solid #1ecbff;box-shadow:0 -0.5rem 1.2rem #00bfff33}.mh-bottom button{border:0;background:transparent;color:#99b9d8;font-size:1.45rem}.mh-bottom span{display:block;font-size:.7rem}.mh-bottom button.active{color:#25d5ff;text-shadow:0 0 .7rem #18caff}.mh-bottom button.active span{color:#25d5ff}@media(max-width:420px){.mh-games{grid-template-columns:repeat(2,minmax(0,1fr))}.mh-banner h1{font-size:1.55rem}.mh-banner b{font-size:.75rem}.mh-slot-art{font-size:2.8rem}.mh-wallet{padding:.75rem}.mh-deposit{padding:.75rem .8rem;font-size:.85rem}}
html:has(#modern-home), body:has(#modern-home) { overflow: hidden !important; height: 100%; }
#modern-home { touch-action: pan-y; overscroll-behavior-y: contain; }
#mh-login{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:1rem;background:rgba(0,10,30,.82);backdrop-filter:blur(8px)}
.mh-login-card{position:relative;width:min(100%,22rem);padding:1.5rem;border:1px solid #21ccff;border-radius:1.2rem;background:linear-gradient(145deg,#0b3d76,#061936);box-shadow:0 0 2rem #10c9ff55;color:#fff}
.mh-login-card h2{margin:.2rem 0}.mh-login-card p{color:#a9c6e1;font-size:.85rem}.mh-login-card input{display:block;width:100%;box-sizing:border-box;margin:.65rem 0;padding:.8rem;border:1px solid #2878ac;border-radius:.6rem;background:#031b3d;color:#fff}.mh-login-card #mh-login-submit{width:100%;padding:.8rem;border:0;border-radius:2rem;background:linear-gradient(100deg,#11c7f2,#1682ff);color:#fff;font-weight:700}.mh-login-close{position:absolute;right:.8rem;top:.55rem;border:0;background:transparent;color:#8edfff;font-size:1.7rem}.mh-login-card small{display:block;color:#ff9b9b;min-height:1.1rem;margin-top:.5rem}