/* Shell, navigation, sidebar, and footer. Selectors and values are unchanged from template.php. */
	/* ── Modern Navbar ── */
	.ox-nav{font-family:'Inter',sans-serif;-webkit-font-smoothing:antialiased;background:rgba(255,255,255,.92);backdrop-filter:blur(16px) saturate(1.8);border:1px solid rgba(226,232,240,.6);border-radius:16px;padding:0 8px;display:flex;align-items:center;gap:0;box-shadow:0 2px 20px rgba(0,0,0,.06);position:relative;z-index:100;margin:12px auto;max-width:1200px;height:56px;flex-wrap:nowrap}
	.ox-nav *{box-sizing:border-box}

	/* Menu items (links + dropdowns) */
	.ox-nav-items{display:flex;align-items:center;gap:2px;flex:1;min-width:0}

	.ox-nav-link{display:flex;align-items:center;gap:6px;padding:8px 11px;font-size:13px;font-weight:600;color:#334155;text-decoration:none;border-radius:10px;white-space:nowrap;transition:all .15s;position:relative;letter-spacing:-.1px}
	.ox-nav-link:hover{background:#f1f5f9;color:#0f172a;text-decoration:none}
	.ox-nav-link.active{background:#eff6ff;color:#2563eb}
	.ox-nav-link i.fa-solid,.ox-nav-link i.fa-regular{font-size:15px;width:18px;text-align:center}
	.ox-nav-link .ox-caret{font-size:9px;color:#94a3b8;margin-left:2px;transition:transform .2s}

	/* Dropdown */
	.ox-drop{position:relative}
	.ox-drop-menu{position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%) translateY(6px);min-width:200px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:6px;box-shadow:0 12px 40px rgba(0,0,0,.1),0 2px 8px rgba(0,0,0,.04);opacity:0;visibility:hidden;transition:opacity .18s,transform .18s,visibility .18s;z-index:200}
	.ox-drop.open .ox-drop-menu,.ox-drop:hover .ox-drop-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
	.ox-drop.open .ox-caret,.ox-drop:hover .ox-caret{transform:rotate(180deg)}

	.ox-drop-menu a{display:flex;align-items:center;gap:8px;padding:9px 14px;font-size:13px;font-weight:500;color:#0f172a;text-decoration:none;border-radius:8px;transition:all .12s;white-space:nowrap}
	.ox-drop-menu a:visited{color:inherit}
	.ox-drop-menu a:hover{background:#f8fafc;color:#0f172a}
	.ox-drop-menu a i{width:16px;text-align:center;font-size:12px;color:#94a3b8}

	/* Shop link special */
	.ox-nav-shop{color:#d97706 !important}
	.ox-nav-shop:hover{background:#fffbeb !important;color:#b45309 !important}

	/* Right side actions */
	.ox-nav-actions{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0;padding-left:12px}
	.ox-nav-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:10px;font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap;transition:all .15s;border:none;cursor:pointer;letter-spacing:-.1px;-webkit-tap-highlight-color:transparent}
	.ox-nav-btn-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 2px 8px rgba(37,99,235,.3)}
	.ox-nav-btn-primary:hover,.ox-nav-btn-primary:focus,.ox-nav-btn-primary:active{box-shadow:0 4px 14px rgba(37,99,235,.4);transform:translateY(-1px);color:#fff;text-decoration:none;outline:none;background:linear-gradient(135deg,#2563eb,#1d4ed8)}
	.ox-nav-btn-ghost{background:#f8fafc;color:#475569;border:1px solid #e2e8f0}
	.ox-nav-btn-ghost:hover,.ox-nav-btn-ghost:focus,.ox-nav-btn-ghost:active{background:#f1f5f9;color:#0f172a;text-decoration:none;outline:none}
	.ox-nav-btn-account{background:linear-gradient(135deg,#059669,#047857);color:#fff;box-shadow:0 2px 8px rgba(5,150,105,.3)}
	.ox-nav-btn-account:hover,.ox-nav-btn-account:focus,.ox-nav-btn-account:active{box-shadow:0 4px 14px rgba(5,150,105,.4);transform:translateY(-1px);color:#fff;text-decoration:none;outline:none;background:linear-gradient(135deg,#059669,#047857)}

	/* Mobile hamburger */
	.ox-hamburger{display:none;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;cursor:pointer;border-radius:10px;color:#334155;font-size:18px;transition:background .15s;flex-shrink:0;padding:0}
	.ox-hamburger:hover{background:#f1f5f9}

	/* Mobile drawer */
	.ox-drawer-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.3);backdrop-filter:blur(4px);z-index:998;opacity:0;transition:opacity .25s}
	.ox-drawer-overlay.open{display:block;opacity:1}
	.ox-drawer{position:fixed;top:0;right:-300px;width:280px;height:100%;background:#fff;z-index:999;transition:right .3s cubic-bezier(.4,0,.2,1);box-shadow:-4px 0 24px rgba(0,0,0,.1);padding:20px 16px 40px;overflow-y:auto}
	.ox-drawer.open{right:0}
	.ox-drawer-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:#f1f5f9;border-radius:10px;cursor:pointer;color:#334155;font-size:16px;margin-bottom:16px;margin-left:auto;transition:background .15s}
	.ox-drawer-close:hover{background:#e2e8f0}
	.ox-drawer-section{margin-bottom:12px}
	.ox-drawer-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#94a3b8;padding:8px 12px 4px;display:flex;align-items:center;gap:6px}
	.ox-drawer-label i{font-size:11px}
	.ox-drawer a{display:flex;align-items:center;gap:8px;padding:10px 12px;font-size:14px;font-weight:500;color:#0f172a;text-decoration:none;border-radius:10px;transition:background .12s}
	.ox-drawer a:visited{color:inherit}
	.ox-drawer a:hover{background:#f8fafc}
	.ox-drawer a i{width:18px;text-align:center;font-size:13px;color:#94a3b8}
	.ox-drawer-actions{display:flex;flex-direction:column;gap:10px;padding:16px 0 0;border-top:1px solid #f1f5f9;margin-top:8px}
	.ox-drawer-actions .ox-nav-btn{display:flex;justify-content:center;padding:12px 18px;font-size:14px;font-weight:700;border-radius:12px;letter-spacing:.2px;width:100%;text-align:center}
	.ox-drawer-actions .ox-nav-btn-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff !important;box-shadow:0 2px 10px rgba(37,99,235,.3);text-shadow:0 1px 2px rgba(0,0,0,.15)}
	.ox-drawer-actions .ox-nav-btn-primary:hover,.ox-drawer-actions .ox-nav-btn-primary:focus,.ox-drawer-actions .ox-nav-btn-primary:active{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff !important}
	.ox-drawer-actions .ox-nav-btn-ghost{background:#fff;color:#334155;border:1.5px solid #e2e8f0;box-shadow:0 1px 4px rgba(0,0,0,.04)}
	.ox-drawer-actions .ox-nav-btn-ghost:hover,.ox-drawer-actions .ox-nav-btn-ghost:focus,.ox-drawer-actions .ox-nav-btn-ghost:active{background:#f1f5f9;color:#334155}
	.ox-drawer-actions .ox-nav-btn-account{background:linear-gradient(135deg,#059669,#047857);color:#fff !important;box-shadow:0 2px 10px rgba(5,150,105,.3);text-shadow:0 1px 2px rgba(0,0,0,.15)}
	.ox-drawer-actions .ox-nav-btn-account:hover,.ox-drawer-actions .ox-nav-btn-account:focus,.ox-drawer-actions .ox-nav-btn-account:active{background:linear-gradient(135deg,#059669,#047857);color:#fff !important}

	@media(max-width:1200px){
		.ox-nav-items{display:none}
		.ox-nav-actions{display:none}
		.ox-hamburger{display:flex}
		.ox-nav{justify-content:space-between;padding:0 12px}
	}

	/* Sidebar boxes */
	.ox-box{background:#fff;border-radius:14px;border:1px solid #e2e8f0;overflow:hidden;margin-bottom:16px;font-family:'Inter',sans-serif}

	/* Force grid to stack at wider breakpoint so sidebar doesn't get too narrow */
	@media only screen and (max-width:1100px){
		.ui.padded.stackable.grid>.twelve.wide.column,
		.ui.padded.stackable.grid>.four.wide.column{width:100% !important;padding-left:0 !important;padding-right:0 !important;float:none !important}
	}
	.ox-box-head{display:flex;align-items:center;gap:10px;padding:12px 16px;font-size:13px;font-weight:700;color:#fff;letter-spacing:.3px}
	.ox-box-head i{font-size:13px;color:rgba(255,255,255,.8)}
	.ox-box-head a{color:#fff;text-decoration:none}
	.ox-box-head a:hover{color:rgba(255,255,255,.85)}
	.ox-box-body{padding:14px 16px}

	.ox-box-head.ox-h-blue{background:linear-gradient(135deg,#2563eb,#1d4ed8)}
	.ox-box-head.ox-h-green{background:linear-gradient(135deg,#059669,#047857)}
	.ox-box-head.ox-h-purple{background:linear-gradient(135deg,#7c3aed,#6d28d9)}
	.ox-box-head.ox-h-amber{background:linear-gradient(135deg,#f59e0b,#d97706)}
	.ox-box-head.ox-h-indigo{background:linear-gradient(135deg,#5865F2,#4752c4)}
	.ox-box-head.ox-h-rose{background:linear-gradient(135deg,#f43f5e,#e11d48)}
	.ox-box-head.ox-h-teal{background:linear-gradient(135deg,#0d9488,#0f766e)}

	/* Top5 */
	.ox-top-item{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #f1f5f9;text-decoration:none;transition:background .15s}
	.ox-top-item:last-child{border-bottom:none}
	.ox-top-item:hover{background:#f8fafc;border-radius:8px;padding-left:6px;margin-left:-6px}
	.ox-top-rank{width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;flex-shrink:0}
	.ox-top-rank.r1{background:#fef3c7;color:#d97706}
	.ox-top-rank.r2{background:#f1f5f9;color:#64748b}
	.ox-top-rank.r3{background:#fed7aa;color:#c2410c}
	.ox-top-rank.rn{background:#f8fafc;color:#94a3b8}
	.ox-top-name{flex:1;font-size:13px;font-weight:600;color:#1e293b;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
	.ox-top-lvl{font-size:12px;color:#64748b;font-weight:600}

	/* Status */
	.ox-status-badge{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;margin-bottom:10px;font-size:13px;font-weight:700}
	.ox-status-badge.online{background:#f0fdf4;border:1.5px solid #86efac;color:#166534}
	.ox-status-badge.offline{background:#fef2f2;border:1.5px solid #fca5a5;color:#991b1b}
	.ox-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
	.ox-status-dot.on{background:#22c55e;box-shadow:0 0 6px rgba(34,197,94,.4);animation:ox-dot-pulse 1.5s ease-in-out infinite}
	.ox-status-dot.off{background:#ef4444;box-shadow:0 0 6px rgba(239,68,68,.4)}
	@keyframes ox-dot-pulse{0%,100%{box-shadow:0 0 6px rgba(34,197,94,.4)}50%{box-shadow:0 0 12px rgba(34,197,94,.7),0 0 4px rgba(34,197,94,.9)}}
	.ox-status-players{margin-left:auto;font-weight:600;font-size:12px;color:#64748b}
	.ox-status-players strong{color:#1e293b}
	.ox-dl-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px;border-radius:10px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-weight:700;font-size:13px;text-decoration:none;transition:all .2s;border:none;cursor:pointer;box-shadow:0 2px 8px rgba(239,68,68,.25)}
	.ox-dl-btn:hover{box-shadow:0 4px 14px rgba(239,68,68,.35);transform:translateY(-1px);color:#fff}
	.ox-dl-btn i{font-size:14px}

	/* Search */
	.ox-search-form{display:flex;gap:8px}
	.ox-search-input{flex:1;font-family:'Inter',sans-serif;font-size:13px;border:1.5px solid #e2e8f0;border-radius:8px;padding:9px 12px;outline:none;transition:border-color .2s;min-width:0}
	.ox-search-input:focus{border-color:#7c3aed;box-shadow:0 0 0 3px rgba(124,58,237,.1)}
	.ox-search-btn{font-family:'Inter',sans-serif;font-size:12.5px;font-weight:700;padding:9px 16px;border-radius:8px;background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;border:none;cursor:pointer;transition:all .2s;white-space:nowrap}
	.ox-search-btn:hover{box-shadow:0 4px 12px rgba(124,58,237,.3);transform:translateY(-1px)}

	/* Events */
	.ox-event-item{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #f1f5f9}
	.ox-event-item:last-child{border-bottom:none}
	.ox-event-icon{width:28px;height:28px;border-radius:7px;object-fit:contain;flex-shrink:0}
	.ox-event-name{flex:1;font-size:13px;font-weight:600;color:#1e293b;text-decoration:none}
	.ox-event-name:hover{color:#7c3aed}
	.ox-event-time{font-size:12px;font-weight:700;color:#64748b;font-variant-numeric:tabular-nums;letter-spacing:.3px}

	/* Social */
	.ox-social-row{display:flex;justify-content:center;gap:12px;padding:4px 0}
	.ox-social-link{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:10px;transition:all .2s;text-decoration:none}
	.ox-social-link:hover{transform:translateY(-2px)}
	.ox-social-link.fb{background:#e8f0fe;color:#1877f2}
	.ox-social-link.fb:hover{background:#1877f2;color:#fff;box-shadow:0 4px 12px rgba(24,119,242,.3)}
	.ox-social-link.ig{background:#fce7f3;color:#e1306c}
	.ox-social-link.ig:hover{background:linear-gradient(135deg,#f58529,#dd2a7b,#8134af);color:#fff;box-shadow:0 4px 12px rgba(225,48,108,.3)}
	.ox-social-link.yt{background:#fee2e2;color:#ff0000}
	.ox-social-link.yt:hover{background:#ff0000;color:#fff;box-shadow:0 4px 12px rgba(255,0,0,.3)}
	.ox-social-link.tk{background:#f1f5f9;color:#111827}
	.ox-social-link.tk:hover{background:linear-gradient(135deg,#25f4ee,#fe2c55);color:#fff;box-shadow:0 4px 12px rgba(254,44,85,.35)}
	.ox-social-link i{font-size:18px}

.ox-ft{background:#111827;border-top:none;margin-top:24px;font-family:Inter,system-ui,sans-serif;position:relative}
.ox-ft::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#0d9488 30%,#14b8a6 50%,#0d9488 70%,transparent)}
.ox-ft-main{max-width:1100px;margin:0 auto;padding:14px 24px;display:flex;flex-direction:column;align-items:center;gap:8px}
.ox-ft-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 16px}
.ox-ft-row>a{font-size:11px;color:#64748b;text-decoration:none;transition:color .15s}
.ox-ft-row>a:hover{color:#cbd5e1}
.ox-ft-item{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:#94a3b8}
.ox-ft-item i{font-size:10px;color:#14b8a6}
.ox-ft-item a{color:inherit;text-decoration:none}
.ox-ft-item strong{color:#94a3b8;font-weight:600;font-family:'Courier New',monospace;font-size:11px;display:inline-block;min-width:88px}
#ox-utc-time{font-family:'Courier New',monospace;font-size:11px;display:inline-block;min-width:80px}
.ox-ft-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 6px rgba(34,197,94,.4)}

.ox-ft-copy{font-size:10px;color:#475569}
.ox-ft-copy a{color:#546580;text-decoration:none}
.ox-ft-copy a:hover{color:#94a3b8}
.ox-ft-translate{display:inline-flex;align-items:center}
.ox-ft-translate .goog-logo-link{display:none!important}
.ox-ft-translate .goog-te-gadget{font-size:0;display:flex;align-items:center}
.ox-ft-translate .goog-te-gadget>span{display:none!important}
.ox-ft-translate .goog-te-gadget .goog-te-combo{display:inline-block!important}
.ox-ft-translate select{font-family:Inter,system-ui,sans-serif;font-size:11px;background:#1e293b;color:#94a3b8;border:1px solid rgba(255,255,255,.1);border-radius:5px;padding:4px 8px;cursor:pointer;outline:none}
.ox-ft-translate select:hover{border-color:rgba(255,255,255,.2);color:#cbd5e1}
.ox-ft-admin{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:6px;font-size:10.5px;font-weight:600;color:#fbbf24;background:rgba(251,191,36,.08);border:1px solid rgba(251,191,36,.12);text-decoration:none;transition:all .15s}
.ox-ft-admin:hover{background:rgba(251,191,36,.16);color:#fde68a}
.ox-ft-sep{width:1px;height:14px;background:rgba(255,255,255,.08)}

.pg-totop{position:fixed;bottom:32px;right:32px;width:44px;height:44px;border-radius:50%;border:none;background:linear-gradient(135deg,#00897b,#00796b);color:#fff;font-size:20px;cursor:pointer;box-shadow:0 4px 14px rgba(0,137,123,.4);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s,transform .15s;z-index:999}.pg-totop.show{opacity:1;visibility:visible}.pg-totop:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,137,123,.5)}