/* Tumblewatch Menu (no dependencies) */
:root{
  --tw-bg:#0b0d10; --tw-card:#111418; --tw-border:#1e2430; --tw-text:#eaf0ff; --tw-muted:#a7b0be;
  --tw-accent:#3b82f6; --tw-accent-2:#10b981;
}
.tw-nav{position:sticky;top:0;z-index:1000;background:rgb(11 13 16 /.75);backdrop-filter:saturate(150%) blur(8px);border-bottom:1px solid var(--tw-border)}
.tw-nav .wrap{max-width:1200px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.tw-brand{display:flex;gap:10px;align-items:center;font-weight:800;letter-spacing:.2px;color:var(--tw-text)}
.tw-brand img{width:22px;height:22px;border-radius:8px;border:1px solid var(--tw-border);background:linear-gradient(135deg,rgba(59,130,246,.2),rgba(16,185,129,.2))}
.tw-toggle{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid var(--tw-border);border-radius:12px;background:var(--tw-card);color:var(--tw-text);cursor:pointer}
.tw-toggle span,.tw-toggle::before,.tw-toggle::after{content:"";display:block;width:20px;height:2px;background:var(--tw-text);border-radius:2px;transition:transform .2s ease, opacity .2s ease}
.tw-toggle span{transform:translateY(0)}
.tw-toggle::before{transform:translateY(-6px)}
.tw-toggle::after{transform:translateY(6px)}
.tw-toggle[aria-expanded="true"] span{opacity:0}
.tw-toggle[aria-expanded="true"]::before{transform:translateY(0) rotate(45deg)}
.tw-toggle[aria-expanded="true"]::after{transform:translateY(-2px) rotate(-45deg)}

.tw-menu{display:flex;align-items:center;gap:8px}
.tw-menu a{color:var(--tw-text);font-size:14px;opacity:.9;padding:10px 12px;border-radius:10px}
.tw-menu a:focus,.tw-menu a:hover{opacity:1;background:rgba(255,255,255,.04)}
.tw-has-sub{position:relative}
.tw-sub{position:absolute;left:0;top:calc(100% + 8px);min-width:260px;background:var(--tw-card);border:1px solid var(--tw-border);border-radius:14px;box-shadow:0 20px 40px rgba(0,0,0,.45);padding:10px;display:none}
.tw-sub a{display:flex;gap:10px;align-items:center;border-radius:10px}
.tw-sub .title{font-size:12px;color:var(--tw-muted);margin:6px 8px}
.tw-has-sub[aria-expanded="true"] .tw-sub{display:block}

/* MEGA */
.tw-mega{position:absolute;left:0;right:0;top:calc(100% + 8px);display:none}
.tw-mega .panel{max-width:1200px;margin:0 auto;display:grid;gap:14px;grid-template-columns:repeat(3,1fr);background:var(--tw-card);border:1px solid var(--tw-border);border-radius:16px;padding:16px;box-shadow:0 20px 50px rgba(0,0,0,.5)}
.tw-mega .col h4{margin:0 0 8px;font-size:14px}
.tw-mega .item{display:flex;gap:10px;align-items:center;border-radius:10px;padding:8px 10px;color:var(--tw-text)}
.tw-mega .item:hover{background:rgba(255,255,255,.04)}
.tw-mega .icon{width:28px;height:28px;border-radius:8px;border:1px solid var(--tw-border);display:grid;place-items:center;background:#0f1318}
.tw-has-mega[aria-expanded="true"] .tw-mega{display:block}

/* MOBILE */
@media (max-width: 960px){
  .tw-toggle{display:inline-flex}
  .tw-menu{position:fixed;inset:auto 0 0 0;top:64px;background:var(--tw-bg);border-top:1px solid var(--tw-border);display:none;flex-direction:column;align-items:stretch;padding:8px 12px;gap:6px}
  .tw-menu.open{display:flex}
  .tw-has-sub .tw-sub,.tw-has-mega .tw-mega{position:static;display:none;border:none;box-shadow:none;padding:0;background:transparent}
  .tw-has-sub[aria-expanded="true"] .tw-sub,
  .tw-has-mega[aria-expanded="true"] .tw-mega{display:block}
}
@media (min-width: 961px){
  .tw-toggle{display:none}
}