
/* Central Shared Menu — single source of visual truth based on index.html */
:root{--tou-gold:#d7b46a;--tou-cream:#fff7e8;--tou-bg:#130c13;--tou-ink:#080f1d;--tou-nav-h:76px}
#shared-site-menu{position:sticky!important;top:0!important;z-index:999999!important;display:block!important;clear:both!important}
.arch-global-nav{position:sticky!important;top:0!important;z-index:999999!important;background:rgba(16,10,16,.96)!important;backdrop-filter:blur(16px)!important;border-bottom:1px solid rgba(215,180,106,.28)!important;padding:10px 18px!important;font-family:Georgia,serif!important;box-shadow:0 14px 42px rgba(0,0,0,.28)!important;width:100%!important;box-sizing:border-box!important}
.arch-nav-inner{max-width:1220px!important;margin:0 auto!important;display:flex!important;gap:9px!important;align-items:center!important;justify-content:center!important;flex-wrap:wrap!important}
.arch-brand,.arch-global-nav a,.arch-global-nav .arch-drop>button,.arch-mobile-toggle{color:var(--tou-gold)!important;text-decoration:none!important;border:1px solid rgba(215,180,106,.34)!important;border-radius:999px!important;padding:8px 13px!important;background:rgba(215,180,106,.09)!important;cursor:pointer!important;white-space:nowrap!important;font:inherit!important;line-height:1.2!important}
.arch-brand{font-weight:bold!important;background:rgba(215,180,106,.15)!important}
.arch-menu-wrap{display:flex!important;gap:9px!important;align-items:center!important;justify-content:center!important;flex-wrap:wrap!important}
.arch-drop{position:relative!important;display:inline-flex!important;align-items:center!important}
.arch-drop>button:after{content:' ▾';opacity:.8}
.arch-menu{display:none!important;position:absolute!important;top:calc(100% + 8px)!important;left:0!important;min-width:245px!important;background:#171018!important;border:1px solid rgba(215,180,106,.32)!important;border-radius:16px!important;padding:8px!important;box-shadow:0 22px 65px rgba(0,0,0,.48)!important;z-index:1000000!important;max-height:72vh!important;overflow:auto!important}
.arch-drop:hover .arch-menu,.arch-drop:focus-within .arch-menu,.arch-drop.is-open .arch-menu{display:grid!important;gap:6px!important}
.arch-menu a{display:block!important;border-radius:12px!important;text-align:left!important;white-space:normal!important;min-width:200px!important}
.arch-menu a:hover,.arch-brand:hover,.arch-drop>button:hover{background:rgba(215,180,106,.18)!important;color:#fff7e8!important}
.arch-mobile-toggle{display:none!important}
.shared-menu-language{margin-left:.35rem!important;margin-right:.35rem!important}
.shared-menu-language select{border:1px solid rgba(215,180,106,.42)!important;border-radius:999px!important;background:rgba(20,14,20,.88)!important;color:#f7e6bd!important;padding:8px 12px!important;font-family:Georgia,serif!important}
.page-title-top{max-width:1180px;margin:18px auto 6px!important;padding:0 22px!important;color:var(--tou-cream)!important;font-family:Georgia,serif!important;clear:both!important}
.page-title-top h1{margin:0!important;color:var(--tou-gold)!important;font-size:clamp(1.65rem,3vw,3.1rem)!important;line-height:1.05!important;text-shadow:0 10px 30px rgba(0,0,0,.38)!important}
.page-title-top .breadcrumb-path{margin-top:7px!important;color:rgba(255,247,232,.68)!important;font-size:.9rem!important}
@media(max-width:860px){
  #shared-site-menu{position:sticky!important;top:0!important}
  .arch-global-nav{padding:7px 10px!important}
  .arch-nav-inner{justify-content:space-between!important;gap:6px!important}
  .arch-brand{font-size:.95rem!important;max-width:58vw!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .arch-mobile-toggle{display:inline-flex!important;align-items:center!important;gap:.35rem!important;margin-left:auto!important}
  .arch-menu-wrap{display:none!important;width:100%!important;max-height:76vh!important;overflow:auto!important;padding:8px 0!important;order:5!important;align-items:stretch!important;justify-content:stretch!important}
  .arch-global-nav.is-open .arch-menu-wrap{display:grid!important;gap:8px!important}
  .arch-drop{display:block!important;width:100%!important}
  .arch-drop>button{width:100%!important;text-align:left!important;display:flex!important;justify-content:space-between!important;align-items:center!important}
  .arch-menu{position:static!important;display:none!important;min-width:0!important;width:100%!important;max-height:none!important;box-shadow:none!important;background:rgba(0,0,0,.18)!important;border-radius:14px!important;margin:6px 0 8px!important;padding:7px!important}
  .arch-drop.is-open .arch-menu{display:grid!important;gap:5px!important}
  .shared-menu-language{order:4!important;width:100%!important;margin:.25rem 0!important}.shared-menu-language select{width:100%!important}
  .page-title-top{margin-top:13px!important;padding:0 16px!important}.page-title-top h1{font-size:1.65rem!important}
}
/* Achievement unlock visual */
.achievement-unlock-toast{position:fixed;left:50%;top:86px;transform:translateX(-50%) scale(.98);z-index:1000002;background:radial-gradient(circle at 15% 0%,rgba(255,226,139,.26),transparent 38%),linear-gradient(135deg,#24151e,#0b1220);border:1px solid rgba(215,180,106,.72);border-radius:24px;color:#fff7e8;padding:18px 22px;box-shadow:0 22px 90px rgba(0,0,0,.58),0 0 45px rgba(215,180,106,.22);font-family:Georgia,serif;display:flex;gap:14px;align-items:center;max-width:min(92vw,560px);animation:achievementPop .45s ease both}.achievement-unlock-toast .medal{font-size:2.4rem;filter:drop-shadow(0 0 14px rgba(215,180,106,.8))}.achievement-unlock-toast strong{display:block;color:#d7b46a;font-size:1.12rem;margin-bottom:3px}.achievement-unlock-toast p{margin:0;color:rgba(255,247,232,.85)}
.achievement-confetti{position:fixed;inset:0;pointer-events:none;z-index:1000001;background:radial-gradient(circle at 20% 15%,rgba(215,180,106,.42),transparent 2px),radial-gradient(circle at 70% 20%,rgba(255,247,232,.36),transparent 2px),radial-gradient(circle at 40% 55%,rgba(215,180,106,.32),transparent 2px),radial-gradient(circle at 85% 60%,rgba(255,247,232,.28),transparent 2px);background-size:110px 110px;animation:confettiFall 1.7s ease-out forwards}.is-unlocked,[data-achievement].is-unlocked{box-shadow:0 0 0 1px rgba(215,180,106,.48),0 0 36px rgba(215,180,106,.22)!important;position:relative!important}.is-unlocked:after,[data-achievement].is-unlocked:after{content:'✓ Unlocked';position:absolute;top:10px;right:10px;border:1px solid rgba(215,180,106,.55);border-radius:999px;padding:5px 9px;background:rgba(215,180,106,.15);color:#d7b46a;font-size:.78rem}
@keyframes achievementPop{from{opacity:0;transform:translateX(-50%) translateY(-14px) scale(.92)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}@keyframes confettiFall{0%{opacity:1;background-position:0 -50px}100%{opacity:0;background-position:0 220px}}
/* Central Living World Evolution Widget */
#touLivingWorldWidget{position:fixed;right:18px;bottom:18px;z-index:999998;font-family:Georgia,serif;color:#fff7e8;max-width:min(92vw,360px)}
#touLivingWorldWidget .lww-toggle{display:flex;align-items:center;gap:8px;margin-left:auto;border:1px solid rgba(215,180,106,.55);border-radius:999px;background:rgba(16,10,16,.94);color:#d7b46a;padding:10px 14px;box-shadow:0 14px 50px rgba(0,0,0,.42);cursor:pointer}
#touLivingWorldWidget .lww-panel{display:none;margin-top:8px;border:1px solid rgba(215,180,106,.38);border-radius:24px;background:linear-gradient(135deg,rgba(35,20,31,.96),rgba(8,15,29,.96));box-shadow:0 25px 85px rgba(0,0,0,.55);padding:16px}#touLivingWorldWidget.is-open .lww-panel{display:block}#touLivingWorldWidget h3{margin:0 0 8px;color:#d7b46a}#touLivingWorldWidget p{margin:.35rem 0;line-height:1.45;color:rgba(255,247,232,.86)}#touLivingWorldWidget .lww-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}#touLivingWorldWidget .lww-pill{border:1px solid rgba(215,180,106,.25);border-radius:14px;padding:9px;background:rgba(255,247,232,.055);font-size:.9rem}#touLivingWorldWidget .lww-links{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}#touLivingWorldWidget a,#touLivingWorldWidget button.lww-action{border:1px solid rgba(215,180,106,.38)!important;border-radius:999px!important;background:rgba(215,180,106,.1)!important;color:#d7b46a!important;text-decoration:none!important;padding:8px 10px!important;text-align:center!important;font:inherit!important;cursor:pointer}.lww-memory-toast{position:fixed;right:18px;bottom:98px;z-index:1000000;border:1px solid rgba(215,180,106,.5);border-radius:18px;background:#171018;color:#fff7e8;padding:12px 15px;max-width:320px;box-shadow:0 18px 60px rgba(0,0,0,.48);font-family:Georgia,serif}.lww-memory-toast strong{color:#d7b46a}
@media(max-width:860px){#touLivingWorldWidget{right:10px;bottom:10px;max-width:calc(100vw - 20px)}#touLivingWorldWidget .lww-panel{max-height:68vh;overflow:auto}#touLivingWorldWidget .lww-links{grid-template-columns:1fr}#touLivingWorldWidget .lww-toggle{padding:10px 12px}}

#livingWorldPanel,#iwDock,.iw-dock,.lwe-dock,.persistent-living-world{display:none!important}


/* Compact one-line desktop menu and stronger shared menu isolation */
@media(min-width:861px){
  #shared-site-menu,.arch-global-nav{position:sticky!important;top:0!important;z-index:999999!important}
  .arch-global-nav{padding:6px 10px!important}
  .arch-nav-inner{max-width:100%!important;display:flex!important;flex-wrap:nowrap!important;gap:5px!important;justify-content:center!important;align-items:center!important;overflow:visible!important}
  .arch-brand,.arch-global-nav .arch-drop>button,.arch-global-nav a,.shared-menu-language select{font-size:.78rem!important;padding:6px 8px!important;line-height:1.05!important}
  .arch-menu-wrap{display:flex!important;flex-wrap:nowrap!important;gap:5px!important;align-items:center!important;justify-content:center!important;min-width:0!important}
  .arch-drop{flex:0 0 auto!important}
  .arch-menu{top:calc(100% + 5px)!important;min-width:220px!important}
  .shared-menu-language{flex:0 0 auto!important;margin:0 2px!important}
  :root{--tou-nav-h:54px!important}
}
.arch-global-nav,.arch-global-nav *{box-sizing:border-box!important}
body{scroll-padding-top:80px!important}
@media(max-width:860px){body{scroll-padding-top:74px!important}.arch-global-nav{position:sticky!important;top:0!important}.arch-mobile-toggle{position:relative!important;z-index:2!important}}

.reader-corner-page{max-width:1180px;margin:24px auto 90px;padding:0 22px;color:#fff7e8;font-family:Georgia,serif}.reader-corner-hero{border:1px solid rgba(215,180,106,.32);border-radius:28px;padding:28px;background:linear-gradient(135deg,rgba(35,20,31,.78),rgba(8,15,29,.72));box-shadow:0 22px 70px rgba(0,0,0,.28)}.reader-corner-hero h2{margin-top:0;color:#d7b46a}.reader-corner-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;margin-top:20px}.reader-corner-card{border:1px solid rgba(215,180,106,.26);border-radius:22px;padding:20px;background:rgba(255,247,232,.055)}.reader-corner-card h3{margin-top:0;color:#d7b46a}.reader-corner-card .button,.reader-corner-card a.button{display:inline-block;border:1px solid rgba(215,180,106,.42);border-radius:999px;padding:9px 13px;color:#d7b46a;text-decoration:none;background:rgba(215,180,106,.1)}


/* Next living-world build: mobile quick nav, clean widgets, dashboard cards */
#touMobileBottomNav{display:none!important}
@media(max-width:860px){
  body{padding-bottom:76px!important;overflow-x:hidden!important}
  #touMobileBottomNav{position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:1000000!important;display:grid!important;grid-template-columns:repeat(6,1fr)!important;background:rgba(16,10,16,.98)!important;border-top:1px solid rgba(215,180,106,.35)!important;box-shadow:0 -14px 44px rgba(0,0,0,.38)!important;backdrop-filter:blur(14px)!important;font-family:Georgia,serif!important}
  #touMobileBottomNav a,#touMobileBottomNav button{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;min-height:58px!important;border:0!important;background:transparent!important;color:#d7b46a!important;text-decoration:none!important;font-size:1.05rem!important;padding:5px 2px!important}
  #touMobileBottomNav span{font-size:.62rem!important;line-height:1!important;color:#fff7e8!important;white-space:nowrap!important}
  #touLivingWorldWidget{bottom:78px!important;right:10px!important}
}
.living-story-page{max-width:1180px;margin:24px auto 100px;padding:0 22px;color:#fff7e8;font-family:Georgia,serif}.living-story-hero{border:1px solid rgba(215,180,106,.34);border-radius:30px;padding:30px;background:radial-gradient(circle at 10% 0%,rgba(215,180,106,.2),transparent 32%),linear-gradient(135deg,rgba(35,20,31,.82),rgba(8,15,29,.78));box-shadow:0 24px 80px rgba(0,0,0,.34)}.living-story-hero h1,.living-story-card h2{color:#d7b46a}.living-story-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:18px;margin-top:22px}.living-story-card{border:1px solid rgba(215,180,106,.28);border-radius:24px;padding:20px;background:rgba(255,247,232,.055)}.living-story-card a{display:inline-block;margin-top:10px;border:1px solid rgba(215,180,106,.42);border-radius:999px;padding:9px 13px;color:#d7b46a;text-decoration:none;background:rgba(215,180,106,.1)}
#livingWorldPanel,#iwDock,.iw-dock,.lwe-dock,.persistent-living-world,.universe-pulse,.universe-dock{display:none!important}


/* Collectibles page filter + compact easter egg titles */
.collections-hero h1{font-size:clamp(1.85rem,4vw,3.05rem);line-height:1.05;}
.collectibles-filter-bar{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin:18px auto 4px;padding:10px;border:1px solid rgba(215,180,106,.22);border-radius:999px;background:rgba(255,247,232,.055);max-width:760px;}
.collectibles-filter-btn{appearance:none;border:1px solid rgba(215,180,106,.38);border-radius:999px;background:rgba(16,10,16,.78);color:#d7b46a;font-family:Georgia,serif;font-size:.92rem;padding:8px 14px;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease;}
.collectibles-filter-btn:hover,.collectibles-filter-btn.is-active{background:rgba(215,180,106,.18);border-color:rgba(215,180,106,.72);transform:translateY(-1px);}
.collectibles-filter-count{font-size:.86rem;color:rgba(255,247,232,.78);padding:0 6px;}
.collectible-card h2,.egg-card h2{font-size:clamp(.88rem,1.15vw,1.06rem)!important;line-height:1.22!important;margin:.35rem 0 .45rem!important;letter-spacing:.01em;overflow-wrap:anywhere;}
.collectible-card p,.egg-card p{font-size:.9rem;line-height:1.38;}
.collectible-number{font-size:.78rem;letter-spacing:.08em;color:rgba(215,180,106,.78);margin-top:8px;}
@media(max-width:640px){.collectibles-filter-bar{border-radius:20px;align-items:stretch}.collectibles-filter-btn{flex:1 1 120px}.collectible-card h2,.egg-card h2{font-size:.92rem!important}.collections-hero h1{font-size:2rem!important}}


/* MOBILE MENU REPAIR: compact, accessible drawer that does not cover the whole page */
@media(max-width:860px){
  html,body{overflow-x:hidden!important;}
  body{padding-bottom:72px!important;scroll-padding-top:64px!important;}
  #shared-site-menu{position:sticky!important;top:0!important;z-index:1000200!important;width:100%!important;}
  .arch-global-nav{position:sticky!important;top:0!important;z-index:1000200!important;padding:6px 8px!important;min-height:52px!important;max-height:64px!important;overflow:visible!important;background:rgba(16,10,16,.98)!important;}
  .arch-nav-inner{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;align-items:center!important;gap:6px!important;width:100%!important;max-width:100%!important;margin:0!important;}
  .arch-brand{grid-column:1!important;display:block!important;min-width:0!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:.86rem!important;padding:7px 9px!important;}
  .shared-menu-language{grid-column:2!important;grid-row:1!important;width:auto!important;min-width:0!important;margin:0!important;order:0!important;}
  .shared-menu-language select{width:auto!important;max-width:88px!important;font-size:.74rem!important;padding:7px 6px!important;}
  .arch-mobile-toggle{grid-column:3!important;grid-row:1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:76px!important;min-height:38px!important;margin:0!important;padding:7px 10px!important;font-size:.84rem!important;position:relative!important;z-index:1000203!important;touch-action:manipulation!important;}
  .arch-menu-wrap{display:none!important;position:fixed!important;left:10px!important;right:10px!important;top:58px!important;width:auto!important;max-height:min(58vh,430px)!important;overflow:auto!important;overscroll-behavior:contain!important;padding:10px!important;background:linear-gradient(135deg,rgba(23,16,24,.99),rgba(8,15,29,.99))!important;border:1px solid rgba(215,180,106,.42)!important;border-radius:18px!important;box-shadow:0 22px 90px rgba(0,0,0,.62)!important;z-index:1000202!important;align-items:stretch!important;justify-content:stretch!important;}
  .arch-global-nav.is-open{max-height:64px!important;}
  .arch-global-nav.is-open .arch-menu-wrap{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;}
  .arch-drop{display:block!important;width:100%!important;position:relative!important;}
  .arch-drop>button{width:100%!important;text-align:left!important;display:flex!important;justify-content:space-between!important;align-items:center!important;padding:9px 12px!important;font-size:.92rem!important;touch-action:manipulation!important;}
  .arch-menu{position:static!important;display:none!important;min-width:0!important;width:100%!important;max-height:none!important;overflow:visible!important;box-shadow:none!important;background:rgba(0,0,0,.2)!important;border-radius:14px!important;margin:6px 0 8px!important;padding:7px!important;}
  .arch-drop:hover .arch-menu,.arch-drop:focus-within .arch-menu{display:none!important;}
  .arch-drop.is-open .arch-menu{display:grid!important;gap:5px!important;}
  .arch-menu a{display:block!important;width:100%!important;min-width:0!important;white-space:normal!important;padding:9px 10px!important;font-size:.9rem!important;line-height:1.2!important;touch-action:manipulation!important;}
  .arch-menu-backdrop{position:fixed!important;left:0!important;right:0!important;top:58px!important;bottom:72px!important;background:rgba(0,0,0,.18)!important;z-index:1000201!important;display:none!important;pointer-events:auto!important;}
  .arch-global-nav.is-open + .arch-menu-backdrop,.arch-menu-backdrop.is-open{display:block!important;}
  #touMobileBottomNav{height:62px!important;max-height:62px!important;z-index:1000150!important;}
  #touMobileBottomNav a,#touMobileBottomNav button{min-height:58px!important;touch-action:manipulation!important;pointer-events:auto!important;}
  #touLivingWorldWidget{bottom:78px!important;max-width:calc(100vw - 20px)!important;z-index:1000100!important;}
  #touLivingWorldWidget.is-open .lww-panel{max-height:52vh!important;overflow:auto!important;}
  .collectibles-filter-bar{position:relative!important;z-index:1!important;pointer-events:auto!important;}
  .collectibles-filter-btn{pointer-events:auto!important;touch-action:manipulation!important;}
}
@media(max-width:380px){
  .arch-brand{font-size:.78rem!important;padding:7px 7px!important;}
  .shared-menu-language select{max-width:74px!important;font-size:.7rem!important;}
  .arch-mobile-toggle{min-width:66px!important;font-size:.78rem!important;padding:7px 8px!important;}
  .arch-menu-wrap{left:7px!important;right:7px!important;top:56px!important;max-height:56vh!important;}
}


/* MOBILE SUBMENU ACCORDION REPAIR: bottom sheet style, full child menu access */
@media(max-width:860px){
  #shared-site-menu{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:1000500!important;pointer-events:none!important;}
  .arch-global-nav{position:relative!important;top:auto!important;left:auto!important;right:auto!important;pointer-events:auto!important;min-height:50px!important;max-height:58px!important;padding:6px 8px!important;border-radius:0 0 16px 16px!important;}
  .arch-nav-inner{grid-template-columns:minmax(0,1fr) auto auto!important;}
  .arch-menu-wrap{position:fixed!important;left:10px!important;right:10px!important;top:auto!important;bottom:72px!important;max-height:68vh!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;display:none!important;padding:10px!important;border-radius:20px!important;background:linear-gradient(135deg,rgba(22,13,22,.99),rgba(7,13,25,.99))!important;box-shadow:0 -16px 70px rgba(0,0,0,.68)!important;z-index:1000600!important;pointer-events:auto!important;}
  .arch-global-nav.is-open .arch-menu-wrap{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;}
  .arch-menu-backdrop{position:fixed!important;top:58px!important;left:0!important;right:0!important;bottom:72px!important;background:rgba(0,0,0,.32)!important;z-index:1000550!important;pointer-events:auto!important;}
  .arch-drop{width:100%!important;border:1px solid rgba(215,180,106,.18)!important;border-radius:15px!important;background:rgba(255,247,232,.035)!important;overflow:hidden!important;}
  .arch-drop>button{width:100%!important;border:0!important;border-radius:0!important;background:transparent!important;text-align:left!important;padding:12px 14px!important;display:flex!important;justify-content:space-between!important;align-items:center!important;}
  .arch-drop>button::after{content:'＋';font-size:.9rem;opacity:.9;margin-left:10px;}
  .arch-drop.is-open>button::after{content:'−';}
  .arch-menu{position:static!important;display:none!important;width:100%!important;padding:8px!important;margin:0!important;border:0!important;border-top:1px solid rgba(215,180,106,.16)!important;border-radius:0!important;background:rgba(0,0,0,.24)!important;box-shadow:none!important;}
  .arch-drop:hover .arch-menu,.arch-drop:focus-within .arch-menu{display:none!important;}
  .arch-drop.is-open .arch-menu{display:grid!important;gap:6px!important;}
  .arch-menu a{display:block!important;width:100%!important;white-space:normal!important;padding:10px 12px!important;border-radius:12px!important;line-height:1.24!important;}
  body{padding-top:58px!important;}
  #touMobileBottomNav{z-index:1000400!important;}
}


/* Dream memory unlock buttons */
[data-memory].is-found{border-color:rgba(96,210,153,.7)!important;background:rgba(96,210,153,.16)!important;color:#d9ffe9!important;}
[data-memory].is-found::after{content:' ✓';font-weight:bold;}
.dream-memory-toast{position:fixed;right:18px;bottom:104px;z-index:1000800;max-width:340px;border:1px solid rgba(215,180,106,.55);border-radius:18px;background:#171018;color:#fff7e8;padding:13px 15px;box-shadow:0 18px 60px rgba(0,0,0,.5);font-family:Georgia,serif;display:grid;gap:4px;}
.dream-memory-toast strong{color:#d7b46a}.dream-memory-toast span{line-height:1.35}
@media(max-width:860px){.dream-memory-toast{left:12px;right:12px;bottom:82px;max-width:none;}}


/* FINAL MOBILE MENU SYSTEM - mobile only; desktop menu remains unchanged */
@media (max-width: 860px){
  html, body { overflow-x: hidden !important; }
  html.tou-mobile-menu-open { overflow: auto !important; }
  body { padding-top: 58px !important; padding-bottom: 74px !important; }

  #shared-site-menu{
    position: fixed !important;
    top: 0 !important; left: 0 !important; right: 0 !important;
    z-index: 2147483000 !important;
    width: 100% !important;
    pointer-events: none !important;
  }
  #shared-site-menu .arch-global-nav,
  #shared-site-menu .arch-menu-backdrop,
  #shared-site-menu .arch-menu-wrap{
    pointer-events: auto !important;
  }
  .arch-global-nav{
    position: relative !important;
    min-height: 58px !important;
    max-height: 58px !important;
    overflow: visible !important;
    padding: calc(6px + env(safe-area-inset-top, 0px)) 10px 6px !important;
    border-radius: 0 0 16px 16px !important;
    background: rgba(16,10,16,.985) !important;
    border-bottom: 1px solid rgba(215,180,106,.28) !important;
    box-shadow: 0 8px 28px rgba(0,0,0,.34) !important;
  }
  .arch-nav-inner{
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto auto !important;
    align-items: center !important;
    gap: 7px !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }
  .arch-brand{
    grid-column: 1 !important;
    min-width: 0 !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    font-size: .86rem !important;
    line-height: 1 !important;
    padding: 9px 10px !important;
  }
  .shared-menu-language{
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: block !important;
    margin: 0 !important;
    min-width: 0 !important;
  }
  .shared-menu-language select,
  #touLanguageSelect{
    display: block !important;
    width: auto !important;
    max-width: 96px !important;
    height: 38px !important;
    min-height: 38px !important;
    font-size: 13px !important;
    border-radius: 999px !important;
    padding: 0 8px !important;
    -webkit-appearance: menulist !important;
    appearance: auto !important;
    touch-action: manipulation !important;
  }
  .arch-mobile-toggle{
    grid-column: 3 !important;
    grid-row: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 76px !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 10px !important;
    margin: 0 !important;
    font-size: .84rem !important;
    line-height: 1 !important;
    border-radius: 999px !important;
    touch-action: manipulation !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  .arch-menu-backdrop{
    display: none !important;
    position: fixed !important;
    top: calc(58px + env(safe-area-inset-top, 0px)) !important;
    left: 0 !important; right: 0 !important; bottom: 0 !important;
    background: rgba(0,0,0,.18) !important;
    z-index: 2147483001 !important;
  }
  .arch-menu-backdrop.is-open{ display: block !important; }

  .arch-menu-wrap{
    display: none !important;
    position: fixed !important;
    left: 10px !important;
    right: 10px !important;
    top: calc(64px + env(safe-area-inset-top, 0px)) !important;
    bottom: auto !important;
    width: auto !important;
    max-height: min(62vh, 520px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior: contain !important;
    padding: 10px !important;
    border-radius: 20px !important;
    border: 1px solid rgba(215,180,106,.42) !important;
    background: linear-gradient(145deg, rgba(22,13,22,.99), rgba(7,13,25,.99)) !important;
    box-shadow: 0 18px 80px rgba(0,0,0,.62) !important;
    z-index: 2147483002 !important;
  }
  .arch-global-nav.is-open .arch-menu-wrap{
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  .arch-drop{
    display: block !important;
    width: 100% !important;
    position: relative !important;
    border: 1px solid rgba(215,180,106,.18) !important;
    border-radius: 15px !important;
    background: rgba(255,247,232,.04) !important;
    overflow: hidden !important;
  }
  .arch-drop > button,
  .arch-parent-toggle{
    width: 100% !important;
    min-height: 46px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    text-align: left !important;
    padding: 12px 14px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #fff7e8 !important;
    font-size: .96rem !important;
    touch-action: manipulation !important;
    -webkit-tap-highlight-color: transparent !important;
  }
  .arch-drop > button::after{ content: '＋' !important; color: #d7b46a !important; font-size: .95rem !important; margin-left: 12px !important; }
  .arch-drop.is-open > button::after{ content: '−' !important; }
  .arch-menu,
  .arch-drop:hover .arch-menu,
  .arch-drop:focus-within .arch-menu{
    position: static !important;
    display: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    margin: 0 !important;
    padding: 8px !important;
    border: 0 !important;
    border-top: 1px solid rgba(215,180,106,.16) !important;
    border-radius: 0 !important;
    background: rgba(0,0,0,.25) !important;
    box-shadow: none !important;
  }
  .arch-drop.is-open .arch-menu{
    display: grid !important;
    gap: 6px !important;
  }
  .arch-menu a{
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    padding: 11px 12px !important;
    border-radius: 12px !important;
    font-size: .92rem !important;
    line-height: 1.25 !important;
    touch-action: manipulation !important;
    -webkit-tap-highlight-color: transparent !important;
  }
  #touMobileBottomNav{ z-index: 2147482500 !important; }
}
@media (max-width: 390px){
  .arch-brand{ font-size: .78rem !important; padding-left: 8px !important; padding-right: 8px !important; }
  .shared-menu-language select,
  #touLanguageSelect{ max-width: 78px !important; font-size: 12px !important; padding-left: 6px !important; padding-right: 6px !important; }
  .arch-mobile-toggle{ min-width: 66px !important; font-size: .78rem !important; }
  .arch-menu-wrap{ left: 7px !important; right: 7px !important; max-height: 60vh !important; }
}
