
.tuki-topbar{display:flex;align-items:center;gap:20px;padding:20px clamp(16px,4vw,78px);background:#111020;border-bottom:1px solid #00c9ef33;flex-wrap:wrap}.tuki-topbar .manhwas-wrap{margin-left:auto}.tuki-topbar .auth-buttons{flex:0 0 auto;width:auto}.tm-account{display:inline-flex;align-items:center;gap:12px;min-height:52px;padding:8px 18px;border:1px solid #4b3870;border-radius:999px;background:#19112d;color:#f4eaff;text-decoration:none;font-size:14px;font-weight:600;max-width:270px}.tm-account:hover{background:#251b3b;border-color:#00cfff;color:white}.tm-user-avatar{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border-radius:50%;background:linear-gradient(135deg,#009eb8,#7745c6);color:white}.tm-register{color:#c6b9e6;font-size:13px;text-decoration:none;padding:8px}.neon-navbar{background:#17132b!important;border-bottom:1px solid #00c9ef44;padding:0!important;box-shadow:none!important}.neon-navbar>.container-fluid{padding:0 clamp(16px,4vw,78px)!important;max-width:none}.neon-navbar .navbar-collapse{gap:24px}.neon-navbar .navbar-nav{align-items:stretch;gap:6px;flex-shrink:0}.neon-navbar .nav-link{display:flex;align-items:center;gap:10px;min-height:72px;padding:16px 24px!important;color:#d2c7ee;font-size:17px;font-weight:600;white-space:nowrap;text-shadow:none}.neon-navbar .nav-link:hover,.neon-navbar .nav-link:focus{color:#4ae4ff;background:#22203c}.neon-navbar .tm-random{border-radius:12px;background:linear-gradient(115deg,#087d99,#7250c7);color:#fff!important;margin:5px 0;min-height:62px;box-shadow:0 3px 16px #00cfff14}.neon-navbar .tm-random:hover{background:linear-gradient(115deg,#069bbb,#895de5)}.neon-navbar .search-container{width:310px;max-width:100%;flex:0 1 310px;margin-left:auto;margin-right:0!important}.neon-navbar .neon-input{border-radius:999px!important;background:#100f21!important;border:1px solid #49365f!important;color:white;padding:12px 20px;box-shadow:none!important}.neon-navbar .neon-input:focus{border-color:#00d4ff!important}.neon-navbar .search-results{z-index:1100;max-height:55vh;overflow:auto}.tm-categories{max-width:1400px;margin:40px auto}.tm-categories h1{color:#00d4ff}.tm-categories>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.tm-categories a{padding:16px;background:#19152b;border:1px solid #34304c;border-radius:10px;color:#ddd3f4;text-decoration:none;display:flex;justify-content:space-between;gap:12px}.tm-categories a:hover{border-color:#00d4ff}.tm-categories span{color:#00d4ff}
@media(max-width:1199px){.neon-navbar .nav-link{padding:14px 15px!important;font-size:15px}.neon-navbar .navbar-collapse{gap:12px}}
@media(max-width:991px){.tuki-topbar{gap:12px;padding:14px 16px}.tuki-brand{font-size:21px!important}.tm-account{min-height:44px;padding:6px 12px;max-width:220px}.tm-user-avatar{width:30px;height:30px;flex-basis:30px}.neon-navbar>.container-fluid{padding:12px 16px!important}.neon-navbar .navbar-collapse{padding-top:12px}.neon-navbar .navbar-nav{gap:4px}.neon-navbar .nav-link{min-height:48px;border-radius:8px}.neon-navbar .tm-random{min-height:48px;width:max-content}.neon-navbar .search-container{width:100%;margin:12px 0 0!important}.tuki-topbar .auth-buttons{margin-left:auto}.tm-register{font-size:12px}}
@media(max-width:480px){.tuki-topbar{gap:10px}.tuki-topbar .tuki-coins{font-size:12px;padding:5px 9px}.tuki-topbar .manhwas-wrap{margin-left:0}.tm-account{font-size:12px;gap:8px}.tm-register{padding:4px}.tuki-topbar .auth-buttons .d-flex{gap:5px!important}}

/* Desktop scale aligned with TukiH, independent of inherited rem sizing. */
@media(min-width:992px){
body .tuki-topbar{max-width:none;width:100%;min-height:104px;padding:20px clamp(24px,5.5vw,108px);gap:28px;box-sizing:border-box}
body .tuki-topbar .tuki-brand{font-size:36px!important;line-height:1.2}
body .tuki-topbar .tuki-coins{font-size:18px!important;min-height:60px;padding:10px 18px;gap:10px;border-radius:32px}
body .tuki-topbar .tuki-real-coin{width:36px;height:36px}
body .tuki-topbar .manhwas-badge{height:52px;min-width:190px}
body .tuki-topbar .manhwas-badge__text{font-size:20px!important;padding-right:20px}
body .tuki-topbar .tm-account{font-size:16px!important;min-height:60px;padding:9px 20px;gap:13px}
body .tuki-topbar .tm-user-avatar{width:40px;height:40px;flex-basis:40px}
body .tuki-topbar .tm-register{font-size:15px!important}
body .neon-navbar>.container-fluid{padding:0 clamp(24px,5.5vw,108px)!important}
body .neon-navbar .nav-link{font-size:20px!important;line-height:1.3;min-height:72px;padding:18px 24px!important}
body .neon-navbar .tm-random{min-height:72px;margin:0;padding:18px 28px!important}
body .neon-navbar .search-container{flex-basis:310px;width:310px}
body .neon-navbar .neon-input{font-size:18px!important;min-height:48px;padding:10px 20px}
}
@media(min-width:992px) and (max-width:1250px){body .tuki-topbar{gap:16px;padding:18px 24px}body .tuki-topbar .tuki-brand{font-size:30px!important}body .neon-navbar>.container-fluid{padding:0 24px!important}body .neon-navbar .nav-link{font-size:18px!important;padding:16px!important}body .tuki-topbar .manhwas-badge{min-width:150px}body .tuki-topbar .manhwas-badge__text{font-size:18px!important}}

/* Keep the account menu above navigation and content stacking contexts. */
body .tuki-topbar{position:relative;z-index:1050;overflow:visible}body .tuki-topbar .auth-buttons,body .tuki-topbar .dropdown{overflow:visible}body .tuki-topbar .dropdown-menu{z-index:1060;max-width:calc(100vw - 32px);max-height:70vh;overflow-y:auto}body .neon-navbar{position:relative;z-index:1020}

/* Shared layer order: content, navigation, account menu, dialogs. */
body main.container-fluid{z-index:auto}
body .tuki-topbar{z-index:1030}
body .tuki-topbar .dropdown-menu{z-index:1035!important}
body .neon-navbar .search-container{position:relative;min-width:0}
body .neon-navbar .search-results{position:absolute;top:calc(100% + 8px);left:0;right:0;width:100%;z-index:1025;max-height:55vh;overflow-y:auto}
body .neon-navbar .navbar-collapse.show{overflow:visible}
