/* MUSA ARCADE 7.5 — Black & Purple design system (v3: near-black base, violet accent, high contrast, no blur). By Musa Mushtaq. */
:root{--b65:#8b5cf6;--b65d:#6d28d9;--b65bright:#b794ff;--b65bg:#09080b;--b65bg2:#0d0a17;--b65panel:#120e20;--b65panel2:#1a1430;--b65line:#3b2a6b;--b65ink:#ffffff;--b65mute:#b9b1d6;--b65glow:#8b5cf655;
 --m2bg:#09080b;--m2panel:#120e20;--m2panel2:#1a1430;--m2line:#3b2a6b;--m2text:#ffffff;--m2muted:#b9b1d6;--m2accent:#b794ff;--heroGlow:#8b5cf6}

/* ===== HOME ===== */
html.m65home,html.m65home body{background:#09080b!important;color:#fff!important;color-scheme:dark}
html.m65home body{background:radial-gradient(circle at 85% -10%,#8b5cf655 0,transparent 36%),radial-gradient(circle at -5% 25%,#6d28d955 0,transparent 32%),radial-gradient(circle at 60% 110%,#5d12c655 0,transparent 36%),linear-gradient(180deg,#08060f,#09080b 50%,#050409)!important}
html.m65home .shell *{color:#fff!important}
html.m65home .shell small,html.m65home .shell .kicker,html.m65home .shell p,html.m65home .shell .tag,html.m65home .shell .live,html.m65home .shell .badge{color:#b9b1d6!important}
html.m65home .shell .kicker,html.m65home .shell small{letter-spacing:1.6px}
html.m65home .topline{border-bottom:1px solid #3b2a6b66!important}
html.m65home #musaMax2Nav .navBrand{font-size:17px!important}
html.m65home #musaMax2Nav .navBrand em{color:#b794ff!important}
html.m65home #musaMax2Nav a,html.m65home #musaMax2Nav button{color:#e3d8ff!important;border-radius:999px!important;border:1px solid transparent!important}
html.m65home #musaMax2Nav a:hover,html.m65home #musaMax2Nav button:hover{background:#1a1430!important;border-color:#3b2a6b!important;color:#fff!important}
html.m65home #musaMax2Nav .on,html.m65home #musaMax2Nav .on *{background:#fff!important;border-color:#fff!important;color:#6d28d9!important;box-shadow:0 8px 22px #00000055}
html.m65home .ownerTab,html.m65home body.musaOwnerGold .ownerTab{background:#1a1430!important;border:1px solid #3b2a6b!important;color:#fff!important}

/* panels, cards, sections */
html.m65home .homePanel,html.m65home .musaHomeActionCard,html.m65home .card,html.m65home .shell article,html.m65home .shell section:not(#musaMax2Hero):not(.arcadeSection),html.m65home #musaForYouGrid>*,html.m65home .shell input,html.m65home .shell select,html.m65home .shell textarea,html.m65home .profileStats>div{background:#120e20!important;border:1px solid #3b2a6b!important;box-shadow:0 14px 36px #120a1c55!important;color:#fff!important;border-radius:20px!important}
html.m65home .shell input,html.m65home .shell select,html.m65home .shell textarea{background:#0a0812!important;border-radius:14px!important}
html.m65home .shell input::placeholder{color:#9488bd!important}
html.m65home .shell input:focus{outline:none;border-color:#b794ff!important;box-shadow:0 0 0 4px #8b5cf644!important}
html.m65home .arcadeSection,html.m65home .carouselShell{background:transparent!important;border:0!important;box-shadow:none!important}
html.m65home .card{overflow:hidden;transition:transform .18s,box-shadow .18s,border-color .18s}
html.m65home .card:hover{transform:translateY(-4px);border-color:#b794ff!important;box-shadow:0 22px 50px #8b5cf633!important}
html.m65home .card .play,html.m65home .shell .play{background:#fff!important;color:#6d28d9!important;border:0!important;border-radius:999px!important;box-shadow:0 8px 20px #00000055}
html.m65home .card .play *,html.m65home .shell .play *{color:#6d28d9!important}
html.m65home .card .newBadge{border-color:#8b5cf688!important}
html.m65home .card .arrow{background:#8b5cf6!important;color:#fff!important;border-color:#8b5cf6!important}
html.m65home .chip{background:#120e20!important;border:1px solid #3b2a6b!important;color:#e3d8ff!important;border-radius:999px!important}
html.m65home .chip.on,html.m65home .chip[aria-pressed="true"],html.m65home .chip.active{background:#fff!important;border-color:#fff!important;color:#6d28d9!important}
html.m65home .scrollBtn{background:#1a1430!important;border:1px solid #3b2a6b!important;color:#fff!important;box-shadow:0 6px 18px #120a1c66!important}
html.m65home .sectionHeading h2,html.m65home .sectionHeading b,html.m65home .shell h2,html.m65home .shell h3{letter-spacing:-.6px;color:#fff!important}
html.m65home .sectionCount{background:#8b5cf6!important;border:0!important;color:#fff!important;border-radius:999px!important}
html.m65home #musaFavoritesViewAll,html.m65home .sectionActions a,html.m65home .sectionActions button{background:#1a1430!important;border:1px solid #3b2a6b!important;color:#fff!important;border-radius:999px!important}

/* hero */
html.m65home #musaMax2Hero{background:linear-gradient(118deg,#6d28d9 0%,#8b5cf6 55%,#b794ff 100%)!important;border:1px solid #b689f566!important;border-radius:28px!important;box-shadow:0 30px 80px #8b5cf640,inset 0 1px #ffffff55!important}
html.m65home #musaMax2Hero:before{background:radial-gradient(circle at 78% 40%,#ffffff44 0,transparent 32%),linear-gradient(90deg,#210c3e66,transparent 60%)!important;opacity:1!important}
html.m65home #musaMax2Hero *{color:#fff!important}
html.m65home #musaMax2Hero small{color:#ece4ff!important}
html.m65home #musaMax2Hero p{color:#f3efff!important}
html.m65home #musaMax2Hero h1{text-shadow:0 14px 40px #210c3e88!important}
html.m65home #musaMax2Hero h1 span,html.m65home #musaMax2Hero h1 em{color:#fff!important;background:none!important;-webkit-text-fill-color:#fff}
html.m65home body #m2HeroPlay,html.m65home #musaMax2Hero .heroActions a,html.m65home #musaMax2Hero .heroActions button{border-radius:999px!important;border:0!important;background:#fff!important;background-image:none!important;color:#6d28d9!important;box-shadow:0 12px 30px #210c3e66!important;font-weight:1000}
html.m65home body #m2HeroPlay *,html.m65home #musaMax2Hero .heroActions a *,html.m65home #musaMax2Hero .heroActions button *{color:#6d28d9!important}
html.m65home body #m2HeroRandom{background:#210c3e55!important;color:#fff!important;border:1px solid #ffffff88!important}
html.m65home body #m2HeroRandom *{color:#fff!important}
html.m65home #m2HeroPoster,html.m65home #musaMax2Hero .heroPoster{border:1px solid #ffffff66!important;border-radius:18px!important;box-shadow:0 20px 50px #210c3e77!important}

/* action cards */
html.m65home .musaHomeActionCard,html.m65home #musaSocialMediaLaunch,html.m65home #musaShaxStoreLaunch,html.m65home #musaFeedbackCard,html.m65home #musaUpdatesCard,html.m65home #musaHomeMultiCard,html.m65home #musaHomeSocialCard{background:#120e20!important;border:1px solid #3b2a6b!important;border-radius:22px!important;box-shadow:0 14px 36px #120a1c55!important;--g:#8b5cf6}
html.m65home .musaHomeActionCard:before,html.m65home #musaSocialMediaLaunch:before,html.m65home #musaShaxStoreLaunch:before,html.m65home #musaFeedbackCard:before,html.m65home #musaUpdatesCard:before,html.m65home #musaHomeMultiCard:before,html.m65home #musaHomeSocialCard:before{opacity:.5!important}
html.m65home #musaMaxLaunch,html.m65home .musaHomeActionCard:hover{border-color:#b794ff!important}
html.m65home .musaHomeActionBtns button,html.m65home #musaHomeAdminCardBtn,html.m65home #musaHomeSettingsCardBtn,html.m65home #musaHomeRedeemCardBtn,html.m65home #continueBtn,html.m65home #randomBtn{background:#8b5cf6!important;background-image:none!important;color:#fff!important;border:0!important;border-radius:999px!important;box-shadow:0 8px 20px #8b5cf655!important}
html.m65home .musaHomeActionBtns button *,html.m65home #musaHomeAdminCardBtn *{color:#fff!important}
html.m65home #musaHomeAdminCardBtn{background:#fff!important;color:#6d28d9!important}
html.m65home #musaHomeAdminCardBtn *{color:#6d28d9!important}

/* ===== SHARED SHELL (home + games): login, chips, menus ===== */
#musaLoginOverlay{background:radial-gradient(circle at 70% 0%,#8b5cf666,transparent 40%),#120a1de6!important;backdrop-filter:blur(14px)}
#musaLoginCard{background:#120e20!important;border:1px solid #3b2a6b!important;border-radius:26px!important;box-shadow:0 40px 100px #00000088,inset 0 1px #ffffff22!important;color:#fff!important}
#musaLoginCard *{color:#fff!important}
#musaLoginCard p,#musaLoginCard small{color:#b9b1d6!important}
#musaLoginCard .eyebrow,#musaLoginCard [class*="eyebrow"]{color:#b794ff!important}
#musaLoginCard button{border-radius:14px!important;border:1px solid #3b2a6b!important;background:#1a1430!important;font-weight:1000!important}
#musaLoginCard button.on,#musaLoginCard button[aria-pressed="true"]{background:#8b5cf6!important;border-color:#8b5cf6!important;color:#fff!important}
#musaLoginCard #musaLoginEnter{background:#fff!important;border-color:#fff!important;color:#6d28d9!important;box-shadow:0 10px 26px #00000066!important}
#musaLoginCard #musaLoginEnter *{color:#6d28d9!important}
#musaLoginCard input{background:#0a0812!important;border:1px solid #3b2a6b!important;color:#fff!important;border-radius:14px!important}
#musaLoginCard input::placeholder{color:#9488bd!important}
#musaLoginCard input:focus{border-color:#b794ff!important;box-shadow:0 0 0 4px #8b5cf644!important;outline:none}
#musaLoginError{color:#ff7d92!important}
#musaPlayerChip,#musaTokenChip,#musaSettingsButton,#musaSocialButton,#musaSwitchUser,#musaVersionDock,#musaNetworkState,#musaCreatorCredit{background:#120e20f2!important;border:1px solid #3b2a6b!important;color:#fff!important;box-shadow:0 8px 22px #00000055!important;backdrop-filter:blur(10px)}
#musaPlayerChip *,#musaTokenChip *,#musaSettingsButton *,#musaSocialButton *,#musaSwitchUser *,#musaVersionDock *,#musaNetworkState *,#musaCreatorCredit *{color:#fff!important}
#musaAdminButton,#musaMpBtn{background:#fff!important;border:1px solid #fff!important;box-shadow:0 8px 22px #00000066!important}
#musaAdminButton *,#musaMpBtn *,#musaAdminButton,#musaMpBtn{color:#6d28d9!important}
#musaVersionDock{border-radius:999px!important}
#musaVersionDock:after{content:"10.0";margin-left:6px;padding:3px 7px;border-radius:999px;background:#8b5cf6;color:#fff!important;font:1000 7px/1 Inter,system-ui;letter-spacing:1px;vertical-align:middle}
.m65pill{position:fixed;right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));z-index:9999;padding:8px 12px;border-radius:999px;background:#fff;color:#6d28d9;font:1000 8px/1 Inter,system-ui;letter-spacing:1.6px;box-shadow:0 10px 26px #00000066;pointer-events:none}

/* ===== GAME PAGES (navy, blue accents instead of purple) ===== */
html:not(.m65home) body{background:#09080b}
html:not(.m65home) .startBtn,html:not(.m65home) .restart,html:not(.m65home) button.startBtn{background:linear-gradient(90deg,#8b5cf6,#b794ff)!important;color:#fff!important}
html:not(.m65home) .diffRow button.on,html:not(.m65home) .pick.on,html:not(.m65home) #weaponSlots button.on,html:not(.m65home) #slots button.on{border-color:#b794ff!important;background:#6d28d9!important;color:#fff!important}
html:not(.m65home) .eyebrow{color:#b794ff!important}
html:not(.m65home) .hero h1 span{color:#b794ff!important}
html:not(.m65home) .card{border-color:#3b2a6b!important;background:#0d0a17f2!important}
html:not(.m65home) #start:not(button){background:radial-gradient(circle at 75% 15%,#8b5cf640,transparent 30%),linear-gradient(145deg,#0d0a17f8,#050409fb)!important}
@media(max-width:620px){.m65pill{bottom:auto;top:max(8px,env(safe-area-inset-top));right:50%;transform:translateX(50%);padding:6px 10px}}

/* ===== 6.5 card layout fix: image banner on top, readable text below, badges on the image ===== */
.sectionScroller .card,#multiplayerScroller .card,#arcadeSections .card,#multiplayerScroller .card{display:flex!important;flex-direction:column!important;padding:0!important;height:auto!important;min-height:286px!important;background:#0d0a17!important;border:1px solid #3b2a6b!important;overflow:hidden!important}
#arcadeSections .card .m2CardPreview,#multiplayerScroller .card .m2CardPreview{position:relative!important;inset:auto!important;top:auto!important;left:auto!important;width:100%!important;height:122px!important;object-fit:cover!important;flex:none!important;display:block!important;border-bottom:1px solid #3b2a6b!important;background:#09080b!important}
#arcadeSections .card:before,#multiplayerScroller .card:before,#arcadeSections .card:after,#multiplayerScroller .card:after{display:none!important}
#arcadeSections .card>*:not(.m2CardPreview),#multiplayerScroller .card>*:not(.m2CardPreview){position:relative!important;z-index:2!important}
#arcadeSections .card .tag,#multiplayerScroller .card .tag{order:2!important;margin:10px 14px 0!important;font-size:8px!important;letter-spacing:1.6px!important;line-height:1.2!important;color:#d6c2ff!important;opacity:1!important;white-space:normal!important;align-self:auto!important}
#arcadeSections .card h2,#multiplayerScroller .card h2{order:3!important;margin:5px 14px 0!important;font-size:17px!important;line-height:1.12!important;letter-spacing:-.4px!important;max-width:none!important;white-space:normal!important;overflow:visible!important;color:#fff!important;text-shadow:none!important;word-break:normal!important;overflow-wrap:anywhere!important}
#arcadeSections .card p,#multiplayerScroller .card p{order:4!important;margin:6px 14px 0!important;max-width:none!important;font-size:10px!important;line-height:1.45!important;color:#e3d8ff!important;opacity:1!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important;text-shadow:none!important}
#arcadeSections .card .play,#multiplayerScroller .card .play{order:5!important;position:relative!important;margin:auto 14px 14px!important;inset:auto!important;left:auto!important;right:auto!important;bottom:auto!important;width:auto!important;justify-content:center!important}
#arcadeSections .card .newBadge,#multiplayerScroller .card .newBadge{position:absolute!important;left:10px!important;top:10px!important;right:auto!important;bottom:auto!important;z-index:5!important;padding:5px 9px!important;font-size:8px!important}
#arcadeSections .card .musaFavoriteToggle,#multiplayerScroller .card .musaFavoriteToggle{position:absolute!important;right:10px!important;top:10px!important;bottom:auto!important;left:auto!important;width:32px!important;height:32px!important;font-size:16px!important;z-index:6!important}
#arcadeSections .card.flag,#multiplayerScroller .card.flag{min-height:300px!important;background:linear-gradient(180deg,#6d28d9 0,#0d0a17 60%)!important;border-color:#b794ff!important}.card.flag .m2CardPreview{height:140px!important}.card.flag h2{font-size:20px!important}
/* keep the ADMIN pill off the content */
html body #musaAdminButton,html body:not(.musa-hub) #musaAdminButton,html body.musa-hub:not(.musaLauncher) #musaAdminButton{top:auto!important;bottom:max(14px,calc(env(safe-area-inset-bottom) + 10px))!important;left:max(10px,env(safe-area-inset-left))!important;right:auto!important;min-height:34px!important;min-width:56px!important;font-size:10px!important;opacity:.9}
#arcadeSections .card p,#multiplayerScroller .card p,html body .sectionScroller .card p,html body #multiplayerScroller .card p{display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;max-height:46px!important;height:auto!important;overflow:hidden!important}
html body .sectionScroller .card,html body #multiplayerScroller .card{min-height:322px!important;height:auto!important}html body .sectionScroller .card.flag{min-height:340px!important}
/* hero: eyebrow never hides behind the title */
html body #musaMax2Hero #m2HeroTag{display:block!important;position:relative!important;z-index:3!important;margin:0 0 12px!important;padding:6px 10px!important;border-radius:999px!important;background:#6d28d9cc!important;color:#fff!important;font-size:9px!important;letter-spacing:2px!important;font-weight:1000!important;width:max-content!important;max-width:100%!important;white-space:normal!important;line-height:1.3!important}
html body #musaMax2Hero .m2BrandTitle{margin-top:0!important}

/* ===== v3 black & purple: readable cards, no blur, no hover jumps (cheaper to paint, nothing stutters) ===== */
html.m65home *,html.m65home *:before,html.m65home *:after{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html.m65home,html.m65home body{background:#09080b!important}
html.m65home .card{transition:border-color .12s!important;box-shadow:none!important;background:#100c1c!important;border:1px solid #3b2a6b!important;border-radius:16px!important}
html.m65home .card:hover{transform:none!important;box-shadow:none!important;border-color:#b794ff!important}
#arcadeSections .card,#multiplayerScroller .card,.sectionScroller .card{min-height:300px!important}
#arcadeSections .card .m2CardPreview,#multiplayerScroller .card .m2CardPreview{height:128px!important;filter:none!important;opacity:1!important}
#arcadeSections .card .tag,#multiplayerScroller .card .tag,html.m65home .card .tag{font-size:10px!important;font-weight:800!important;letter-spacing:1.2px!important;color:#c9a7ff!important;margin:12px 14px 0!important}
#arcadeSections .card h2,#multiplayerScroller .card h2,html.m65home .card h2{font-size:22px!important;font-weight:900!important;line-height:1.12!important;letter-spacing:-.3px!important;color:#ffffff!important;margin:6px 14px 0!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;display:block!important;-webkit-line-clamp:unset!important;max-height:none!important;text-shadow:none!important;opacity:1!important}
#arcadeSections .card p,#multiplayerScroller .card p,html.m65home .card p{font-size:12px!important;line-height:1.45!important;color:#cfc6ea!important;max-height:54px!important}
html.m65home .card .play,html.m65home .shell .play{background:#8b5cf6!important;color:#fff!important;font-weight:900!important;box-shadow:none!important;margin:auto 14px 14px!important}
html.m65home .card .play *,html.m65home .shell .play *{color:#fff!important}
html.m65home .card .arrow{background:#fff!important;color:#6d28d9!important;border-color:#fff!important}
html.m65home .card .newBadge{background:#8b5cf6!important;color:#fff!important;border:0!important;font-weight:900!important}
html.m65home .card.flag{border-color:#8b5cf6!important;background:linear-gradient(180deg,#1a1230,#0d0a17)!important}
@media(max-width:700px){#arcadeSections .card h2,#multiplayerScroller .card h2,html.m65home .card h2{font-size:20px!important}}
@media(prefers-reduced-motion:no-preference){html.m65home .card,html.m65home .card *{animation:none!important}}

/* MULTI box (top-right of the card picture) */
.card{position:relative}
html body .card>.multiBox,#arcadeSections .card>.multiBox,#multiplayerScroller .card>.multiBox,#arcadeSections #multiplayerScroller .card>.multiBox{position:absolute!important;top:8px!important;right:8px!important;left:auto!important;z-index:6!important;padding:4px 8px!important;border-radius:7px!important;background:#8b5cf6!important;color:#fff!important;font:900 10px/1 Inter,Arial,sans-serif!important;letter-spacing:1.2px!important;border:1px solid #ffffff55!important;margin:0!important;order:0!important;width:auto!important}
/* intro overlay: drop the animated glow/grid/scan layers (they repaint the whole screen every frame) */
#musaWelcomeV3 .wash,#musaWelcomeV3 .splitGlow,#musaWelcomeV3 .gridFx,#musaWelcomeV3 .pulse,#musaWelcomeV3 .scan{display:none!important;animation:none!important}
#musaWelcomeV3{background:#09080b!important}
html.m65home .homeTools,html.m65home .profileGrid{margin-top:26px!important}
/* glitch fixes seen at phone size: header hidden under the launcher pill, hero text cut off, MULTI box under the favourite star */
html.m65home main.shell{padding-top:58px!important}
html.m65home #musaMax2Hero{height:auto!important;min-height:220px!important;overflow:hidden!important;padding-bottom:18px!important}
html body .card>.multiBox,#arcadeSections .card>.multiBox,#multiplayerScroller .card>.multiBox,#arcadeSections #multiplayerScroller .card>.multiBox{top:16px!important;right:60px!important}
html.m65home #musaForYouShelf{margin-top:26px!important}
/* banner grows to fit both buttons; the duplicate white "7.5" pill (already shown in the launcher pill) is hidden */
html.m65home body #musaMax2Hero,html.m65home body #musaMax2Hero .heroGrid{height:auto!important;min-height:220px!important;max-height:none!important}
html.m65home body #musaMax2Hero .heroCopy{padding-bottom:16px!important}
html.m65home body #musaMax2Hero .m2HeroBg{height:100%!important}
.m65pill{display:none!important}
/* escape-game menus: keep the title clear of the launcher pill */
body:not(.playing) #menu .menuCard{margin-top:46px!important}

/* 10.0: START buttons on classic menus stay bright and easy to find */
html:not(.m65home) button#start{min-width:min(100%,340px);min-height:58px;font-size:18px;opacity:1!important;visibility:visible!important;filter:none!important;font-weight:1000;letter-spacing:.06em;box-shadow:0 0 0 2px #ffffff26,0 10px 34px #ffd76a40!important;animation:m10StartPulse 1.8s ease-in-out infinite}
html:not(.m65home) button#start:active{transform:scale(.97)}
@keyframes m10StartPulse{0%,100%{box-shadow:0 0 0 2px #ffffff26,0 8px 26px #ffd76a33}50%{box-shadow:0 0 0 3px #ffffff55,0 10px 40px #ffd76a77}}
@media (prefers-reduced-motion:reduce){html:not(.m65home) button#start{animation:none}}