/* ============================================================ N9 COSMIC ROUTE — V0.20.5 MOBILE FINALIZATION Presentation only. No gameplay or wallet logic changes. ============================================================ */ @media(max-width:767px){ /* ---------------------------------------------------------- HEADER: FORCE ONE SINGLE ROW Logo | Wallet | Logout | Arena ---------------------------------------------------------- */ body.n9-game-page .casino-topnav.compact-nav, body.n9-arena-v170 .casino-topnav.compact-nav{ position:relative!important; display:block!important; min-height:52px!important; height:52px!important; padding:5px 6px!important; overflow:visible!important; } body.n9-game-page .casino-topnav .nav-left, body.n9-arena-v170 .casino-topnav .nav-left{ position:absolute!important; left:7px!important; top:50%!important; transform:translateY(-50%)!important; width:86px!important; min-width:86px!important; max-width:86px!important; height:40px!important; display:flex!important; align-items:center!important; overflow:hidden!important; margin:0!important; padding:0!important; } body.n9-game-page .n9-game-logo, body.n9-arena-v170 .n9-game-logo{ width:86px!important; min-width:86px!important; max-width:86px!important; display:flex!important; align-items:center!important; gap:4px!important; overflow:hidden!important; padding:0!important; margin:0!important; } body.n9-game-page .n9-game-logo b, body.n9-arena-v170 .n9-game-logo b{ font-size:27px!important; line-height:1!important; flex:0 0 auto!important; } body.n9-game-page .n9-game-logo small, body.n9-arena-v170 .n9-game-logo small{ font-size:5px!important; line-height:1.05!important; letter-spacing:.09em!important; white-space:nowrap!important; overflow:hidden!important; } body.n9-game-page .top-wallet-group, body.n9-arena-v170 .top-wallet-group{ position:absolute!important; right:6px!important; top:6px!important; left:98px!important; height:40px!important; width:auto!important; min-width:0!important; max-width:none!important; display:flex!important; flex-direction:row!important; flex-wrap:nowrap!important; align-items:stretch!important; justify-content:flex-end!important; gap:4px!important; margin:0!important; padding:0!important; overflow:visible!important; } body.n9-game-page .wallet.casino-wallet, body.n9-arena-v170 .wallet.casino-wallet{ flex:1 1 96px!important; width:auto!important; min-width:92px!important; max-width:118px!important; height:40px!important; min-height:40px!important; margin:0!important; padding:4px 5px!important; border-radius:9px!important; overflow:hidden!important; } body.n9-game-page .wallet.casino-wallet small, body.n9-arena-v170 .wallet.casino-wallet small{ font-size:5.5px!important; line-height:1!important; } body.n9-game-page .wallet.casino-wallet strong, body.n9-arena-v170 .wallet.casino-wallet strong{ font-size:10px!important; line-height:1!important; } body.n9-game-page .wallet.casino-wallet .n9-wallet-line, body.n9-arena-v170 .wallet.casino-wallet .n9-wallet-line{ gap:2px!important; } body.n9-game-page .n9-balance-eye-btn, body.n9-arena-v170 .n9-balance-eye-btn{ width:16px!important; height:16px!important; flex:0 0 16px!important; font-size:9px!important; } body.n9-game-page .n9-header-logout, body.n9-arena-v170 .n9-header-logout{ flex:0 0 56px!important; width:56px!important; min-width:56px!important; max-width:56px!important; height:40px!important; min-height:40px!important; padding:0 3px!important; margin:0!important; font-size:8px!important; border-radius:9px!important; white-space:nowrap!important; } body.n9-game-page .deposit-btn, body.n9-arena-v170 .deposit-btn{ flex:0 0 56px!important; width:56px!important; min-width:56px!important; max-width:56px!important; height:40px!important; min-height:40px!important; padding:0 3px!important; margin:0!important; font-size:8px!important; border-radius:9px!important; white-space:nowrap!important; } /* ---------------------------------------------------------- PLAYFIELD POLISH ---------------------------------------------------------- */ body.n9-game-page .reactor-stage, body.n9-arena-v170 .reactor-stage{ min-height:438px!important; } /* Slightly larger planets without moving their nodes */ body.n9-game-page #grid.pulse-grid .node .planet-surface, body.n9-arena-v170 #grid.pulse-grid .node .planet-surface{ scale:1.055!important; transform-origin:center center!important; } /* Keep selected planets fixed while preserving the same scale */ body.n9-game-page #grid.pulse-grid .node.selected .planet-surface, body.n9-game-page #grid.pulse-grid .node:active .planet-surface, body.n9-arena-v170 #grid.pulse-grid .node.selected .planet-surface, body.n9-arena-v170 #grid.pulse-grid .node:active .planet-surface{ scale:1.055!important; } /* Less visual competition from orbit guides */ body.n9-game-page #grid.pulse-grid .n9-orbit-system, body.n9-arena-v170 #grid.pulse-grid .n9-orbit-system{ opacity:.64!important; } body.n9-game-page #grid.pulse-grid .n9-orbit-system .n9-orbit, body.n9-arena-v170 #grid.pulse-grid .n9-orbit-system .n9-orbit{ border-width:1px!important; border-color:rgba(94,174,255,.13)!important; box-shadow:none!important; } /* Planet 6 stays between 4 and 7; thinner ring */ body.n9-game-page #grid.pulse-grid .node.n6, body.n9-arena-v170 #grid.pulse-grid .node.n6{ left:76%!important; top:69%!important; } body.n9-game-page #grid.pulse-grid .node.n6 .planet-ring, body.n9-arena-v170 #grid.pulse-grid .node.n6 .planet-ring{ border-width:1px!important; opacity:.82!important; box-shadow:0 0 5px rgba(255,214,138,.12)!important; } /* ---------------------------------------------------------- ROUTE PANEL ---------------------------------------------------------- */ body.n9-game-page .route-display, body.n9-arena-v170 .route-display{ min-height:66px!important; padding:7px 8px!important; } body.n9-game-page .route-display .route-row, body.n9-arena-v170 .route-display .route-row{ min-height:50px!important; padding:7px 8px!important; } /* ---------------------------------------------------------- REPLAY / QUICK ACTIONS ---------------------------------------------------------- */ body.n9-game-page .quick-actions button, body.n9-arena-v170 .quick-actions button, body.n9-game-page .n9-replay-strip button, body.n9-arena-v170 .n9-replay-strip button{ color:#ffffff!important; font-weight:950!important; text-shadow: 0 1px 2px rgba(0,0,0,.88), 0 0 7px rgba(255,255,255,.10)!important; } body.n9-game-page .quick-actions button small, body.n9-arena-v170 .quick-actions button small, body.n9-game-page .n9-replay-strip button small, body.n9-arena-v170 .n9-replay-strip button small{ color:#c9d8ec!important; opacity:1!important; } } /* Extra-small mobile refinement */ @media(max-width:370px){ body.n9-game-page .casino-topnav .nav-left, body.n9-arena-v170 .casino-topnav .nav-left{ width:80px!important; min-width:80px!important; max-width:80px!important; } body.n9-game-page .n9-game-logo, body.n9-arena-v170 .n9-game-logo{ width:80px!important; min-width:80px!important; max-width:80px!important; } body.n9-game-page .top-wallet-group, body.n9-arena-v170 .top-wallet-group{ left:90px!important; gap:3px!important; } body.n9-game-page .wallet.casino-wallet, body.n9-arena-v170 .wallet.casino-wallet{ min-width:84px!important; max-width:104px!important; } body.n9-game-page .n9-header-logout, body.n9-arena-v170 .n9-header-logout, body.n9-game-page .deposit-btn, body.n9-arena-v170 .deposit-btn{ flex-basis:51px!important; width:51px!important; min-width:51px!important; max-width:51px!important; font-size:7px!important; } }