.portfolio-return { position: fixed; z-index: 10000; top: max(10px,env(safe-area-inset-top)); left: 50%; transform: translateX(-50%); display: inline-flex; align-items: center; min-height: 34px; padding: 6px 14px; background: #101b22e8; color: #e0e8eb; border: 1px solid #c4d3dc55; border-radius: 3px; font: 11px/1.4 system-ui,sans-serif; letter-spacing: .05em; text-decoration: none; backdrop-filter: blur(12px); }
.portfolio-return:hover { background: #31434e; }
.portfolio-return:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
@media(max-width:760px) { .portfolio-return { top: max(3px,env(safe-area-inset-top)); min-height: 44px; box-sizing:border-box; font-size: 12px; padding: 8px 12px; } }
@media(any-pointer:coarse) { .portfolio-return { min-height:44px;box-sizing:border-box;font-size:12px; } }
@media(min-width:601px) and (max-width:900px) and (orientation:landscape) { body.playing .portfolio-return { top: auto; bottom: max(16px,env(safe-area-inset-bottom)); } }