/* Shared identity and return control only. Product/game content is outside this scope. */
body.portal-app.atelier .atelier-header .atelier-brand{display:flex;align-items:center;gap:10px;min-width:0;text-decoration:none;line-height:1.15;font-family:Academy,system-ui,sans-serif;font-size:14px;font-weight:750;color:#f1fff7}
body.portal-app.atelier .atelier-header .atelier-brand img{width:52px;height:42px;object-fit:contain;padding:0;margin:0;background:none;border:0;border-radius:0;filter:none;box-shadow:none}
body.portal-app.atelier .atelier-header .atelier-brand>span{display:block}body.portal-app.atelier .atelier-header .atelier-brand small{display:block;font-size:9px;letter-spacing:.06em;color:#d7eee5;margin-top:5px}
body.portal-app.atelier .atelier-header .portal-mobile-back{position:relative;inset:auto;bottom:auto!important;display:grid;place-items:center;flex:none;width:44px;height:44px;min-height:44px;margin:0;padding:0;border:1px solid #7bbfa7;border-radius:13px;background:#0b5947;color:#f4fff7;box-shadow:0 4px 12px #031e2926;backdrop-filter:none;cursor:pointer;transition:background .16s}
body.portal-app.atelier .atelier-header .portal-mobile-back:before{content:none}body.portal-app.atelier .atelier-header .portal-mobile-back svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:none}
body.portal-app.atelier .atelier-header .portal-mobile-back:hover{background:#08765a}body.portal-app.atelier .atelier-header .portal-mobile-back:focus-visible{outline:3px solid #d3f5a8;outline-offset:3px}.aa-game-hub .aa-hub-back{display:none}
@media(max-width:700px){body.portal-app.atelier .atelier-header .atelier-brand{font-size:11px;gap:8px}body.portal-app.atelier .atelier-header .atelier-brand img{width:40px;height:34px}body.portal-app.atelier .atelier-header .atelier-brand small{font-size:8px}body.portal-app.atelier .atelier-header .portal-mobile-back{width:40px;height:40px;min-height:40px}.header-right{gap:8px}.header-name{display:none}}

body.portal-app.atelier .atelier-header .header-right {
  min-width: 0;
  justify-content: flex-end;
}
body.portal-app.atelier .atelier-header .header-name {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  min-width: 0;
  max-width: 16rem;
  overflow: hidden;
  overflow-wrap: anywhere;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.25;
  text-align: end;
}
body.portal-app.atelier .atelier-header .atelier-menu-trigger {
  flex-shrink: 0;
}
@media (max-width: 700px) {
  body.portal-app.atelier .atelier-header .header-name {
    -webkit-line-clamp: 2;
    max-width: 8rem;
    font-size: 11px;
  }
}
@media (max-width: 380px) {
  body.portal-app.atelier .atelier-header:has(.header-name):has(.portal-mobile-back) .atelier-brand > span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
  }
}

body.portal-app.atelier dialog.atelier-menu {
 width:min(680px,calc(100vw - 24px)); max-height: min(88dvh, 820px);
 padding: clamp(16px, 3vw, 24px); border:1px solid #77c6b2; border-radius:20px;
 background:#103d3c; color:#f0fff7; font-family:Academy,system-ui,sans-serif;
}
body.portal-app.atelier .atelier-menu :is(nav a, .menu-account-exit) {
 color:#f0fff7; border-color:#629b8d; text-decoration:none;
}
body.portal-app.atelier .atelier-menu nav a { min-height:44px; padding:9px 11px; background:#19504a; }
body.portal-app.atelier .atelier-menu nav a:is(:hover,[aria-current]) { background:#277263; }
body.portal-app.atelier .atelier-menu :is(.overline,small) { color:#c8f1e2; }
body.portal-app.atelier .atelier-menu [data-menu-close] { min-width:44px; min-height:44px; color:#eafff6; background:#255950; }