@import url('/assets/menu-card-colors.css?v=1');
.dp-mobile-nav{display:none}
@media(max-width:900px){
 body.dp-menu-open{overflow:hidden!important;touch-action:none}body.dp-menu-open .site-header{z-index:99999!important}
 .main-nav{display:none!important}
 .dp-mobile-nav{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;box-sizing:border-box!important;z-index:99998!important;display:flex!important;flex-direction:column!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#020502!important;background-image:radial-gradient(circle at 80% 8%,rgba(140,255,0,.13),transparent 28%),linear-gradient(160deg,#071007,#020502 58%,#050805)!important;box-shadow:none!important;backdrop-filter:none!important;overflow:hidden!important;opacity:0;visibility:hidden;pointer-events:none;transform:scale(.985);transition:.2s ease;isolation:isolate!important}
 .dp-mobile-nav:after{content:"";position:fixed;inset:0;z-index:-2;background:#020502;pointer-events:none}.dp-mobile-nav:before{display:none!important}.dp-mobile-nav.open,body.dp-menu-open .dp-mobile-nav{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important}.mobile-toggle{position:relative!important;z-index:100000!important}.mobile-store-link{position:relative;z-index:100000!important}.mobile-toggle span{transition:.22s ease;transform-origin:center}body.dp-menu-open .mobile-toggle span:nth-child(1){transform:translateY(6px) rotate(45deg)}body.dp-menu-open .mobile-toggle span:nth-child(2){opacity:0}body.dp-menu-open .mobile-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
 /* Heading pinned to top of nav */
 .dp-menu-heading{flex:0 0 auto;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;width:100%!important;box-sizing:border-box!important;padding:max(14px,calc(env(safe-area-inset-top) + 10px)) 20px 12px!important;margin:0!important;background:#020502!important;border-bottom:1px solid rgba(140,255,0,.1)!important;z-index:2!important}
 .dp-menu-heading .dp-menu-title{margin-bottom:0!important;font-size:15px!important;font-weight:950!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#f3ffec!important}
 /* Scrollable content area */
 .dp-mobile-nav-scroll{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;padding:14px 22px calc(22px + env(safe-area-inset-bottom));display:flex;flex-direction:column}
 .dp-menu-page{width:100%;max-width:560px;margin:0 auto;opacity:0;transform:translateX(18px);transition:opacity .16s ease,transform .16s ease}.dp-menu-page.is-active{opacity:1;transform:none}.dp-menu-page.is-leaving{opacity:0;transform:translateX(-18px)}.dp-menu-title{color:#f3ffec;font-size:27px;font-weight:950;letter-spacing:-.04em;margin-bottom:14px}.dp-menu-icons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.dp-menu-home .dp-menu-icons{grid-template-columns:minmax(0,118px)}
 .dp-menu-icon{appearance:none;text-decoration:none!important;min-height:116px!important;padding:14px 9px!important;margin:0!important;border:1px solid rgba(140,255,0,.18)!important;border-radius:18px!important;background:linear-gradient(145deg,rgba(140,255,0,.075),rgba(255,255,255,.018))!important;color:#efffe5!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:4px!important;box-shadow:inset 0 1px rgba(255,255,255,.04),0 12px 32px rgba(0,0,0,.2)!important}.dp-menu-icon:after{display:none!important}.dp-menu-icon:active{transform:scale(.97)}.dp-icon-art{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;margin-bottom:5px;background:#0a1209;border:1px solid rgba(140,255,0,.25);color:#9cff24;font-size:23px;box-shadow:0 0 22px rgba(140,255,0,.07)}.dp-menu-icon strong{font-size:12px;letter-spacing:.02em}.dp-menu-icon small{font-size:8px;color:#778576;line-height:1.25}.dp-menu-quick{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.dp-menu-quick a{min-height:34px!important;padding:8px 12px!important;margin:0!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:999px!important;background:rgba(255,255,255,.025)!important;color:#9ca99b!important;font-size:9px!important;font-weight:850!important;text-transform:uppercase;letter-spacing:.08em}.dp-menu-quick a:after{display:none!important}
 .dp-mobile-account{flex:0 0 auto;width:100%;max-width:560px;margin:auto auto 0;padding:14px;border-top:1px solid rgba(140,255,0,.12);background:transparent!important;border-radius:0!important;box-shadow:none!important}.dp-account-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.dp-avatar{width:38px;height:38px;border-radius:12px;border:1px solid rgba(156,255,36,.28);background:#0b130b;display:grid;place-items:center;overflow:hidden;color:#9cff24;font-size:15px;font-weight:900}.dp-avatar img{width:100%;height:100%;object-fit:cover}.dp-account-copy strong{display:block;color:#f1ffe8;font-size:12px}.dp-account-copy small{display:block;margin-top:2px;color:#748073;font-size:8px}.dp-account-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.dp-account-actions a{display:flex!important;align-items:center!important;justify-content:center!important;min-height:38px!important;padding:8px!important;margin:0!important;border-radius:10px!important;border:1px solid rgba(140,255,0,.16)!important;background:#071007!important;color:#dfffc8!important;font-size:9px!important;font-weight:900!important;text-transform:uppercase;letter-spacing:.07em}.dp-account-actions a:after{display:none!important}.dp-account-actions a.dp-primary{background:#8cff00!important;color:#061006!important;border-color:#8cff00!important}
 @media(max-width:390px){.dp-menu-icons{gap:8px}.dp-menu-icon{min-height:105px!important;padding:10px 6px!important}.dp-icon-art{width:43px;height:43px}.dp-menu-title{font-size:24px}}
}
.dp-menu-icon .dp-nav-count{display:inline-flex;margin-top:7px;padding:4px 7px;border:1px solid rgba(157,221,56,.2);border-radius:999px;background:rgba(157,221,56,.05);color:#b9f45a;font-size:8px;font-weight:900;letter-spacing:.8px;text-transform:uppercase}
.dp-menu-home .dp-menu-icons{grid-template-columns:repeat(3,minmax(0,118px))!important}.dp-app-icons{grid-template-columns:repeat(2,minmax(0,1fr))!important}.dp-app-icons .dp-menu-icon{min-height:124px}
.dp-menu-icon.is-status{cursor:default}
.dp-theme-icons .dp-icon-art svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;transition:opacity .22s ease,transform .22s ease}.dp-theme-icons .dp-icon-art svg.is-changing{opacity:0;transform:scale(.8) rotate(-5deg)}
@media(max-width:900px){.dp-theme-icons{grid-template-columns:repeat(2,minmax(0,1fr))!important}.dp-theme-icons .dp-menu-icon{position:relative;min-height:132px!important;overflow:hidden}.dp-theme-slide:first-child .dp-menu-icon:first-child{grid-column:1/-1;min-height:142px!important;display:grid!important;grid-template-columns:68px 1fr auto!important;grid-template-rows:auto auto!important;column-gap:14px!important;padding:20px!important;text-align:left!important}.dp-theme-slide:first-child .dp-menu-icon:first-child .dp-icon-art{grid-row:1/3;width:62px;height:62px;margin:0;font-size:30px}.dp-theme-slide:first-child .dp-menu-icon:first-child strong{align-self:end;font-size:18px}.dp-theme-slide:first-child .dp-menu-icon:first-child small{align-self:start;font-size:9px}.dp-theme-slide:first-child .dp-menu-icon:first-child .dp-nav-count{grid-column:3;grid-row:1/3;align-self:center}.dp-theme-icons .dp-menu-icon:nth-child(1){--theme-accent:#9cff24}.dp-theme-icons .dp-menu-icon:nth-child(2){--theme-accent:#62c9ff}.dp-theme-icons .dp-menu-icon:nth-child(3){--theme-accent:#ffbd59}.dp-theme-icons .dp-menu-icon{border-color:color-mix(in srgb,var(--theme-accent) 28%,transparent)!important;background:radial-gradient(circle at 20% 10%,color-mix(in srgb,var(--theme-accent) 15%,transparent),transparent 45%),linear-gradient(145deg,#101810,#050805)!important}.dp-theme-icons .dp-icon-art{color:var(--theme-accent);border-color:color-mix(in srgb,var(--theme-accent) 40%,transparent);background:color-mix(in srgb,var(--theme-accent) 8%,#081008)}.dp-theme-icons .dp-nav-count{color:var(--theme-accent);border-color:color-mix(in srgb,var(--theme-accent) 28%,transparent);background:color-mix(in srgb,var(--theme-accent) 7%,transparent)}}

.dp-menu-close{flex:0 0 42px;width:42px;height:42px;padding:0;border:1px solid rgba(156,255,36,.3);border-radius:12px;background:rgba(156,255,36,.06);color:#eaffdc;font:300 30px/1 Arial,sans-serif;cursor:pointer;display:grid;place-items:center}.dp-menu-close:active{transform:scale(.96)}.dp-menu-close:focus-visible{outline:2px solid #9cff24;outline-offset:3px}
.dp-mobile-nav .dp-home-mascot{display:grid!important;place-items:center!important;overflow:hidden!important}.dp-mobile-nav .dp-home-mascot img{display:block!important;width:76px!important;height:76px!important;max-width:none!important;object-fit:contain!important;filter:drop-shadow(0 8px 10px rgba(0,0,0,.48)) saturate(1.08)!important}
.dp-theme-slider{width:100%;overflow:hidden;touch-action:pan-y;border-radius:18px;outline:none}.dp-theme-slider:focus-visible{outline:2px solid #9cff24;outline-offset:4px}.dp-theme-track{display:flex;width:100%;transition:transform .32s cubic-bezier(.22,.75,.22,1);will-change:transform}.dp-theme-slide{flex:0 0 100%;width:100%}.dp-theme-slider-controls{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:15px}.dp-theme-slider-controls>button{display:grid;width:38px;height:38px;padding:0;place-items:center;border:1px solid rgba(156,255,36,.28);border-radius:50%;background:rgba(156,255,36,.06);color:#dfffc9;font-size:23px;cursor:pointer}.dp-theme-slider-controls>span{display:flex;gap:8px}.dp-theme-slider-controls [data-theme-dot]{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:#43503f;cursor:pointer}.dp-theme-slider-controls [data-theme-dot].is-active{width:24px;border-radius:999px;background:#9cff24}@media(max-height:680px) and (max-width:900px){.dp-theme-slide .dp-menu-icon{min-height:106px!important}.dp-theme-slide:first-child .dp-menu-icon:first-child{min-height:116px!important}.dp-theme-slider-controls{margin-top:9px}}

.dp-menu-apps,.dp-menu-media{touch-action:pan-y}

.dp-mobile-nav .dp-app-image{overflow:hidden;padding:3px}.dp-mobile-nav .dp-app-image img{width:100%;height:100%;object-fit:contain}

/* The Media subpage borrows the compact app-tile grid, which shrinks the
   icon chip to 43px and renders the route mascots too small to read.
   Match the menu-home tiles instead. */
.dp-mobile-nav .dp-menu-media .dp-icon-art{width:64px!important;height:64px!important;border-radius:19px!important}
.dp-mobile-nav .dp-menu-media .dp-icon-art img{width:56px!important;height:56px!important;max-width:none!important;object-fit:contain!important}

/* Theme categories now mix line icons and route mascots, so the chip grows
   to the menu-home footprint and both kinds of art scale with it. */
.dp-mobile-nav .dp-theme-icons .dp-icon-art{width:64px!important;height:64px!important;border-radius:19px!important}
.dp-mobile-nav .dp-theme-icons .dp-icon-art img{display:block!important;width:56px!important;height:56px!important;max-width:none!important;object-fit:contain!important}