/* Dream RPG Reborn v0.65 R29 — navigation/UI refresh.
   Keeps R20/R21 instant single-screen navigation, but makes the shell denser,
   clearer, and easier to move around on desktop and mobile. */
:root{--drr-shell-header:92px;--drr-shell-bottom:70px;--drr-nav-accent:#74e9ff;--drr-nav-gold:#f6c85f}
html{scroll-padding-top:calc(var(--drr-shell-header) + 12px)}
body{padding-bottom:calc(var(--drr-shell-bottom) + env(safe-area-inset-bottom,0px))!important}
.screen{max-width:1320px!important;padding:12px 14px calc(var(--drr-shell-bottom) + 20px)!important;scroll-margin-top:var(--drr-shell-header)}

/* Compact persistent header: controls and page context stay visible, oversized logo no longer consumes the viewport. */
.top.dreamTop041.dreamHeaderUnique041.drrTopR14{grid-template-rows:40px 48px!important;height:92px!important;min-height:92px!important;max-height:92px!important;padding:2px 8px!important}
.top.dreamTop041.dreamHeaderUnique041.drrTopR14 .drrTopMenuR14{height:38px!important;grid-template-columns:auto minmax(90px,170px) minmax(170px,1fr) auto!important}
.top.dreamTop041.dreamHeaderUnique041.drrTopR14 .brandCluster041{height:48px!important;min-height:48px!important;padding:0 5px!important}
.top.dreamTop041.dreamHeaderUnique041.drrTopR14 .headerLogo041{width:min(280px,42vw)!important;height:46px!important;max-height:46px!important;filter:drop-shadow(0 0 9px rgba(105,244,255,.18))!important}
.top.dreamTop041.dreamHeaderUnique041.drrTopR14 .drrTopContextR14{font-size:12px!important;border-color:rgba(116,233,255,.25)!important;background:rgba(11,24,48,.78)!important}
.drrNotificationPanelR5{top:96px!important;max-height:calc(100vh - 104px)!important}
.drrPageSubnavV050{top:98px!important}

/* Drawer is wider, searchable and uses one readable destination per row. */
.drawer{left:-354px!important;width:min(344px,92vw)!important;padding:10px 11px calc(28px + env(safe-area-inset-bottom,0px))!important;background:linear-gradient(180deg,#081321,#050b14)!important;box-shadow:18px 0 48px rgba(0,0,0,.55)!important}
.drawer.open{left:0!important}
.drawer .drawerLogo041{position:sticky;top:-10px;z-index:4;margin:-2px -2px 8px;padding:8px 6px;background:linear-gradient(180deg,#081321 78%,rgba(8,19,33,.92));backdrop-filter:blur(12px)}
.drawer .nav{padding-bottom:22px!important}
.drrNavToolsR29{position:sticky;top:65px;z-index:4;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;padding:8px 2px 9px;background:linear-gradient(180deg,rgba(8,19,33,.98) 82%,rgba(8,19,33,.8))}
.drrNavSearchR29{width:100%;min-width:0;height:40px;padding:8px 11px 8px 36px!important;border:1px solid rgba(116,233,255,.28)!important;background:#0a1728!important;border-radius:12px!important;color:#f0f7ff!important;outline:none}
.drrNavSearchWrapR29{position:relative;min-width:0}.drrNavSearchWrapR29:before{content:"⌕";position:absolute;left:12px;top:8px;color:#8fdff0;font-size:18px;z-index:1}.drrNavSearchR29:focus{border-color:#74e9ff!important;box-shadow:0 0 0 3px rgba(116,233,255,.11)!important}
.drrNavSearchClearR29{width:40px;height:40px;padding:0!important;border-radius:12px!important;font-size:18px!important}
.drrNavNoResultsR29{display:none;color:var(--muted);font-size:12px;text-align:center;padding:12px 6px}.drrNavNoResultsR29.show{display:block}
.drrNavGroupV050{border-radius:13px!important;margin:0!important}.drrNavGroupV050>summary{min-height:46px;padding:9px 10px!important}.drrNavGroupV050>summary>small{max-width:126px!important}
.drrNavGroupBodyV050{grid-template-columns:1fr!important;gap:4px!important;padding:6px!important}
.drrNavGroupBodyV050 button,.drrNavGroupBodyV050 a{min-height:42px!important;padding:8px 10px!important;border-radius:10px!important;font-size:13px!important;display:flex!important;align-items:center!important;gap:1px!important;transition:background .08s ease,border-color .08s ease,transform .08s ease!important}
.drrNavGroupBodyV050 button:hover,.drrNavGroupBodyV050 a:hover{background:#1b3150!important;border-color:#466b98!important;filter:none!important}
.drrNavGroupBodyV050 button.on,.drrNavGroupBodyV050 button[aria-current="page"]{background:linear-gradient(90deg,rgba(246,200,95,.98),rgba(255,224,132,.94))!important;color:#171000!important;border-color:#ffe6a3!important;box-shadow:0 0 0 2px rgba(246,200,95,.12),inset 3px 0 0 #fff7cf!important;font-weight:900!important}
.drrNavGroupV050.drrRouteGroupR29>summary{border-color:rgba(246,200,95,.2)!important;box-shadow:inset 3px 0 0 rgba(246,200,95,.65)!important}
.drrNavGroupV050.drrNavFilteredOutR29{display:none!important}.drrNavGroupBodyV050 button.drrNavFilteredOutR29,.drrNavGroupBodyV050 a.drrNavFilteredOutR29{display:none!important}

/* Bottom navigation is reserved for frequent destinations; documentation stays in the drawer. */
.bottom.gameBottom035{height:70px!important;grid-template-columns:repeat(5,minmax(52px,1fr))!important;gap:5px!important;padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px))!important;flex-wrap:nowrap!important}
.bottom.gameBottom035 .verChip{display:none!important}
.bottom.gameBottom035 button{min-height:55px!important;border-radius:12px!important;padding:5px 3px!important;text-decoration:none!important;transition:transform .08s ease,background .08s ease,border-color .08s ease!important}
.bottom.gameBottom035 button:hover{filter:none!important;background:linear-gradient(180deg,#284469,#14243b)!important}.bottom.gameBottom035 button:active{transform:translateY(1px) scale(.985)}
.bottom.gameBottom035 button.on,.bottom.gameBottom035 button[aria-current="page"]{background:linear-gradient(180deg,rgba(246,200,95,.24),rgba(39,41,39,.9))!important;border-color:rgba(246,200,95,.8)!important;box-shadow:inset 0 3px 0 rgba(246,200,95,.85),0 0 14px rgba(246,200,95,.12)!important;color:#fff2bd!important}
.bottom.gameBottom035 button b{font-size:10.5px!important;line-height:1!important}.bottom.gameBottom035 button span{height:28px!important;display:flex!important;align-items:center!important;justify-content:center!important}

/* Page cards/actions read as navigable targets rather than flat button blocks. */
.heroActions{gap:8px!important}.heroBtn{text-align:left!important;min-height:74px!important;padding:11px 12px!important;background:linear-gradient(180deg,#1a3150,#0d192a)!important;border-color:#2e4c70!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;transition:transform .09s ease,border-color .09s ease,background .09s ease!important}
.heroBtn:hover{filter:none!important;transform:translateY(-1px);border-color:#5d86b3!important;background:linear-gradient(180deg,#213d62,#101e32)!important}.heroBtn:active{transform:none}.heroBtn b{font-size:14px!important}.heroBtn span{line-height:1.25!important}
.card{scroll-margin-top:calc(var(--drr-shell-header) + 12px)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #74e9ff!important;outline-offset:2px!important}

/* Account/settings icon uses generated artwork instead of the old cog glyph. */
.dreamSettingsCog041 img{width:24px;height:24px;object-fit:cover;border-radius:16%;display:block}

@media(max-width:760px){
 :root{--drr-shell-header:72px;--drr-shell-bottom:66px}
 .screen{padding:8px 8px calc(var(--drr-shell-bottom) + 14px)!important}
 .top.dreamTop041.dreamHeaderUnique041.drrTopR14{grid-template-rows:38px 30px!important;height:72px!important;min-height:72px!important;max-height:72px!important;padding:1px 5px 2px!important}
 .top.dreamTop041.dreamHeaderUnique041.drrTopR14 .drrTopMenuR14{height:36px!important;grid-template-columns:auto minmax(0,1fr) auto!important;gap:4px!important}
 .top.dreamTop041.dreamHeaderUnique041.drrTopR14 .topActions041 .backHeaderBtn041{display:inline-grid!important}
 .top.dreamTop041.dreamHeaderUnique041.drrTopR14 .drrTopContextR14{display:block!important;grid-column:2!important;padding:5px 7px!important;font-size:10.5px!important}
 .top.dreamTop041.dreamHeaderUnique041.drrTopR14 .drrTopStatusR11{display:none!important}
 .top.dreamTop041.dreamHeaderUnique041.drrTopR14 .drrHeaderRightR5{grid-column:3!important}
 .top.dreamTop041.dreamHeaderUnique041.drrTopR14 .topActions041 button,.top.dreamTop041.dreamHeaderUnique041.drrTopR14 .drrHeaderRightR5 button{width:32px!important;min-width:32px!important;max-width:32px!important;height:32px!important;min-height:32px!important;max-height:32px!important;flex-basis:32px!important}
 .top.dreamTop041.dreamHeaderUnique041.drrTopR14 .brandCluster041{height:30px!important;min-height:30px!important;padding:0 3px!important}
 .top.dreamTop041.dreamHeaderUnique041.drrTopR14 .headerLogo041{width:min(176px,54vw)!important;height:29px!important;max-height:29px!important}
 .drrNotificationPanelR5{top:76px!important;max-height:calc(100dvh - 82px)!important}
 .drrPageSubnavV050{top:76px!important}
 .drawer .drawerLogo041{top:-10px}.drrNavToolsR29{top:65px}
 .drrNavGroupV050>summary>small{display:none!important}.drrNavGroupV050>summary{grid-template-columns:26px 1fr auto!important}
 .bottom.gameBottom035{height:66px!important}.bottom.gameBottom035 button{min-height:51px!important}.bottom.gameBottom035 button b{font-size:9.5px!important}.bottom.gameBottom035 button span{height:25px!important}.drrTabArtV065R24.bottom{width:23px!important;height:23px!important}
 .heroActions{grid-template-columns:repeat(2,minmax(0,1fr))!important}.heroBtn{min-height:70px!important;padding:9px 10px!important}.heroBtn b{font-size:13px!important}.heroBtn span{font-size:10.5px!important}
}
@media(max-width:370px){.heroActions{grid-template-columns:1fr!important}.bottom.gameBottom035 button b{font-size:9px!important}.drrNavSearchR29{font-size:13px!important}}